From 16852ae54af83680c009455dfcf57c8276452122 Mon Sep 17 00:00:00 2001
From: Sampo Silvennoinen <silvennoinen.sampo@gmail.com>
Date: Sat, 24 Feb 2024 18:09:34 +0200
Subject: [PATCH] Footer: rewrite in TS

---
 src/components/Footer/{Footer.test.js => Footer.test.tsx} | 0
 src/components/Footer/{index.js => index.tsx}             | 7 ++++++-
 2 files changed, 6 insertions(+), 1 deletion(-)
 rename src/components/Footer/{Footer.test.js => Footer.test.tsx} (100%)
 rename src/components/Footer/{index.js => index.tsx} (95%)

diff --git a/src/components/Footer/Footer.test.js b/src/components/Footer/Footer.test.tsx
similarity index 100%
rename from src/components/Footer/Footer.test.js
rename to src/components/Footer/Footer.test.tsx
diff --git a/src/components/Footer/index.js b/src/components/Footer/index.tsx
similarity index 95%
rename from src/components/Footer/index.js
rename to src/components/Footer/index.tsx
index 6884b4a..e88e017 100644
--- a/src/components/Footer/index.js
+++ b/src/components/Footer/index.tsx
@@ -1,9 +1,14 @@
 import ExternalLink from 'components/ExternalLink'
 import LetterLink from 'components/LetterLink'
 import ContentArea from 'components/ContentArea'
+import { AlphabetLetter } from 'lib/services/dictionary'
 import styles from './Footer.module.scss'
 
-export default function Footer({ letters }) {
+interface FooterProps{
+  letters: AlphabetLetter[]
+}
+
+export default function Footer({ letters }: FooterProps) {
   return (
     <footer className={styles.section}>
       <div className="container">