From 5de9cec6889a70f797846e45a2a4177fc05165f5 Mon Sep 17 00:00:00 2001
From: lebaudantoine <lebaud.antoine131@gmail.com>
Date: Sat, 16 Nov 2024 19:20:27 +0100
Subject: [PATCH] =?UTF-8?q?=E2=9C=A8(frontend)=20introduce=20learn=20more?=
 =?UTF-8?q?=20link=20component?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Component providing a 'learn more' feature. Inspired by GMeet.
Naive component.
---
 .../src/features/home/components/MoreLink.tsx | 23 +++++++++++++++++++
 src/frontend/src/locales/de/home.json         |  3 +++
 src/frontend/src/locales/en/home.json         |  3 +++
 src/frontend/src/locales/fr/home.json         |  3 +++
 4 files changed, 32 insertions(+)
 create mode 100644 src/frontend/src/features/home/components/MoreLink.tsx

diff --git a/src/frontend/src/features/home/components/MoreLink.tsx b/src/frontend/src/features/home/components/MoreLink.tsx
new file mode 100644
index 00000000..66f36cfa
--- /dev/null
+++ b/src/frontend/src/features/home/components/MoreLink.tsx
@@ -0,0 +1,23 @@
+import { A, Text } from '@/primitives'
+import { useTranslation } from 'react-i18next'
+
+const MANIFEST_LINK =
+  'https://docs.numerique.gouv.fr/docs/1ef86abf-f7e0-46ce-b6c7-8be8b8af4c3d/'
+
+export const MoreLink = () => {
+  const { t } = useTranslation('home')
+
+  return (
+    <Text as={'p'} variant={'sm'} style={{ padding: '1rem 0' }}>
+      <A
+        href={MANIFEST_LINK}
+        target="_blank"
+        rel="noopener noreferrer"
+        aria-label={t('moreLinkLabel')}
+      >
+        {t('moreLink')}
+      </A>{' '}
+      {t('moreAbout')}
+    </Text>
+  )
+}
diff --git a/src/frontend/src/locales/de/home.json b/src/frontend/src/locales/de/home.json
index 94366155..be5aeec7 100644
--- a/src/frontend/src/locales/de/home.json
+++ b/src/frontend/src/locales/de/home.json
@@ -10,6 +10,9 @@
   "joinMeetingTipContent": "",
   "joinMeetingTipHeading": "",
   "loginToCreateMeeting": "",
+  "moreLinkLabel": "",
+  "moreLink": "",
+  "moreAbout": "",
   "createMenu": {
     "laterOption": "",
     "instantOption": ""
diff --git a/src/frontend/src/locales/en/home.json b/src/frontend/src/locales/en/home.json
index d0165148..ff664c3c 100644
--- a/src/frontend/src/locales/en/home.json
+++ b/src/frontend/src/locales/en/home.json
@@ -10,6 +10,9 @@
   "joinMeetingTipContent": "You can join a meeting by pasting its full link in the browser's address bar.",
   "joinMeetingTipHeading": "Did you know?",
   "loginToCreateMeeting": "Login to create a meeting",
+  "moreLinkLabel": "Learn more - new tab",
+  "moreLink": "Learn more",
+  "moreAbout": "about Visio",
   "createMenu": {
     "laterOption": "Create a meeting for a later date",
     "instantOption": "Start an instant meeting"
diff --git a/src/frontend/src/locales/fr/home.json b/src/frontend/src/locales/fr/home.json
index 0f0ce437..58369326 100644
--- a/src/frontend/src/locales/fr/home.json
+++ b/src/frontend/src/locales/fr/home.json
@@ -10,6 +10,9 @@
   "joinMeetingTipContent": "Vous pouvez rejoindre une réunion en copiant directement son lien complet dans la barre d'adresse du navigateur.",
   "joinMeetingTipHeading": "Astuce",
   "loginToCreateMeeting": "Connectez-vous pour créer une réunion",
+  "moreLinkLabel": "En savoir plus - nouvelle fenêtre",
+  "moreLink": "En savoir plus",
+  "moreAbout": "sur Visio",
   "createMenu": {
     "laterOption": "Créer une réunion pour une date ultérieure",
     "instantOption": "Démarrer une réunion instantanée"