Fix typos

app/scripts/translatte/commands/applyMigrations.ts

@@ -135,7 +135,7 @@ async function applyMigrations(
     console.info(`Found ${selectedMigrationFilesAttrs.length} migration files`);
 
     if (selectedMigrationFilesAttrs.length < 1) {
-        throw 'There should be atleast 1 migration file';
+        throw 'There should be at least 1 migration file';
     }
 
     const selectedMigrations = await readMigrations(

app/src/App/index.tsx

@@ -157,9 +157,9 @@ function Application() {
     ] = useState<Record<string, LanguageNamespaceStatus>>({});
 
     const setAndStoreCurrentLanguage = useCallback(
-        (newLanugage: Language) => {
-            setCurrentLanguage(newLanugage);
-            setToStorage(KEY_LANGUAGE_STORAGE, newLanugage);
+        (newLanguage: Language) => {
+            setCurrentLanguage(newLanguage);
+            setToStorage(KEY_LANGUAGE_STORAGE, newLanguage);
         },
         [],
     );

app/src/components/Navbar/LanguageDropdown/index.tsx

@@ -32,7 +32,7 @@ const languageList = mapToList(
     (value, key) => ({ key: key as Language, value }),
 );
 
-function LangaugeDropdown() {
+function LanguageDropdown() {
     const {
         currentLanguage,
         setCurrentLanguage,
@@ -90,4 +90,4 @@ function LangaugeDropdown() {
     );
 }
 
-export default LangaugeDropdown;
+export default LanguageDropdown;

app/src/components/Navbar/index.tsx

@@ -21,7 +21,7 @@ import useAuth from '#hooks/domain/useAuth';
 
 import AuthenticatedUserDropdown from './AuthenticatedUserDropdown';
 import CountryDropdown from './CountryDropdown';
-import LangaugeDropdown from './LanguageDropdown';
+import LanguageDropdown from './LanguageDropdown';
 
 import i18n from './i18n.json';
 import styles from './styles.module.css';
@@ -71,7 +71,7 @@ function Navbar(props: Props) {
                     className={styles.actions}
                     variant="tertiary"
                 >
-                    <LangaugeDropdown />
+                    <LanguageDropdown />
                     {!isAuthenticated && (
                         <>
                             <NavigationTab

app/src/components/domain/ActiveOperationMap/i18n.json

@@ -15,7 +15,7 @@
         "operationPopoverEmpty": "No Current Operations",
         "operationType": "Type of Appeal",
         "operationFilterTypePlaceholder": "All Appeal Types",
-        "operationDisastertype": "Disaster Type",
+        "operationDisasterType": "Disaster Type",
         "operationFilterDisastersPlaceholder": "All Disaster Types",
         "mapStartDateAfter": "Start After",
         "mapStartDateBefore": "Start Before",

app/src/components/domain/ActiveOperationMap/index.tsx

@@ -349,7 +349,7 @@ function ActiveOperationMap(props: Props) {
         [setClickedPoint],
     );
 
-    const handleClearFiltersButtonclick = useCallback(() => {
+    const handleClearFiltersButtonClick = useCallback(() => {
         setFilter({});
     }, [setFilter]);
 
@@ -403,15 +403,15 @@ function ActiveOperationMap(props: Props) {
                     />
                     <DisasterTypeSelectInput
                         placeholder={strings.operationFilterDisastersPlaceholder}
-                        label={strings.operationDisastertype}
+                        label={strings.operationDisasterType}
                         name="displacement"
                         value={rawFilter.displacement}
                         onChange={setFilterField}
                     />
                     <div>
                         <Button
                             name={undefined}
-                            onClick={handleClearFiltersButtonclick}
+                            onClick={handleClearFiltersButtonClick}
                             variant="secondary"
                             disabled={!filtered}
                         >

app/src/components/domain/AppealsTable/i18n.json

@@ -7,7 +7,7 @@
         "appealsTableType": "Appeal Type",
         "appealsTableCode": "Appeal Code",
         "appealsTableOperation": "Active Operation",
-        "appealsTableDisastertype": "Disaster Type",
+        "appealsTableDisasterType": "Disaster Type",
         "appealsTableRequestedAmount": "Funding Requirements",
         "appealsTableFundedAmount": "Funding Coverage",
         "appealsTableCountry": "Country",

app/src/components/domain/AppealsTable/index.tsx

@@ -107,7 +107,7 @@ function AppealsTable(props: Props) {
     const strings = useTranslation(i18n);
     const { api_appeal_type: appealTypeOptions } = useGlobalEnums();
 
-    const handleClearFiltersButtonclick = useCallback(() => {
+    const handleClearFiltersButtonClick = useCallback(() => {
         setFilter({});
     }, [setFilter]);
 
@@ -157,7 +157,7 @@ function AppealsTable(props: Props) {
             ),
             createStringColumn<AppealListItem, string>(
                 'dtype',
-                strings.appealsTableDisastertype,
+                strings.appealsTableDisasterType,
                 (item) => item.dtype?.name,
                 { sortable: true },
             ),
@@ -198,7 +198,7 @@ function AppealsTable(props: Props) {
             strings.appealsTableType,
             strings.appealsTableCode,
             strings.appealsTableOperation,
-            strings.appealsTableDisastertype,
+            strings.appealsTableDisasterType,
             strings.appealsTableRequestedAmount,
             strings.appealsTableFundedAmount,
             strings.appealsTableCountry,
@@ -294,15 +294,15 @@ function AppealsTable(props: Props) {
                     />
                     <DisasterTypeSelectInput
                         placeholder={strings.appealsTableFilterDisastersPlaceholder}
-                        label={strings.appealsTableDisastertype}
+                        label={strings.appealsTableDisasterType}
                         name="displacement"
                         value={rawFilter.displacement}
                         onChange={setFilterField}
                     />
                     <div className={styles.filterActions}>
                         <Button
                             name={undefined}
-                            onClick={handleClearFiltersButtonclick}
+                            onClick={handleClearFiltersButtonClick}
                             variant="secondary"
                             disabled={!filtered}
                         >

app/src/components/domain/GlobalMap/index.tsx

@@ -78,22 +78,22 @@ function GlobalMap(props: Props) {
         ...baseMapProps
     } = props;
 
-    const [hoveredCountryIso3, setHoverdCountryIso3] = useState<string | undefined>();
+    const [hoveredCountryIso3, setHoveredCountryIso3] = useState<string | undefined>();
 
     const handleFeatureMouseEnter = (feature: MapboxGeoJSONFeature) => {
         const hoveredFeatureProperties = feature.properties as (
             AdminZeroFeatureProperties | undefined
         );
 
-        setHoverdCountryIso3(hoveredFeatureProperties?.iso3);
+        setHoveredCountryIso3(hoveredFeatureProperties?.iso3);
 
         if (onHover) {
             onHover(hoveredFeatureProperties);
         }
     };
 
     const handleFeatureMouseLeave = () => {
-        setHoverdCountryIso3(undefined);
+        setHoveredCountryIso3(undefined);
 
         if (onHover) {
             onHover(undefined);

app/src/components/domain/GoMultiFileInput/index.tsx

@@ -3,9 +3,9 @@ import React, {
     useRef,
 } from 'react';
 import { DeleteBinFillIcon } from '@ifrc-go/icons';
-import type {
+import {
     Button,
-    ButtonVariant,
+    type ButtonVariant,
     InputError,
     type NameType,
     RawFileInput,

app/src/components/domain/HighlightedOperations/OperationCard/i18n.json

@@ -3,7 +3,7 @@
     "strings": {
         "operationCardLastUpdated": "Last updated",
         "operationCardTargetedPopulation": "Targeted Population",
-        "operationCardDepoloyedUnits": "Deployed Emergency Response Units",
+        "operationCardDeployedUnits": "Deployed Emergency Response Units",
         "operationCardFunding": "Funding Requirements",
         "operationCardIFRCSurgePersonnel": "IFRC Surge Personnel",
         "operationCardNSReportingActivities": "NS Reporting Activities",

app/src/components/domain/MultiImageWithCaptionInput/index.tsx

@@ -147,7 +147,7 @@ function MultiImageWithCaptionInput<const N extends string | number>(props: Prop
                 <div className={styles.fileList}>
                     {value?.map((fileValue, index) => {
                         // NOTE: Not sure why this is here, need to
-                        // talk with @frozenhelium
+                        // TODO: talk with @frozenhelium
                         if (isNotDefined(fileValue.id)) {
                             return null;
                         }

app/src/components/domain/OperationListItem/index.tsx

@@ -19,7 +19,7 @@ type EventResponseItem = NonNullable<EventGet['results']>[number];
 export interface Props {
     className?: string;
     eventItem: EventResponseItem;
-    updateSubscibedEvents: () => void;
+    updateSubscribedEvents: () => void;
     isLastItem: boolean;
 }
 
@@ -31,7 +31,7 @@ function OperationInfoCard(props: Props) {
             name,
             updated_at,
         },
-        updateSubscibedEvents: updateSubscribedEvents,
+        updateSubscribedEvents,
         isLastItem,
     } = props;
 

app/src/components/domain/RiskImminentEventMap/index.tsx

@@ -45,7 +45,7 @@ import {
     exposureFillLayer,
     exposureFillOutlineLayer,
     geojsonSourceOptions,
-    hazardKeyToIconmap,
+    hazardKeyToIconMap,
     hazardPointIconLayout,
     hazardPointLayer,
     invisibleCircleLayer,
@@ -68,10 +68,10 @@ const mapImageOption = {
 
 type HazardType = components<'read'>['schemas']['HazardTypeEnum'];
 
-const hazardKeys = Object.keys(hazardKeyToIconmap) as HazardType[];
+const hazardKeys = Object.keys(hazardKeyToIconMap) as HazardType[];
 
 const mapIcons = mapToList(
-    hazardKeyToIconmap,
+    hazardKeyToIconMap,
     (icon, key) => (icon ? ({ key, icon }) : undefined),
 ).filter(isDefined);
 
@@ -282,7 +282,7 @@ function RiskImminentEventMap<
                     {hazardTypeSelector(event) === 'TC' && (
                         <LayerOptions
                             value={layerOptions}
-                            // NOTE: Currently the information is only visible in gdacas
+                            // NOTE: Currently the information is only visible in gdacs
                             exposureAreaControlHidden={source !== 'gdacs'}
                             onChange={setLayerOptions}
                         />
@@ -355,7 +355,7 @@ function RiskImminentEventMap<
                     className={styles.mapContainer}
                 />
                 {hazardKeys.map((key) => {
-                    const url = hazardKeyToIconmap[key];
+                    const url = hazardKeyToIconMap[key];
 
                     if (isNotDefined(url)) {
                         return null;

app/src/components/domain/RiskImminentEventMap/mapStyles.ts

@@ -35,7 +35,7 @@ import {
 
 type HazardType = components<'read'>['schemas']['HazardTypeEnum'];
 
-export const hazardKeyToIconmap: Record<HazardType, string | null> = {
+export const hazardKeyToIconMap: Record<HazardType, string | null> = {
     EQ: earthquakeIcon,
     FL: floodIcon,
     TC: cycloneIcon,
@@ -49,7 +49,7 @@ export const hazardKeyToIconmap: Record<HazardType, string | null> = {
 };
 
 const mapIcons = mapToList(
-    hazardKeyToIconmap,
+    hazardKeyToIconMap,
     (icon, key) => (icon ? ({ key, icon }) : undefined),
 ).filter(isDefined);
 

app/src/components/domain/RiskImminentEvents/i18n.json

@@ -2,7 +2,7 @@
     "namespace": "riskImminentEvents",
     "strings": {
         "imminentEventsHeading": "Imminent Events",
-        "imminentEventsDescription": "This map displays information about the modeled impact of specific forecasted or detected natural hazards (floods, storms, droughts, wildfires, earthquakes). By hovering over the icons, if available, you can see the forecasted/observed footprint of the hazard; when you click on it, the table of modeled impact estimates will appear, as well as an information about who produced the impact estimate.",
+        "imminentEventsDescription": "This map displays information about the modelled impact of specific forecasted or detected natural hazards (floods, storms, droughts, wildfires, earthquakes). By hovering over the icons, if available, you can see the forecasted/observed footprint of the hazard; when you click on it, the table of modelled impact estimates will appear, as well as an information about who produced the impact estimate.",
         "imminentEventsSourcePdcLabel": "PDC",
         "imminentEventsSourceWfpAdamLabel": "WFP ADAM",
         "imminentEventsSourceGdacsLabel": "GDACS",
@@ -11,7 +11,7 @@
         "pdcTooltipDescription": "These impacts are produced by the Pacific Disaster Center's All-hazards Impact Model (AIM) 3.0. Click {here} for more information about the model and its inputs.",
         "here": "here",
         "wfpAdamTitle": "Source: WFP ADAM",
-        "wfpAdamDescription": "These data points are recieved from the WFP ADAM, which performs a 24/7 automated data harvesting, analysis and mapping of natural hazards events. Click {here} for more information.",
+        "wfpAdamDescription": "These data points are received from the WFP ADAM, which performs a 24/7 automated data harvesting, analysis and mapping of natural hazards events. Click {here} for more information.",
         "gdacsTitle": "Source: GDACS",
         "gdacsDescription": "Click {here} for more information about the model and its inputs.",
         "meteoSwissTitle": "Source: MeteoSwiss",

app/src/utils/domain/risk.ts

@@ -61,7 +61,7 @@ export function getDataWithTruthyHazardType<
 
     return {
         ...data,
-        // FIXME: server should not pass emtpy string
+        // FIXME: server should not pass empty string
         hazard_type: data.hazard_type as Exclude<HazardType, ''>,
     };
 }
@@ -176,7 +176,7 @@ export function getPrioritizedIpcData(data: IpcData) {
     // For IPC, we can have multiple estimations or observed value
     // for same year and month.
     // So we need to prioritize entries that is from latest
-    // observation or predection
+    // observation or prediction
     // So the priority order is
     // Observed > Estimated
     // Latest analysis date

app/src/views/AccountDetails/EditAccountInfo/i18n.json

@@ -12,7 +12,7 @@
         "phoneNumberInputLabel": "Phone Number",
         "editProfileConfirmButtonLabel": "Confirm",
         "editProfileCancelButtonLabel": "Cancel",
-        "editAccoutSuccessfulMessage": "Account edited successfully!",
+        "editAccountSuccessfulMessage": "Account edited successfully!",
         "editAccountFailureMessage": "Sorry, failed to edit account!"
     }
 }

app/src/views/AccountDetails/EditAccountInfo/index.tsx

@@ -153,7 +153,7 @@ function EditAccountInfo(props: Props) {
         body: (body: AccountRequestBody) => body,
         onSuccess: () => {
             alert.show(
-                strings.editAccoutSuccessfulMessage,
+                strings.editAccountSuccessfulMessage,
                 { variant: 'success' },
             );
             invalidate('user-me');

app/src/views/AccountDetails/i18n.json

@@ -14,7 +14,7 @@
         "changePasswordButtonLabel": "Change Password",
         "editProfileButtonLabel": "Edit Profile",
         "externalConnectionsTitle": "External Connections",
-        "externalConnectionsDescription": "You can connect and recieve the data to use it in the external platform or dashboard using the GO APIs. You'll need an access token to make the connection.",
+        "externalConnectionsDescription": "You can connect and receive the data to use it in the external platform or dashboard using the GO APIs. You'll need an access token to make the connection.",
         "externalConnectionMontandonTitle": "Montandon - Global Crisis Data Bank",
         "externalConnectionMontandonDescription": "The Montandon is the world’s largest disaster database: a public good with applications beyond IFRC. It contains information about natural hazards (both forecasted and observed), their impacts (also modeled and observed) as well as what actions were taken when, where, by whom and to what effect.",
         "viewMoreDetailsLabel": "View more details",