Add newsletter text to locale files

Author: AlexandreAguido

homepage/components/organisms/HeroSection.tsx

@@ -197,7 +197,7 @@ const HeroSection = () => {
             fontSize={[3]}
             fontWeight={'normal'}
           >
-            Stay up to date with our latest news and products
+            {t('newsletter.title')}
           </Text>
           <SubscribeNewsLettersForm />
         </Box>

homepage/components/organisms/SubscribeNewsLettersForm.tsx

@@ -1,5 +1,6 @@
 import React, { useState, useCallback, FormEvent, ChangeEvent } from 'react'
 import ky from 'ky-universal'
+import { useTranslation } from 'react-i18next'
 
 import styled from '../../lib/styled'
 import { SpaceProps, space } from 'styled-system'
@@ -28,6 +29,7 @@ const SubscribeNewsLettersForm = () => {
   const [status, setStatus] = useState<Status>('idle')
   const [errorMessage, setErrorMessage] = useState<string | null>(null)
   const [email, setEmail] = useState('')
+  const { t } = useTranslation()
 
   const subscribe = useCallback(
     async (event: FormEvent<HTMLFormElement>) => {
@@ -64,7 +66,7 @@ const SubscribeNewsLettersForm = () => {
     <>
       {status === 'done' ? (
         <FlexBox justifyContent='center' mt={2}>
-          <Text as='p'>Thanks for the subscription!</Text>
+          <Text as='p'>{t('newsletter.subscribed')}</Text>
         </FlexBox>
       ) : (
         <>
@@ -85,7 +87,7 @@ const SubscribeNewsLettersForm = () => {
                   fontSize={1}
                   disabled={status === 'sending'}
                 >
-                  Subscribe
+                  {t('newsletter.buttonText')}
                 </Button>
               </div>
             </form>

homepage/locales/de.ts

@@ -19,6 +19,11 @@ export default {
       subtitle:
         "Boost Note is an intuitive and stylish markdown editor. It's fully open-source, and used by 1 million developers!",
     },
+    newsletter: {
+      // title: 'Also, please join our newsletter to get the latest news and update notes.',
+      // buttonText: 'Subscribe',
+      // subscribed: 'Thanks for the subscription!'
+    },
     boostHub: {
       // title: 'Boost Hub, the team version of Boost Note',
       // description1: 'We’ve developed a collaborative workspace app called “Boost Hub” for developer teams.',

homepage/locales/en.ts

@@ -19,6 +19,11 @@ export default {
       subtitle:
         "Boost Note is an intuitive and stylish markdown editor. It's fully open-source, and used by 1 million developers!",
     },
+    newsletter: {
+      title: 'Also, please join our newsletter to get the latest news and update notes.',
+      buttonText: 'Subscribe',
+      subscribed: 'Thanks for the subscription!'
+    },
     boostHub: {
       title: 'Boost Hub, the team version of Boost Note',
       description1: 'We’ve developed a collaborative workspace app called “Boost Hub” for developer teams.',

homepage/locales/es.ts

@@ -18,6 +18,11 @@ export default {
       // subtitle:
       //   "Boost Note is an intuitive and stylish markdown editor. It's fully open-source, and used by 1 million developers!",
     },
+    newsletter: {
+      // title: 'Also, please join our newsletter to get the latest news and update notes.',
+      // buttonText: 'Subscribe',
+      // subscribed: 'Thanks for the subscription!'
+    },
     boostHub: {
       // title: 'Boost Hub, the team version of Boost Note',
       // description1: 'We’ve developed a collaborative workspace app called “Boost Hub” for developer teams.',

homepage/locales/fr.ts

@@ -19,6 +19,11 @@ export default {
       subtitle:
         "Boost Note is an intuitive and stylish markdown editor. It's fully open-source, and used by 1 million developers!",
     },
+    newsletter: {
+      // title: 'Also, please join our newsletter to get the latest news and update notes.',
+      // buttonText: 'Subscribe',
+      // subscribed: 'Thanks for the subscription!'
+    },
     boostHub: {
       // title: 'Boost Hub, the team version of Boost Note',
       // description1: 'We’ve developed a collaborative workspace app called “Boost Hub” for developer teams.',

homepage/locales/ja.ts

@@ -19,6 +19,11 @@ export default {
       // subtitle:
       //   "Boost Note is an intuitive and stylish markdown editor. It's fully open-source, and used by 1 million developers!",
     },
+    newsletter: {
+      // title: 'Also, please join our newsletter to get the latest news and update notes.',
+      // buttonText: 'Subscribe',
+      // subscribed: 'Thanks for the subscription!'
+    },
     boostHub: {
       // title: 'Boost Hub, the team version of Boost Note',
       // description1: 'We’ve developed a collaborative workspace app called “Boost Hub” for developer teams.',

homepage/locales/ko.ts

@@ -19,6 +19,11 @@ export default {
       // subtitle:
       //   "Boost Note is an intuitive and stylish markdown editor. It's fully open-source, and used by 1 million developers!",
     },
+    newsletter: {
+      // title: 'Also, please join our newsletter to get the latest news and update notes.',
+      // buttonText: 'Subscribe',
+      // subscribed: 'Thanks for the subscription!'
+    },
     boostHub: {
       // title: 'Boost Hub, the team version of Boost Note',
       // description1: 'We’ve developed a collaborative workspace app called “Boost Hub” for developer teams.',

homepage/locales/nl.ts

@@ -19,6 +19,11 @@ export default {
       subtitle:
         'Een intuïtieve en stijlvolle markdown notitie-app voor ontwikkelaars. Volledig open-source.',
     },
+    newsletter: {
+      // title: 'Also, please join our newsletter to get the latest news and update notes.',
+      // buttonText: 'Subscribe',
+      // subscribed: 'Thanks for the subscription!'
+    },
     boostHub: {
       title: 'Kent u Boost Hub al?',
       description:

homepage/locales/pt.ts

@@ -19,6 +19,11 @@ export default {
       // subtitle:
       //   "Boost Note is an intuitive and stylish markdown editor. It's fully open-source, and used by 1 million developers!",
     },
+    newsletter: {
+      // title: 'Also, please join our newsletter to get the latest news and update notes.',
+      // buttonText: 'Subscribe',
+      // subscribed: 'Thanks for the subscription!'
+    },
     boostHub: {
       // title: 'Boost Hub, the team version of Boost Note',
       // description1: 'We’ve developed a collaborative workspace app called “Boost Hub” for developer teams.',