refactor: migrate components/Callout.js to ts

ethereum · Jun 3, 2022 · 994c084 · 994c084
1 parent 4efc65e
commit 994c084
Showing 1 changed file with 12 additions and 3 deletions.
diff --git a/src/components/Callout.js → src/components/Callout.tsx b/src/components/Callout.js → src/components/Callout.tsx
@@ -3,9 +3,9 @@ import React from "react"
 import styled from "styled-components"
 import { GatsbyImage } from "gatsby-plugin-image"
 import Translation from "./Translation"
-
+import { TranslationKey } from "../utils/translations"
 // Components
-import Emoji from "../components/Emoji"
+import Emoji from "./Emoji"
 
 const StyledCard = styled.div`
   display: flex;
@@ -46,7 +46,16 @@ const Content = styled.div`
   height: 100%;
 `
 
-const Callout = ({
+interface IProps {
+  image: string
+  emoji?: string
+  alt?: string
+  titleKey: TranslationKey
+  descriptionKey: TranslationKey
+  className?: string
+}
+
+const Callout: React.FC<IProps> = ({
   image,
   emoji,
   alt,