Hide meteoswiss option for production

Author: frozenhelium

src/components/RadioInput/Radio/index.tsx

@@ -10,15 +10,16 @@ import useBasicLayout from '#hooks/useBasicLayout';
 import styles from './styles.module.css';
 
 export interface Props<N, IN> {
-  className?: string;
-  inputName?: IN;
-  label?: React.ReactNode;
-  description?: React.ReactNode;
-  name: N;
-  onClick: (name: N) => void;
-  value: boolean;
-  disabled?: boolean;
-  readOnly?: boolean;
+    className?: string;
+    inputName?: IN;
+    label?: React.ReactNode;
+    description?: React.ReactNode;
+    name: N;
+    onClick: (name: N) => void;
+    value: boolean;
+    disabled?: boolean;
+    readOnly?: boolean;
+    actions?: React.ReactNode;
 }
 
 function Radio<N, IN>(props: Props<N, IN>) {
@@ -32,6 +33,7 @@ function Radio<N, IN>(props: Props<N, IN>) {
         onClick,
         disabled,
         readOnly,
+        actions,
     } = props;
 
     const handleClick = React.useCallback(() => {
@@ -49,6 +51,7 @@ function Radio<N, IN>(props: Props<N, IN>) {
         ) : (
             <CheckboxBlankCircleLineIcon className={styles.icon} />
         ),
+        actions,
         childrenContainerClassName: styles.content,
         children: (
             <>

src/components/WikiLink/index.tsx

@@ -1,4 +1,5 @@
 import { WikiHelpSectionLineIcon } from '@ifrc-go/icons';
+import { _cs } from '@togglecorp/fujs';
 
 import Link from '#components/Link';
 import type { Props as LinkProps } from '#components/Link';
@@ -7,7 +8,6 @@ import useTranslation from '#hooks/useTranslation';
 
 import i18n from './i18n.json';
 import styles from './styles.module.css';
-import { _cs } from '@togglecorp/fujs';
 
 type Props<OMISSION extends string = never> = Omit<LinkProps, 'to' | OMISSION> & {
     icons?: React.ReactNode;

src/components/domain/NationalSocietySelectInput.tsx

@@ -1,8 +1,9 @@
+import { isDefined } from '@togglecorp/fujs';
+
 import type { Props as SelectInputProps } from '#components/SelectInput';
 import SelectInput from '#components/SelectInput';
 import { numericIdSelector } from '#utils/selectors';
 import useNationalSociety, { NationalSociety } from '#hooks/domain/useNationalSociety';
-import { isDefined } from '@togglecorp/fujs';
 
 function countrySocietyNameSelector(country: NationalSociety) {
     return country.society_name;
@@ -35,7 +36,6 @@ function NationalSocietySelectInput<const NAME>(props: Props<NAME>) {
         ...otherProps
     } = props;
 
-    console.warn('regions', regions, countries);
     const nationalSocieties = useNationalSociety();
     let options: NationalSociety[] = nationalSocieties;
 

src/components/domain/RiskImminentEventMap/i18n.json

@@ -2,11 +2,6 @@
     "namespace": "common",
     "strings": {
         "riskImminentEventsMap": "Risk Imminent Events Map",
-        "backToEventsLabel": "Back to events",
-        "imminentEventsFlood": "Flood",
-        "imminentEventsStorm": "Storm",
-        "imminentEventsEarthquake": "Earthquake",
-        "imminentEventsDrought": "Drought",
-        "imminentEventsWildfire": "Wildfire"
+        "backToEventsLabel": "Back to events"
     }
 }

src/components/domain/RiskImminentEventMap/index.tsx

@@ -11,14 +11,7 @@ import {
     MapImage,
     MapBounds,
 } from '@togglecorp/re-map';
-import {
-    CycloneIcon,
-    DroughtIcon,
-    EarthquakeIcon,
-    FloodIcon,
-    ForestFireIcon,
-    ChevronLeftLineIcon,
-} from '@ifrc-go/icons';
+import { ChevronLeftLineIcon } from '@ifrc-go/icons';
 import getBbox from '@turf/bbox';
 import getBuffer from '@turf/buffer';
 
@@ -34,7 +27,6 @@ import {
 } from '#utils/constants';
 import MapContainerWithDisclaimer from '#components/MapContainerWithDisclaimer';
 import BaseMap from '#components/domain/BaseMap';
-import { hazardTypeToColorMap } from '#utils/domain/risk';
 import useTranslation from '#hooks/useTranslation';
 
 import {
@@ -246,75 +238,12 @@ function RiskImminentEventMap<
         [allIconsLoaded],
     );
 
-    const riskHazards: Array<{
-        key: HazardType,
-        label: string,
-        icon: React.ReactNode,
-    }> = useMemo(
-        () => [
-            {
-                key: 'FL',
-                label: strings.imminentEventsFlood,
-                icon: <FloodIcon className={styles.icon} />,
-            },
-            {
-                key: 'TC',
-                label: strings.imminentEventsStorm,
-                icon: <CycloneIcon className={styles.icon} />,
-            },
-            {
-                key: 'EQ',
-                label: strings.imminentEventsEarthquake,
-                icon: <EarthquakeIcon className={styles.icon} />,
-            },
-            {
-                key: 'DR',
-                label: strings.imminentEventsDrought,
-                icon: <DroughtIcon className={styles.icon} />,
-            },
-            {
-                key: 'WF',
-                label: strings.imminentEventsWildfire,
-                icon: <ForestFireIcon className={styles.icon} />,
-            },
-        ],
-        [
-            strings.imminentEventsFlood,
-            strings.imminentEventsStorm,
-            strings.imminentEventsEarthquake,
-            strings.imminentEventsDrought,
-            strings.imminentEventsWildfire,
-        ],
-    );
-
     return (
         <div className={styles.riskImminentEventMap}>
             <BaseMap>
                 <MapContainerWithDisclaimer
                     title={strings.riskImminentEventsMap}
                     className={styles.mapContainer}
-                    footer={(
-                        <div className={styles.legend}>
-                            {riskHazards.map((hazard) => (
-                                <div
-                                    key={hazard.key}
-                                    className={styles.legendItem}
-                                >
-                                    <div
-                                        className={styles.iconContainer}
-                                        style={{
-                                            backgroundColor: hazardTypeToColorMap[hazard.key],
-                                        }}
-                                    >
-                                        {hazard.icon}
-                                    </div>
-                                    <div className={styles.label}>
-                                        {hazard.label}
-                                    </div>
-                                </div>
-                            ))}
-                        </div>
-                    )}
                 />
                 {hazardKeys.map((key) => {
                     const url = hazardKeyToIconmap[key];

src/components/domain/RiskImminentEvents/i18n.json

@@ -16,6 +16,11 @@
         "gdacsDescription": "Click {here} for more information about the model and its inputs.",
         "meteoSwissTitle": "Source: MeteoSwiss",
         "meteoSwissDescriptionOne": "This impact estimates are produced by MeteoSwiss HydroMet Impact Outlook. © 2022 MeteoSwiss. All Rights reserved.",
-        "meteoSwissDescriptionTwo": "Disclaimer: HydroMet Impact Outlook is in a pilot phase. MeteoSwiss makes no warranty with respect to the correctness or completeness of this information. This information does not replace the advice and guidance provided by the official meteorological and hydrological services for these regions. For further information click {here}."
+        "meteoSwissDescriptionTwo": "Disclaimer: HydroMet Impact Outlook is in a pilot phase. MeteoSwiss makes no warranty with respect to the correctness or completeness of this information. This information does not replace the advice and guidance provided by the official meteorological and hydrological services for these regions. For further information click {here}.",
+        "imminentEventsFlood": "Flood",
+        "imminentEventsStorm": "Storm",
+        "imminentEventsEarthquake": "Earthquake",
+        "imminentEventsDrought": "Drought",
+        "imminentEventsWildfire": "Wildfire"
     }
 }