Add non-empty source as default in country imminent event

Author: frozenhelium

src/components/domain/RiskImminentEvents/index.tsx

@@ -27,13 +27,14 @@ import MeteoSwiss from './MeteoSwiss';
 import i18n from './i18n.json';
 import styles from './styles.module.css';
 
-type ActiveView = 'pdc' | 'wfpAdam' | 'gdacs' | 'meteoSwiss';
+export type ImminentEventSource = 'pdc' | 'wfpAdam' | 'gdacs' | 'meteoSwiss';
 type HazardType = components<'read'>['schemas']['HazardTypeEnum'];
 
 type BaseProps = {
     className?: string;
     title: React.ReactNode;
     bbox: LngLatBoundsLike | undefined;
+    defaultSource?: ImminentEventSource;
 }
 
 type Props = BaseProps & ({
@@ -47,8 +48,12 @@ type Props = BaseProps & ({
 })
 
 function RiskImminentEvents(props: Props) {
-    const [activeView, setActiveView] = useState<ActiveView>('pdc');
-    const { className, ...otherProps } = props;
+    const {
+        className,
+        defaultSource = 'pdc',
+        ...otherProps
+    } = props;
+    const [activeView, setActiveView] = useState<ImminentEventSource>(defaultSource);
 
     const strings = useTranslation(i18n);
 
@@ -75,7 +80,7 @@ function RiskImminentEvents(props: Props) {
         [activeView],
     );
 
-    const handleRadioClick = useCallback((key: ActiveView) => {
+    const handleRadioClick = useCallback((key: ImminentEventSource) => {
         setActiveView(key);
     }, []);
 

src/views/CountryRiskWatch/index.tsx

@@ -5,7 +5,7 @@ import getBbox from '@turf/bbox';
 
 import Container from '#components/Container';
 import Link from '#components/Link';
-import RiskImminentEvents from '#components/domain/RiskImminentEvents';
+import RiskImminentEvents, { type ImminentEventSource } from '#components/domain/RiskImminentEvents';
 import HistoricalDataChart from '#components/domain/HistoricalDataChart';
 import BlockLoading from '#components/BlockLoading';
 import useTranslation from '#hooks/useTranslation';
@@ -73,6 +73,40 @@ export function Component() {
         [imminentEventCountsResponse],
     );
 
+    const defaultImminentEventSource = useMemo<ImminentEventSource | undefined>(
+        () => {
+            if (isNotDefined(imminentEventCountsResponse)) {
+                return undefined;
+            }
+
+            const {
+                pdc,
+                adam,
+                gdacs,
+                meteoswiss,
+            } = imminentEventCountsResponse;
+
+            if (isDefined(pdc) && pdc > 0) {
+                return 'pdc';
+            }
+
+            if (isDefined(adam) && adam > 0) {
+                return 'wfpAdam';
+            }
+
+            if (isDefined(gdacs) && gdacs > 0) {
+                return 'gdacs';
+            }
+
+            if (isDefined(meteoswiss) && meteoswiss > 0) {
+                return 'meteoSwiss';
+            }
+
+            return undefined;
+        },
+        [imminentEventCountsResponse],
+    );
+
     // NOTE: we always get 1 child in the response
     const riskResponse = countryRiskResponse?.[0];
     const bbox = useMemo(
@@ -91,6 +125,7 @@ export function Component() {
                     iso3={countryResponse.iso3}
                     title={countryResponse.name}
                     bbox={bbox}
+                    defaultSource={defaultImminentEventSource}
                 />
             )}
             <Container