fix: correct typos

Author: samshara

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,