From be128ad38cc434d4317d8995aee14165f8dd3873 Mon Sep 17 00:00:00 2001
From: Ilko Kacharov <kachar136@gmail.com>
Date: Tue, 2 Mar 2021 10:32:09 +0200
Subject: [PATCH] Translate animated text on homepage when user changes the
 locale

Closes #90
---
 src/components/index/helpers/Typewriter.tsx | 3 ++-
 1 file changed, 2 insertions(+), 1 deletion(-)

diff --git a/src/components/index/helpers/Typewriter.tsx b/src/components/index/helpers/Typewriter.tsx
index 4e7b96ac5..465163020 100644
--- a/src/components/index/helpers/Typewriter.tsx
+++ b/src/components/index/helpers/Typewriter.tsx
@@ -18,11 +18,12 @@ const useStyles = makeStyles((theme) =>
 
 export default function Index() {
   const classes = useStyles()
-  const { t } = useTranslation()
+  const { i18n, t } = useTranslation()
 
   return (
     <Typography variant="h4" className={classes.typewriter}>
       <Typewriter
+        key={i18n.language}
         onInit={(typewriter) => {
           typewriter
             .typeString(t('index:jumbotron.maximum-transparency'))