diff --git a/src/frontend/src/features/home/components/LaterMeetingDialog.tsx b/src/frontend/src/features/home/components/LaterMeetingDialog.tsx index e980468b..f50b27a4 100644 --- a/src/frontend/src/features/home/components/LaterMeetingDialog.tsx +++ b/src/frontend/src/features/home/components/LaterMeetingDialog.tsx @@ -1,8 +1,9 @@ import { useEffect, useState } from 'react' import { useTranslation } from 'react-i18next' import { getRouteUrl } from '@/navigation/getRouteUrl' -import { Div, Button, Dialog, Input, type DialogProps, P } from '@/primitives' +import { Button, Dialog, type DialogProps, P, Text } from '@/primitives' import { HStack } from '@/styled-system/jsx' +import { RiCheckLine, RiFileCopyLine, RiSpam2Fill } from '@remixicon/react' // fixme - duplication with the InviteDialog export const LaterMeetingDialog = ({ @@ -11,19 +12,17 @@ export const LaterMeetingDialog = ({ }: { roomId: string } & Omit) => { const { t } = useTranslation('home') const roomUrl = getRouteUrl('room', roomId) - const copyLabel = t('laterMeetingDialog.copy') - const copiedLabel = t('laterMeetingDialog.copied') - const [copyLinkLabel, setCopyLinkLabel] = useState(copyLabel) + + const [isCopied, setIsCopied] = useState(false) + useEffect(() => { - if (copyLinkLabel == copiedLabel) { - const timeout = setTimeout(() => { - setCopyLinkLabel(copyLabel) - }, 5000) - return () => { - clearTimeout(timeout) - } + if (isCopied) { + const timeout = setTimeout(() => setIsCopied(false), 3000) + return () => clearTimeout(timeout) } - }, [copyLinkLabel, copyLabel, copiedLabel]) + }, [isCopied]) + + const [isHovered, setIsHovered] = useState(false) return (

{t('laterMeetingDialog.description')}

- -
- { - e.currentTarget.select() - }} - /> -
-
- -
+ + +
+ +
+ + {t('laterMeetingDialog.permissions')} +
) diff --git a/src/frontend/src/locales/de/home.json b/src/frontend/src/locales/de/home.json index cb738fd9..94366155 100644 --- a/src/frontend/src/locales/de/home.json +++ b/src/frontend/src/locales/de/home.json @@ -17,8 +17,8 @@ "laterMeetingDialog": { "heading": "", "description": "", - "copied": "", "copy": "", - "inputLabel": "" + "copied": "", + "permissions": "" } } diff --git a/src/frontend/src/locales/en/home.json b/src/frontend/src/locales/en/home.json index 82b94536..e387c19f 100644 --- a/src/frontend/src/locales/en/home.json +++ b/src/frontend/src/locales/en/home.json @@ -17,8 +17,8 @@ "laterMeetingDialog": { "heading": "Your connection details", "description": "Send this link to the people you want to invite to the meeting. They will be able to join without Agent Connect.", - "copied": "Copied", - "copy": "Copy", - "inputLabel": "Meeting link" + "copy": "Copy the meeting link", + "copied": "Link copied to clipboard", + "permissions": "People with this link do not need your permission to join this meeting." } } diff --git a/src/frontend/src/locales/fr/home.json b/src/frontend/src/locales/fr/home.json index 70de5daf..53c1925f 100644 --- a/src/frontend/src/locales/fr/home.json +++ b/src/frontend/src/locales/fr/home.json @@ -17,8 +17,8 @@ "laterMeetingDialog": { "heading": "Vos informations de connexion", "description": "Envoyez ce lien aux personnes que vous souhaitez inviter à la réunion. Ils pourront la rejoindre sans Agent Connect.", - "copied": "Lien copié", - "copy": "Copier le lien", - "inputLabel": "Lien vers la réunion" + "copy": "Copier le lien de la réunion", + "copied": "Lien copié dans le presse-papiers", + "permissions": "Les personnes disposant de ce lien n'ont pas besoin de votre autorisation pour rejoindre cette réunion." } }