add newsletter

thedaviddias · Aug 13, 2022 · 056a78d · 056a78d · vercel · Aug 13, 2022
1 parent 45e056a
commit 056a78d
Show file tree

Hide file tree

Showing 19 changed files with 266 additions and 198 deletions.
diff --git a/locales/en/common.json b/locales/en/common.json
@@ -207,7 +207,7 @@
     "seo": {
       "url": "dashboard",
       "title": "Dashboard",
-      "description": "Find all the metrics related to all my activities and interests"
+      "description": "Find all the metrics related to all my activities and interests."
     },
     "sections": {
       "coding": "Coding / Open source",
@@ -223,6 +223,8 @@
     }
   },
   "books": {
+    "currently": "Currently reading",
+    "next": "To read next",
     "sections": {
       "viewAll": "→ View my profile"
     }
@@ -232,5 +234,23 @@
       "latest_videos": "Latest Youtube videos",
       "viewAll": "→ Access my Youtube channel"
     }
+  },
+  "newsletter": {
+    "title": "Subscribe to my Newsletter",
+    "description": "Get emails from me about A11y, web development, tech and expatriation!",
+    "subscribers": "{{number}} subscribers",
+    "form": {
+      "input": {
+        "placeholder": "username@email.com",
+        "label": "Email for newsletter"
+      },
+      "submit": {
+        "text": "Subscribe"
+      },
+      "success": {
+        "text": "You're now on the list! Don't forget to validate your subscription with the email you probably received."
+      }
+    },
+    "all_issues": "Access all past issues"
   }
 }
diff --git a/locales/fr/common.json b/locales/fr/common.json
@@ -50,12 +50,12 @@
     "path": "/fr",
     "seo": {
       "title": "The David Dias | Développeur Front-End, podcasteur & créateur de contenu",
-      "description": "Salut toi! Je m'appele David Dias. Je suis développeur Front-End, podcasteur, créateur de contenu numérique passioné pour résoudre les problèmes digitaux et humains! J'aime rencontré de nouvelles personnes, bâtir des communautées et parler de tech, d'expatriation et de web."
+      "description": "Salut toi! Je m'appele David Dias. Je suis développeur Front-End, podcasteur, créateur de contenu numérique passioné pour résoudre les problèmes digitaux et humains! J'aime rencontrer de nouvelles personnes, bâtir des communautées et parler de tech, d'expatriation et de web."
     },
     "hero": {
       "greetings1": "Salut toi!",
       "greetings2": "Je m'appelle David Dias",
-      "presentation": "Je suis développeur Front-End, podcasteur, créateur de contenu numérique passioné pour résoudre les problèmes digitaux et humains! J'aime rencontré de nouvelles personnes, bâtir des communautées et parler de tech, d'expatriation et de web."
+      "presentation": "Je suis développeur Front-End, podcasteur, créateur de contenu numérique passioné pour résoudre les problèmes digitaux et humains! J'aime rencontrer de nouvelles personnes, bâtir des communautées et parler de tech, d'expatriation et de web."
     },
     "sections": {
       "podcast": {
@@ -217,5 +217,36 @@
       "downloads": "Téléchargement sur Unsplash",
       "views": "Vue de mon profile sur Unsplash"
     }
+  },
+  "books": {
+    "currently": "En train de lire",
+    "next": "À lire prochainement",
+    "sections": {
+      "viewAll": "→ Voir mon profil"
+    }
+  },
+  "youtube": {
+    "sections": {
+      "latest_videos": "Dernières vidéos Youtube",
+      "viewAll": "→ Consulter ma chaîne Youtube"
+    }
+  },
+  "newsletter": {
+    "title": "S'abonner à mon bulletin digital",
+    "description": "Recevez des courriels en liens avec l'accessibilité, le dévelopement web, les technologies et l'expatriation! (en anglais)",
+    "subscribers": "{{number}} abonnés",
+    "form": {
+      "input": {
+        "placeholder": "nom@courriel.com",
+        "label": "Courriel pour le bulletin"
+      },
+      "submit": {
+        "text": "S'abonner"
+      },
+      "success": {
+        "text": "Youpi! Vous êtes maintenant sur la liste! Pensez à valider l'email que vous avez dû recevoir."
+      }
+    },
+    "all_issues": "Voir tous les bulletins précédents"
   }
 }
diff --git a/public/rss/feed.xml b/public/rss/feed.xml
@@ -4,7 +4,7 @@
         <title>The David Dias | Front-End Developer, podcaster &amp; content creator</title>
         <link>https://thedaviddias.dev</link>
         <description>Hey, I'm David Dias! Front-End Developer based in Toronto/Canada. I love talking about code, technology, expatriation and life.</description>
-        <lastBuildDate>Sat, 13 Aug 2022 14:52:06 GMT</lastBuildDate>
+        <lastBuildDate>Sat, 13 Aug 2022 16:45:23 GMT</lastBuildDate>
         <docs>https://validator.w3.org/feed/docs/rss2.html</docs>
         <generator>https://github.com/jpmonette/feed</generator>
         <language>en</language>

diff --git a/public/rss/fr/feed.json b/public/rss/fr/feed.json
@@ -3,7 +3,7 @@
     "title": "The David Dias | Développeur Front-End, podcasteur & créateur de contenu",
     "home_page_url": "https://thedaviddias.dev",
     "feed_url": "https://thedaviddias.dev/rss/fr/feed.json",
-    "description": "Salut toi! Je m'appele David Dias. Je suis développeur Front-End, podcasteur, créateur de contenu numérique passioné pour résoudre les problèmes digitaux et humains! J'aime rencontré de nouvelles personnes, bâtir des communautées et parler de tech, d'expatriation et de web.",
+    "description": "Salut toi! Je m'appele David Dias. Je suis développeur Front-End, podcasteur, créateur de contenu numérique passioné pour résoudre les problèmes digitaux et humains! J'aime rencontrer de nouvelles personnes, bâtir des communautées et parler de tech, d'expatriation et de web.",
     "icon": "https://thedaviddias.dev/favicons/android-chrome-144x144.png",
     "author": {
         "name": "David Dias",

diff --git a/public/rss/fr/feed.xml b/public/rss/fr/feed.xml
@@ -3,8 +3,8 @@
     <channel>
         <title>The David Dias | Développeur Front-End, podcasteur &amp; créateur de contenu</title>
         <link>https://thedaviddias.dev</link>
-        <description>Salut toi! Je m'appele David Dias. Je suis développeur Front-End, podcasteur, créateur de contenu numérique passioné pour résoudre les problèmes digitaux et humains! J'aime rencontré de nouvelles personnes, bâtir des communautées et parler de tech, d'expatriation et de web.</description>
-        <lastBuildDate>Sat, 13 Aug 2022 14:52:06 GMT</lastBuildDate>
+        <description>Salut toi! Je m'appele David Dias. Je suis développeur Front-End, podcasteur, créateur de contenu numérique passioné pour résoudre les problèmes digitaux et humains! J'aime rencontrer de nouvelles personnes, bâtir des communautées et parler de tech, d'expatriation et de web.</description>
+        <lastBuildDate>Sat, 13 Aug 2022 16:45:23 GMT</lastBuildDate>
         <docs>https://validator.w3.org/feed/docs/rss2.html</docs>
         <generator>https://github.com/jpmonette/feed</generator>
         <language>fr</language>

diff --git a/sentry.client.config.ts b/sentry.client.config.ts
@@ -15,5 +15,6 @@ Sentry.init({
     // ignore hydration issues
     'Minified React error #418;',
     'Minified React error #423;',
+    'Minified React error #425;',
   ],
 })
diff --git a/src/components/CurrentlyReading/CurrentlyReading.tsx b/src/components/CurrentlyReading/CurrentlyReading.tsx
@@ -1,12 +1,15 @@
+import useTranslation from 'next-translate/useTranslation'
 import GoodreadsBookshelf from 'react-goodreads-shelf'
 
-import { H5 } from '../Headings'
+import { H5 } from '@/components/Headings'
 
 export const CurrentlyReading = ({ limit = 3 }) => {
+  const { t } = useTranslation('common')
+
   return (
     <section className="grid grid-cols-1 gap-y-5 border-none mb-10">
       <header>
-        <H5 as="h2">Currently Reading</H5>
+        <H5 as="h2">{t('books.currently')}</H5>
       </header>
       <GoodreadsBookshelf userId="60055286-david-dias" shelf="currently-reading" limit={limit} />
     </section>

diff --git a/src/components/ErrorMessage/ErrorMessage.tsx b/src/components/ErrorMessage/ErrorMessage.tsx
@@ -0,0 +1,23 @@
+type ErrorMessageProps = {
+  children: React.ReactNode
+}
+
+export default function ErrorMessage({ children }: ErrorMessageProps) {
+  return (
+    <p className="flex items-center text-sm font-bold text-red-800 dark:text-red-400">
+      <svg
+        xmlns="http://www.w3.org/2000/svg"
+        viewBox="0 0 20 20"
+        fill="currentColor"
+        className="mr-2 h-4 w-4"
+      >
+        <path
+          fillRule="evenodd"
+          d="M18 10a8 8 0 11-16 0 8 8 0 0116 0zm-7 4a1 1 0 11-2 0 1 1 0 012 0zm-1-9a1 1 0 00-1 1v4a1 1 0 102 0V6a1 1 0 00-1-1z"
+          clipRule="evenodd"
+        />
+      </svg>
+      {children}
+    </p>
+  )
+}
diff --git a/src/components/ErrorMessage/index.ts b/src/components/ErrorMessage/index.ts
@@ -0,0 +1 @@
+export * from './ErrorMessage'
diff --git a/src/components/Newsletter/Newsletter.tsx b/src/components/Newsletter/Newsletter.tsx
diff --git a/src/components/Newsletter/index.ts b/src/components/Newsletter/index.ts