✨(frontend) introduce learn more link component
Component providing a 'learn more' feature. Inspired by GMeet. Naive component.
This commit is contained in:
committed by
aleb_the_flash
parent
7dfd86873c
commit
5de9cec688
23
src/frontend/src/features/home/components/MoreLink.tsx
Normal file
23
src/frontend/src/features/home/components/MoreLink.tsx
Normal file
@@ -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>
|
||||||
|
)
|
||||||
|
}
|
||||||
@@ -10,6 +10,9 @@
|
|||||||
"joinMeetingTipContent": "",
|
"joinMeetingTipContent": "",
|
||||||
"joinMeetingTipHeading": "",
|
"joinMeetingTipHeading": "",
|
||||||
"loginToCreateMeeting": "",
|
"loginToCreateMeeting": "",
|
||||||
|
"moreLinkLabel": "",
|
||||||
|
"moreLink": "",
|
||||||
|
"moreAbout": "",
|
||||||
"createMenu": {
|
"createMenu": {
|
||||||
"laterOption": "",
|
"laterOption": "",
|
||||||
"instantOption": ""
|
"instantOption": ""
|
||||||
|
|||||||
@@ -10,6 +10,9 @@
|
|||||||
"joinMeetingTipContent": "You can join a meeting by pasting its full link in the browser's address bar.",
|
"joinMeetingTipContent": "You can join a meeting by pasting its full link in the browser's address bar.",
|
||||||
"joinMeetingTipHeading": "Did you know?",
|
"joinMeetingTipHeading": "Did you know?",
|
||||||
"loginToCreateMeeting": "Login to create a meeting",
|
"loginToCreateMeeting": "Login to create a meeting",
|
||||||
|
"moreLinkLabel": "Learn more - new tab",
|
||||||
|
"moreLink": "Learn more",
|
||||||
|
"moreAbout": "about Visio",
|
||||||
"createMenu": {
|
"createMenu": {
|
||||||
"laterOption": "Create a meeting for a later date",
|
"laterOption": "Create a meeting for a later date",
|
||||||
"instantOption": "Start an instant meeting"
|
"instantOption": "Start an instant meeting"
|
||||||
|
|||||||
@@ -10,6 +10,9 @@
|
|||||||
"joinMeetingTipContent": "Vous pouvez rejoindre une réunion en copiant directement son lien complet dans la barre d'adresse du navigateur.",
|
"joinMeetingTipContent": "Vous pouvez rejoindre une réunion en copiant directement son lien complet dans la barre d'adresse du navigateur.",
|
||||||
"joinMeetingTipHeading": "Astuce",
|
"joinMeetingTipHeading": "Astuce",
|
||||||
"loginToCreateMeeting": "Connectez-vous pour créer une réunion",
|
"loginToCreateMeeting": "Connectez-vous pour créer une réunion",
|
||||||
|
"moreLinkLabel": "En savoir plus - nouvelle fenêtre",
|
||||||
|
"moreLink": "En savoir plus",
|
||||||
|
"moreAbout": "sur Visio",
|
||||||
"createMenu": {
|
"createMenu": {
|
||||||
"laterOption": "Créer une réunion pour une date ultérieure",
|
"laterOption": "Créer une réunion pour une date ultérieure",
|
||||||
"instantOption": "Démarrer une réunion instantanée"
|
"instantOption": "Démarrer une réunion instantanée"
|
||||||
|
|||||||
Reference in New Issue
Block a user