refactor: improve link field customizability (#6402)

Add ability to reuse "copy link" dialogue in other places
Unleash · Mar 1, 2024 · 446b2b2 · 446b2b2
1 parent d057703
commit 446b2b2
Showing 1 changed file with 15 additions and 8 deletions.
diff --git a/frontend/src/component/admin/users/LinkField/LinkField.tsx b/frontend/src/component/admin/users/LinkField/LinkField.tsx
@@ -5,19 +5,32 @@ import useToast from 'hooks/useToast';
 interface ILinkFieldProps {
     inviteLink: string;
     small?: boolean;
+    successTitle?: string;
+    errorTitle?: string;
 }
 
-export const LinkField = ({ inviteLink, small }: ILinkFieldProps) => {
+export const LinkField = ({
+    inviteLink,
+    small,
+    successTitle = 'Successfully copied invite link.',
+    errorTitle = 'Could not copy invite link.',
+}: ILinkFieldProps) => {
     const { setToastData } = useToast();
 
+    const setError = () =>
+        setToastData({
+            type: 'error',
+            title: errorTitle,
+        });
+
     const handleCopy = () => {
         try {
             return navigator.clipboard
                 .writeText(inviteLink)
                 .then(() => {
                     setToastData({
                         type: 'success',
-                        title: 'Successfully copied invite link.',
+                        title: successTitle,
                     });
                 })
                 .catch(() => {
@@ -28,12 +41,6 @@ export const LinkField = ({ inviteLink, small }: ILinkFieldProps) => {
         }
     };
 
-    const setError = () =>
-        setToastData({
-            type: 'error',
-            title: 'Could not copy invite link.',
-        });
-
     return (
         <Box
             sx={{