JS→TS: src/components/controls/controls.tsx

This requires bumping react-i18next to v11.15.6, the earliest version to contain a bug fix for TypeScript ≥ 4.6¹. ¹ i18next/react-i18next@306e03a
nextstrain · May 5, 2023 · cc57f40 · cc57f40
1 parent be5b785
commit cc57f40
Show file tree

Hide file tree

Showing 3 changed files with 24 additions and 9 deletions.
diff --git a/package-lock.json b/package-lock.json
diff --git a/package.json b/package.json
@@ -101,7 +101,7 @@
     "react-ga": "^2.2.0",
     "react-helmet": "^5.2.1",
     "react-hot-loader": "^4.8.4",
-    "react-i18next": "^11.3.3",
+    "react-i18next": "^11.15.6",
     "react-icons": "^3.9.0",
     "react-redux": "^7.2.6",
     "react-select": "^5.2.2",

diff --git a/src/components/controls/controls.js → src/components/controls/controls.tsx b/src/components/controls/controls.js → src/components/controls/controls.tsx
@@ -26,7 +26,14 @@ import {TreeOptionsInfo, MapOptionsInfo, AnimationOptionsInfo, PanelOptionsInfo,
 import { AnnotatedHeader } from "./annotatedHeader";
 import MeasurementsOptions from "./measurementsOptions";
 
-function Controls({mapOn, frequenciesOn, measurementsOn, mobileDisplay}) {
+type Props = {
+  mapOn: boolean
+  frequenciesOn: boolean
+  measurementsOn: boolean
+  mobileDisplay: boolean
+}
+
+function Controls({ mapOn, frequenciesOn, measurementsOn, mobileDisplay }: Props) {
   const { t } = useTranslation();
 
   return (