fix(doctors map): some small updates

altence · Jan 27, 2022 · 68e70dd · 68e70dd
1 parent 7b0555b
commit 68e70dd
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 7 deletions.
diff --git a/src/api/doctors.api.ts b/src/api/doctors.api.ts
@@ -12,7 +12,7 @@ export interface Doctor {
   name: string;
   specifity: number;
   rating: number;
-  gps: {
+  gps?: {
     latitude: number;
     longitude: number;
   };
@@ -69,10 +69,6 @@ export const getDoctorsData = (): Promise<Doctor[]> => {
           name: 'Steve Wolfe',
           specifity: 4,
           rating: 5,
-          gps: {
-            latitude: 35.652832,
-            longitude: 139.839478,
-          },
           imgUrl: steve,
           phone: '+X-XXX-XXX-XXXX',
           address: '9 Wagon Street Ravenna, OH 44266',

diff --git a/src/components/dashboard/mapCard/DoctorsMap/DoctorsMap.tsx b/src/components/dashboard/mapCard/DoctorsMap/DoctorsMap.tsx
@@ -35,10 +35,12 @@ interface DoctorsMapProps {
 export const DoctorsMap: React.FC<DoctorsMapProps> = ({ doctors }) => {
   const { isDesktop } = useResponsive();
 
+  const mapDoctors = doctors.filter(({ gps }) => gps);
+
   return (
     <S.DoctorsMap>
       <MapBackgroundIcon />
-      {doctors.map((marker) => (
+      {mapDoctors.map((marker) => (
         <Marker
           key={marker.id}
           icon={
@@ -50,7 +52,7 @@ export const DoctorsMap: React.FC<DoctorsMapProps> = ({ doctors }) => {
               isDesktop,
             )
           }
-          position={[marker.gps.latitude, marker.gps.longitude]}
+          position={[marker.gps?.latitude || 0, marker.gps?.longitude || 0]}
         >
           <Popup>
             <DoctorProfile