refactor: migrate components/translation.js to ts

ethereum · Jun 3, 2022 · 4efc65e · 4efc65e
1 parent 207b078
commit 4efc65e
Show file tree

Hide file tree

Showing 2 changed files with 3 additions and 3 deletions.
diff --git a/src/components/Translation.js → src/components/Translation.tsx b/src/components/Translation.js → src/components/Translation.tsx
@@ -1,10 +1,10 @@
 import React from "react"
 import { FormattedHTMLMessage } from "gatsby-plugin-intl"
-import { getDefaultMessage } from "../utils/translations"
+import { getDefaultMessage, TranslationKey } from "../utils/translations"
 
 // Wrapper on <FormattedMessage /> to always fallback to English
 // Use this component for any user-facing string
-const Translation = ({ id }) => (
+const Translation = ({ id }: { id: TranslationKey }) => (
   <FormattedHTMLMessage id={id} defaultMessage={getDefaultMessage(id)} />
 )
 

diff --git a/src/utils/translations.ts b/src/utils/translations.ts
@@ -4,7 +4,7 @@ import type { Lang } from "./languages"
 
 import defaultStrings from "../intl/en.json"
 
-type TranslationKey = keyof typeof defaultStrings
+export type TranslationKey = keyof typeof defaultStrings
 
 const consoleError = (message: string): void => {
   const { NODE_ENV } = process.env