Add copy link button

HicResearch · Jul 24, 2023 · b5be122 · b5be122
1 parent a243976
commit b5be122
Showing 1 changed file with 35 additions and 6 deletions.
diff --git a/src/components/egress/EgressRequestList.js b/src/components/egress/EgressRequestList.js
@@ -25,6 +25,7 @@ import Snackbar from '@mui/material/Snackbar';
 import SnackbarContent from '@mui/material/SnackbarContent';
 import IconButton from '@mui/material/IconButton';
 import CloseIcon from '@material-ui/icons/Close';
+import ContentCopyIcon from '@mui/icons-material/ContentCopy';
 import FileDownloadIcon from '@mui/icons-material/FileDownloadRounded';
 import ThumbUpRoundedIcon from '@mui/icons-material/ThumbUpRounded';
 import ThumbDownRoundedIcon from '@mui/icons-material/ThumbDownRounded';
@@ -242,7 +243,7 @@ function EgressRequestList() {
     };
 
     // Make API call to download API
-    const handleDownload = async () => {
+    const handleDownloadOrCopy = async (copyToClipboard) => {
         setDownloading(true);
         const count = selectedEgressRequest.download_count == null ? 0 : selectedEgressRequest.download_count;
         const requestDetails = {
@@ -257,11 +258,17 @@ function EgressRequestList() {
             if (requestsApiResult.data.downloadData !== null) {
                 const presignUrl = requestsApiResult.data.downloadData.presign_url;
 
-                // Open presign_url link to download file
-                const downloadLink = document.createElement('a');
-                downloadLink.download = 'egress_data.zip';
-                downloadLink.href = presignUrl;
-                downloadLink.click();
+                if (copyToClipboard) {
+                    navigator.clipboard.writeText(presignUrl);
+                    setNotificationMessage('Link copied to clipboard');
+                    setOpenNotification(true);
+                } else {
+                    // Open presign_url link to download file
+                    const downloadLink = document.createElement('a');
+                    downloadLink.download = 'egress_data.zip';
+                    downloadLink.href = presignUrl;
+                    downloadLink.click();
+                }
                 selectedEgressRequest.download_count = Number(selectedEgressRequest.download_count) + 1;
                 setDownloading(false);
             } else {
@@ -274,6 +281,15 @@ function EgressRequestList() {
         }
     };
 
+    // Make API call to download API
+    const handleDownload = async () => {
+        await handleDownloadOrCopy(false);
+    };
+
+    const handleCopyLink = async () => {
+        await handleDownloadOrCopy(true);
+    };
+
     // Make API call to submit egress request review
     const updateEgressRequest = async () => {
         let requestDetails = {};
@@ -624,6 +640,19 @@ function EgressRequestList() {
                                         Download
                                     </Button>
                                 )}
+                                {downloading ? (
+                                    <CircularProgress size={25} color="primary" />
+                                ) : (
+                                    <Button
+                                        color="primary"
+                                        variant="contained"
+                                        onClick={handleCopyLink}
+                                        disabled={!isDownloadable}
+                                        startIcon={<ContentCopyIcon />}
+                                    >
+                                        Copy link
+                                    </Button>
+                                )}
                             </Stack>
                         </MDBModalFooter>
                     </form>