[#230] added toast to copy visio link (#286)

Co-authored-by: Camille Moussu <cmoussu@linagora.com>

src/components/Event/EventFormFields.tsx

@@ -41,6 +41,7 @@ import { splitDateTime, combineDateTime } from "./utils/dateTimeHelpers";
 import {} from "./utils/dateRules";
 import {} from "./utils/dateTimeFormatters";
 import { validateEventForm } from "./utils/formValidation";
+import { SnackbarAlert } from "../Loading/SnackBarAlert";
 
 interface EventFormFieldsProps {
   // Form state
@@ -379,10 +380,13 @@ export default function EventFormFields({
     setMeetingLink(newMeetingLink);
   };
 
+  const [openToast, setOpenToast] = React.useState(false);
+
   const handleCopyMeetingLink = async () => {
     if (meetingLink) {
       try {
         await navigator.clipboard.writeText(meetingLink);
+        setOpenToast(true);
       } catch (err) {
         console.error("Failed to copy link:", err);
       }
@@ -752,6 +756,11 @@ export default function EventFormFields({
           </FieldWithLabel>
         </>
       )}
+      <SnackbarAlert
+        setOpen={setOpenToast}
+        open={openToast}
+        message={t("event.form.meetCopied")}
+      />
     </>
   );
 }

src/locales/en.json

@@ -102,6 +102,7 @@
       "timezonePlaceholder": "Select timezone",
       "participants": "Participants",
       "videoMeeting": "Video meeting",
+      "meetCopied": "Meeting link copied!",
       "addVisioConference": "Add Visio conference",
       "joinVisioConference": "Join Visio conference",
       "copyMeetingLink": "Copy meeting link",

src/locales/fr.json

@@ -102,6 +102,7 @@
       "timezonePlaceholder": "Sélectionner un fuseau horaire",
       "participants": "Participants",
       "videoMeeting": "Visioconférence",
+      "meetCopied": "Lien de la visio copié!",
       "addVisioConference": "Ajouter une visioconférence",
       "joinVisioConference": "Rejoindre la visioconférence",
       "copyMeetingLink": "Copier le lien de la réunion",