From 82acb4dd6d5499332c3bda5cf97ec2ed4cbe177b Mon Sep 17 00:00:00 2001
From: 1fbr <1fbr@proton.me>
Date: Sun, 4 Feb 2024 14:58:43 +0000
Subject: [PATCH] fix: add missing i18n text in components

* Affects ActionButtonFooter, ChallengeFooter, ClipboardCopy, SubscriptionForm, VideoButton components
* Adds new entries for each json file: buttons.email, buttons.clipboardCopy, challenge.footer.video, challenge.footer.upvoteAnswer
* Available in English and Spanish
---
 docs/src/components/ActionButtonFooter.astro | 2 +-
 docs/src/components/ChallengeFooter.astro    | 4 ++--
 docs/src/components/ClipboardCopy.astro      | 9 +++++++--
 docs/src/components/SubscriptionForm.astro   | 2 +-
 docs/src/components/VideoButton.astro        | 7 +++++--
 docs/src/content/config.ts                   | 5 +++++
 docs/src/content/i18n/en.json                | 4 ++++
 docs/src/content/i18n/es.json                | 4 ++++
 docs/src/content/i18n/fr.json                | 4 ++++
 docs/src/content/i18n/pt.json                | 4 ++++
 docs/src/content/i18n/ru.json                | 4 ++++
 11 files changed, 41 insertions(+), 8 deletions(-)

diff --git a/docs/src/components/ActionButtonFooter.astro b/docs/src/components/ActionButtonFooter.astro
index e07b04f..512532f 100644
--- a/docs/src/components/ActionButtonFooter.astro
+++ b/docs/src/components/ActionButtonFooter.astro
@@ -10,7 +10,7 @@ const { data } = await getEntry('i18n', lang);
 
 <div class="action-footer">
   <a class="action-button" href="/subscription">
-    <div>Email subscription</div>
+    <div>{data['buttons.email']}</div>
     <Icon name="email" size="1rem" />
   </a>
 
diff --git a/docs/src/components/ChallengeFooter.astro b/docs/src/components/ChallengeFooter.astro
index 22038f8..cdf3eef 100644
--- a/docs/src/components/ChallengeFooter.astro
+++ b/docs/src/components/ChallengeFooter.astro
@@ -27,7 +27,7 @@ const npxCommand = `npx nx serve ${command}`;
     <p>{data['challenge.footer.gettingStarted.title']} <a
       href="/guides/getting-started">{data['challenge.footer.gettingStarted.link']}</a>.</p>
     <p>{data['challenge.footer.running']} <code class="code" dir="auto">{npxCommand}
-      <ClipboardCopy copyText={npxCommand} />
+      <ClipboardCopy copyText={npxCommand} {...Astro.props} />
     </code></p>
   </section>
 </aside>
@@ -71,7 +71,7 @@ const npxCommand = `npx nx serve ${command}`;
 </div>
 
 <div class="footer-note">
-  * You can upvote an answer with a 👍 if you like it
+  * {data['challenge.footer.upvoteAnswer']}
 </div>
 
 <style>
diff --git a/docs/src/components/ClipboardCopy.astro b/docs/src/components/ClipboardCopy.astro
index fc2a458..c1ab7c3 100644
--- a/docs/src/components/ClipboardCopy.astro
+++ b/docs/src/components/ClipboardCopy.astro
@@ -1,5 +1,8 @@
 ---
-const { copyText } = Astro.props;
+import { getEntry } from "astro:content";
+
+const { copyText, lang } = Astro.props;
+const { data } = await getEntry('i18n', lang);
 ---
 
 <span class="copy-container">
@@ -32,7 +35,9 @@ const { copyText } = Astro.props;
       d="M13.78 4.22a.75.75 0 0 1 0 1.06l-7.25 7.25a.75.75 0 0 1-1.06 0L2.22 9.28a.751.751 0 0 1 .018-1.042.751.751 0 0 1 1.042-.018L6 10.94l6.72-6.72a.75.75 0 0 1 1.06 0Z"
     ></path></svg
   >
-  <span class="tooltipText triangle">Copied!</span>
+  <span class="tooltipText triangle">
+    {data['buttons.clipboardCopy']}
+  </span>
 </span>
 
 <script define:vars={{ copyText }}>
diff --git a/docs/src/components/SubscriptionForm.astro b/docs/src/components/SubscriptionForm.astro
index fc6ec59..b1aab50 100644
--- a/docs/src/components/SubscriptionForm.astro
+++ b/docs/src/components/SubscriptionForm.astro
@@ -12,7 +12,7 @@ const { data } = await getEntry('i18n', lang ?? 'en');
     <form novalidate="" class="sp-element-container ">
       <div class="sp-field " sp-id="sp-76dfa588-3af2-4619-b685-835cf8c62ef0">
         <input
-          type="email" sp-type="email" name="sform[email]" class="sp-form-control " placeholder="username@gmail.com"
+          type="email" sp-type="email" name="sform[email]" class="sp-form-control " placeholder={data['subscription.email']}
           sp-tips="%7B%22required%22%3A%22Required%20field%22%2C%22wrong%22%3A%22Wrong%20email%22%7D" autocomplete="on"
           required="required"></div>
       <div class="sp-field sp-button-container " sp-id="sp-82642eda-e68f-4b7a-a2b8-69e9d9bb5c99">
diff --git a/docs/src/components/VideoButton.astro b/docs/src/components/VideoButton.astro
index 77cdb5b..a739090 100644
--- a/docs/src/components/VideoButton.astro
+++ b/docs/src/components/VideoButton.astro
@@ -1,12 +1,15 @@
 ---
+import { getEntry } from 'astro:content';
 
 interface Props {
+    lang: any;
 	link: string;
 	alt: string;
 	flag?: 'FR';
 }
 
-const { link, alt, flag } = Astro.props;
+const { link, alt, flag, lang } = Astro.props;
+const { data } = await getEntry('i18n', lang);
 const isFR = flag === 'FR';
 ---
 
@@ -16,6 +19,6 @@ const isFR = flag === 'FR';
     rel="noopener noreferrer"
     alt={alt}>
 	<svg aria-hidden="true" class="astro-yzt5nm4y astro-lq7oo3uf" width="20" height="20" viewBox="0 0 24 24" fill="currentColor" style="--sl-icon-size: 1.5rem;"><path d="M23.5 6.2A3 3 0 0 0 21.4 4c-1.9-.5-9.4-.5-9.4-.5s-7.5 0-9.4.5A3 3 0 0 0 .5 6.3C0 8 0 12 0 12s0 4 .5 5.8A3 3 0 0 0 2.6 20c1.9.6 9.4.6 9.4.6s7.5 0 9.4-.6a3 3 0 0 0 2.1-2c.5-2 .5-5.9.5-5.9s0-4-.5-5.8zm-14 9.4V8.4l6.3 3.6-6.3 3.6z"></path></svg>
-    Video
+    {data['challenge.footer.video']}
     {isFR && <span class="flag">🇫🇷</span>}
 </a>
diff --git a/docs/src/content/config.ts b/docs/src/content/config.ts
index 0bb8576..0dc771d 100644
--- a/docs/src/content/config.ts
+++ b/docs/src/content/config.ts
@@ -38,8 +38,10 @@ const i18n = defineCollection({
       .object({
         'page.title.challenge': z.string(),
         'author.createdBy': z.string(),
+        'buttons.email': z.string(),
         'buttons.star': z.string(),
         'buttons.sponsor': z.string(),
+        'buttons.clipboardCopy': z.string(),
         'challenge.footer.note': z.string(),
         'challenge.footer.running': z.string(),
         'challenge.footer.start': z.string(),
@@ -47,9 +49,12 @@ const i18n = defineCollection({
         'challenge.footer.communityAnswers': z.string(),
         'challenge.footer.authorAnswer': z.string(),
         'challenge.footer.blogPost': z.string(),
+        'challenge.footer.video': z.string(),
         'challenge.footer.gettingStarted.title': z.string(),
         'challenge.footer.gettingStarted.link': z.string(),
+        'challenge.footer.upvoteAnswer': z.string(),
         'subscription.button': z.string(),
+        'subscription.email': z.string(),
         'subscription.note.title': z.string(),
         'subscription.note.description': z.string(),
       })
diff --git a/docs/src/content/i18n/en.json b/docs/src/content/i18n/en.json
index 6b66941..0e1f069 100644
--- a/docs/src/content/i18n/en.json
+++ b/docs/src/content/i18n/en.json
@@ -1,8 +1,10 @@
 {
   "page.title.challenge": "Challenge",
   "author.createdBy": "Created by",
+  "buttons.email": "Email subscription",
   "buttons.star": "Give a star",
   "buttons.sponsor": "Sponsor",
+  "buttons.clipboardCopy": "Copied!",
   "challenge.footer.note": "Note",
   "challenge.footer.running": "Start the project by executing:",
   "challenge.footer.start": "The title of your PR must begin with",
@@ -10,8 +12,10 @@
   "challenge.footer.communityAnswers": "Community solutions",
   "challenge.footer.authorAnswer": "Author's solution",
   "challenge.footer.blogPost": "Article",
+  "challenge.footer.video": "Video",
   "challenge.footer.gettingStarted.title": "To complete this challenge, start by reading: ",
   "challenge.footer.gettingStarted.link": "Getting started",
+  "challenge.footer.upvoteAnswer": "You can upvote an answer with a 👍 if you like it",
   "subscription.button": "Subscribe",
   "subscription.email": "username@gmail.com",
   "subscription.note.title": "Notes",
diff --git a/docs/src/content/i18n/es.json b/docs/src/content/i18n/es.json
index 82d6d4e..e7cf677 100644
--- a/docs/src/content/i18n/es.json
+++ b/docs/src/content/i18n/es.json
@@ -34,8 +34,10 @@
   "pagefind.searching": "Buscando [SEARCH_TERM]...",
   "page.title.challenge": "Reto",
   "author.createdBy": "Creado por",
+  "buttons.email": "Suscripción por correo",
   "buttons.star": "Danos una estrella",
   "buttons.sponsor": "Patrocínanos",
+  "buttons.clipboardCopy": "Copiado!",
   "note": "Nota",
   "running": "Inicia el proyecto ejecutando el siguiente comando:",
   "start": "El título de tu PR debe iniciar con",
@@ -50,8 +52,10 @@
   "challenge.footer.communityAnswers": "Respuestas de la comunidad",
   "challenge.footer.authorAnswer": "Respuesta del autor",
   "challenge.footer.blogPost": "Artículo",
+  "challenge.footer.video": "Vídeo",
   "challenge.footer.gettingStarted.title": "Para realizar este desafío, comienza por leer: ",
   "challenge.footer.gettingStarted.link": "Inicio",
+  "challenge.footer.upvoteAnswer": "Puedes votar positivo una respuesta con un 👍 si te gusta",
   "subscription.button": "Suscríbete",
   "subscription.email": "usuario@gmail.com",
   "subscription.note.title": "Notas",
diff --git a/docs/src/content/i18n/fr.json b/docs/src/content/i18n/fr.json
index 656ae54..202bc45 100644
--- a/docs/src/content/i18n/fr.json
+++ b/docs/src/content/i18n/fr.json
@@ -1,8 +1,10 @@
 {
   "page.title.challenge": "Challenge",
   "author.createdBy": "Créé par",
+  "buttons.email": "Email subscription",
   "buttons.star": "Donne une étoile",
   "buttons.sponsor": "Sponsorise",
+  "buttons.clipboardCopy": "Copied!",
   "challenge.footer.note": "Note",
   "challenge.footer.running": "Démarre le projet en exécutant:",
   "challenge.footer.start": "Le titre de ta PR doit commencer par",
@@ -10,8 +12,10 @@
   "challenge.footer.communityAnswers": "Solution de la communauté",
   "challenge.footer.authorAnswer": "Solution de l'auteur",
   "challenge.footer.blogPost": "Article",
+  "challenge.footer.video": "Video",
   "challenge.footer.gettingStarted.title": "Pour faire ce challenge, commencer par lire: ",
   "challenge.footer.gettingStarted.link": "Comment Démarrer",
+  "challenge.footer.upvoteAnswer": "You can upvote an answer with a 👍 if you like it",
   "subscription.button": "Subscribe",
   "subscription.email": "username@gmail.com",
   "subscription.note.title": "Notes",
diff --git a/docs/src/content/i18n/pt.json b/docs/src/content/i18n/pt.json
index f4a624d..fc6a225 100644
--- a/docs/src/content/i18n/pt.json
+++ b/docs/src/content/i18n/pt.json
@@ -1,8 +1,10 @@
 {
   "page.title.challenge": "Desafio",
   "author.createdBy": "Criado por",
+  "buttons.email": "Email subscription",
   "buttons.star": "Dar uma estrela",
   "buttons.sponsor": "Patrocinar",
+  "buttons.clipboardCopy": "Copied!",
   "404.text": "Página não encontrada. Verifique a URL ou tente usar a barra de busca.",
   "challenge.footer.note": "Nota",
   "challenge.footer.running": "Rode o projeto executando o comando:",
@@ -11,8 +13,10 @@
   "challenge.footer.communityAnswers": "Solução da Comunidade",
   "challenge.footer.authorAnswer": "Solução do Autor do Desafio",
   "challenge.footer.blogPost": "Artigo",
+  "challenge.footer.video": "Video",
   "challenge.footer.gettingStarted.title": "Para realizar este desafio, comece lendo: ",
   "challenge.footer.gettingStarted.link": "Começando",
+  "challenge.footer.upvoteAnswer": "You can upvote an answer with a 👍 if you like it",
   "subscription.button": "Inscrever-se",
   "subscription.email": "usuario@gmail.com",
   "subscription.note.title": "Notas",
diff --git a/docs/src/content/i18n/ru.json b/docs/src/content/i18n/ru.json
index 73f6ac7..9595ba2 100644
--- a/docs/src/content/i18n/ru.json
+++ b/docs/src/content/i18n/ru.json
@@ -1,8 +1,10 @@
 {
   "page.title.challenge": "Испытание",
   "author.createdBy": "Создано",
+  "buttons.email": "Email subscription",
   "buttons.star": "Дать звезду",
   "buttons.sponsor": "Спонсор",
+  "buttons.clipboardCopy": "Copied!",
   "404.text": "Страница не найдена. Проверьте URL-адрес или воспользуйтесь строкой поиска.",
   "challenge.footer.note": "Примечание",
   "challenge.footer.running": "Запустите проект, выполнив команду:",
@@ -11,8 +13,10 @@
   "challenge.footer.communityAnswers": "Решения сообщества",
   "challenge.footer.authorAnswer": "Решение автора",
   "challenge.footer.blogPost": "Статья",
+  "challenge.footer.video": "Video",
   "challenge.footer.gettingStarted.title": "Чтобы пройти это испытание, прочитайте:",
   "challenge.footer.gettingStarted.link": "Первые шаги",
+  "challenge.footer.upvoteAnswer": "You can upvote an answer with a 👍 if you like it",
   "subscription.button": "Subscribe",
   "subscription.email": "username@gmail.com",
   "subscription.note.title": "Notes",