feat: add switching logic when map type get changed

src/components/Map/Map.tsx

@@ -41,6 +41,7 @@ export default function Map({ countries, disputedAreas, fcsData, alertData }: Ma
   const [regionNutritionData, setRegionNutritionData] = useState<FeatureCollection | undefined>();
   const [ipcRegionData, setIpcRegionData] = useState<FeatureCollection<Geometry, GeoJsonProperties> | undefined>();
   const [selectedCountryName, setSelectedCountryName] = useState<string | undefined>(undefined);
+  const [data, setData] = useState<boolean>(true);
 
   const onZoomThresholdReached = () => {
     setSelectedCountryId(null);
@@ -82,13 +83,34 @@ export default function Map({ countries, disputedAreas, fcsData, alertData }: Ma
           setCountryData,
           setCountryIso3Data,
           setRegionNutritionData,
-          setIpcRegionData
+          setIpcRegionData,
+          setData
         );
-        setSelectedCountryName(selectedCountryData.properties.adm0_name);
-        mapRef.current?.fitBounds(L.geoJSON(selectedCountryData as GeoJSON).getBounds(), { animate: true });
+        if (data) {
+          setSelectedCountryName(selectedCountryData.properties.adm0_name);
+          mapRef.current?.fitBounds(L.geoJSON(selectedCountryData as GeoJSON).getBounds(), { animate: true });
+        } else {
+          mapRef.current?.fitBounds(
+            [
+              [-90, -180],
+              [90, 180],
+            ],
+            { animate: true }
+          );
+          setSelectedCountryId(null);
+        }
+      } else {
+        mapRef.current?.fitBounds(
+          [
+            [-90, -180], // South-West corner
+            [90, 180], // North-East corner
+          ],
+          { animate: true }
+        );
+        setSelectedCountryId(null);
       }
     }
-  }, [selectedCountryId, selectedMapType]);
+  }, [selectedCountryId, selectedMapType, data]);
 
   return (
     <MapContainer

src/infrastructure/repositories/CountryRepositoryImpl.ts

@@ -33,7 +33,14 @@ export default class CountryRepositoryImpl implements CountryRepository {
   }
 
   async getRegionIpcData(countryId: number): Promise<RegionIpc> {
-    const response = await fetch(`${process.env.NEXT_PUBLIC_API_URL}/adm0/${countryId}/ipc.geojson`);
+    const url = `${process.env.NEXT_PUBLIC_API_URL}/adm0/${countryId}/ipc.geojson`;
+
+    const response = await fetch(url);
+
+    if (!response.ok) {
+      throw new Error(`Failed to fetch IPC data: HTTP ${response.status} - ${response.statusText}`);
+    }
+
     return response.json();
   }
 }

src/operations/map/MapOperations.ts

@@ -16,7 +16,8 @@ export class MapOperations {
     setCountryData: (countryData: CountryData | undefined) => void,
     setCountryIso3Data: (iso3Data: CountryIso3Data | undefined) => void,
     setRegionNutritionData: (regionNutritionData: FeatureCollection | undefined) => void,
-    setIpcRegionData: (ipcRegionData: FeatureCollection<Geometry, GeoJsonProperties> | undefined) => void
+    setIpcRegionData: (ipcRegionData: FeatureCollection<Geometry, GeoJsonProperties> | undefined) => void,
+    setData: (data: boolean) => void
   ) {
     setCountryClickLoading(true);
 
@@ -29,17 +30,25 @@ export class MapOperations {
             type: 'FeatureCollection',
             features: newRegionData.features as Feature<Geometry, GeoJsonProperties>[],
           });
+          const hasFcs = newRegionData.features.some((feature) => feature.properties?.fcs !== undefined);
+          setData(hasFcs);
         }
       }
 
       if (selectedMapType === GlobalInsight.IPC) {
-        setIpcRegionData(undefined);
-        const newIpcRegionData = await countryRepository.getRegionIpcData(selectedCountryData.properties.adm0_id);
-        if (newIpcRegionData && newIpcRegionData.features) {
-          setIpcRegionData({
-            type: 'FeatureCollection',
-            features: newIpcRegionData?.features as Feature<Geometry, GeoJsonProperties>[],
-          });
+        try {
+          const newIpcRegionData = await countryRepository.getRegionIpcData(selectedCountryData.properties.adm0_id);
+
+          if (newIpcRegionData && newIpcRegionData.features) {
+            setIpcRegionData({
+              type: 'FeatureCollection',
+              features: newIpcRegionData?.features as Feature<Geometry, GeoJsonProperties>[],
+            });
+            const hasIpc = newIpcRegionData.features.some((feature) => feature.properties?.ipcPhase !== undefined);
+            setData(hasIpc);
+          }
+        } catch {
+          setData(false);
         }
       }
 
@@ -50,7 +59,13 @@ export class MapOperations {
 
       if (selectedMapType === GlobalInsight.FOOD) {
         const newCountryIso3Data = await countryRepository.getCountryIso3Data(selectedCountryData.properties.iso3);
-        setCountryIso3Data(newCountryIso3Data);
+
+        if (Array.isArray(newCountryIso3Data) && newCountryIso3Data[1] === 404) {
+          setData(false);
+        } else {
+          setCountryIso3Data(newCountryIso3Data);
+          setData(true);
+        }
       }
 
       if (selectedMapType === GlobalInsight.NUTRITION) {
@@ -62,6 +77,13 @@ export class MapOperations {
             type: 'FeatureCollection',
             features: newRegionNutritionData.features as Feature<Geometry, GeoJsonProperties>[],
           });
+          const hasNutrition = newRegionNutritionData.features.some(
+            (feature) =>
+              feature.properties?.nutrition &&
+              typeof feature.properties.nutrition === 'object' &&
+              Object.keys(feature.properties.nutrition).length > 0
+          );
+          setData(hasNutrition);
         }
       }