fix(function): make success and failed funcions more readable

Author: safeamiiir

aqueductcore/frontend/src/components/organisms/ExperimentDetailsActionButtons/index.tsx

@@ -10,6 +10,7 @@ import toast from "react-hot-toast";
 import { useState } from "react";
 
 import { BorderedButtonWithIcon } from "components/atoms/sharedStyledComponents/BorderedButtonWithIcon"
+import { copyToClipboardFailedWithMessage, copyToClipboardWithSuccessMessage } from 'helper/functions';
 import { useRemoveTagFromExperiment } from "API/graphql/mutations/experiment/removeTagFromExperiment";
 import { useAddTagToExperiment } from "API/graphql/mutations/experiment/addTagToExperiment";
 import { useRemoveExperiment } from "API/graphql/mutations/experiment/removeExperiment";
@@ -140,16 +141,8 @@ function ExperimentDetailsActionButtons({ isEditable, isDeletable, experimentDet
         navigator.clipboard
             .writeText(`${window.location.origin}/aqd/experiments/${experimentDetails.eid}`)
             .then(
-                () => {
-                    toast.success("Copied to clipboard!", {
-                        id: "clipboard",
-                    });
-                },
-                () => {
-                    toast.error("Failed! \n Please copy page's URL manually.", {
-                        id: "clipboard-failed",
-                    });
-                }
+                () => copyToClipboardWithSuccessMessage(), //Success
+                () => copyToClipboardFailedWithMessage("Failed! \n Please copy page's URL manually.") //Failure
             );
     }
 

aqueductcore/frontend/src/components/organisms/ExperimentDetailsData/index.tsx

@@ -3,6 +3,7 @@ import LinkIcon from "@mui/icons-material/Link";
 import toast from "react-hot-toast";
 import { useState } from "react";
 
+import { copyToClipboardFailedWithMessage, copyToClipboardWithSuccessMessage } from "helper/functions";
 import { useRemoveTagFromExperiment } from "API/graphql/mutations/experiment/removeTagFromExperiment";
 import { useAddTagToExperiment } from "API/graphql/mutations/experiment/addTagToExperiment";
 import { dateFormatter, removeFavouriteAndArchivedTag } from "helper/formatters";
@@ -79,16 +80,8 @@ function ExperimentDetailsData({ experimentDetails, isEditable }: experimentDeta
         navigator.clipboard
             .writeText(experimentDetails.eid)
             .then(
-                () => {
-                    toast.success("Copied to clipboard!", {
-                        id: "clipboard",
-                    });
-                },
-                () => {
-                    toast.error("Failed! \n Please copy EID manually.", {
-                        id: "clipboard-failed",
-                    });
-                }
+                () => copyToClipboardWithSuccessMessage(), //Success
+                () => copyToClipboardFailedWithMessage("Failed! \n Please copy EID manually.") //Failure
             );
     }
 

aqueductcore/frontend/src/helper/functions.tsx

@@ -1,8 +1,9 @@
 import { DependencyList, FocusEvent, useEffect, useRef } from "react";
+import toast from "react-hot-toast";
 import dayjs from "dayjs";
 
-import { SortOrder } from "types/componentTypes";
 import { ExperimentFileType } from "types/globalTypes";
+import { SortOrder } from "types/componentTypes";
 
 // ################## DOM related functions ################## //
 export const focusInCurrentTarget = ({
@@ -89,3 +90,15 @@ export function stableSort<T>(array: readonly T[], comparator: (a: T, b: T) => n
 export function isNullish(value: unknown): value is null | undefined {
   return value === null || value === undefined;
 }
+
+// ################## Copy to Clipboard Functions ################## //
+export function copyToClipboardWithSuccessMessage(message?: string): void | PromiseLike<void> {
+  toast.success(message ?? "Copied to clipboard!", {
+    id: "clipboard",
+  });
+}
+export function copyToClipboardFailedWithMessage(message?: string): void | PromiseLike<void> {
+  toast.error(message ?? "Copy to clipboard Failed!", {
+    id: "clipboard-failed",
+  });
+}