Add copy link button

.eslintrc

@@ -6,7 +6,11 @@
     "parserOptions": {
         "ecmaFeatures": { "jsx": true, "modules": true },
         "ecmaVersion": 2018,
-        "sourceType": "module"
+        "sourceType": "module",
+        "requireConfigFile": false,
+        "babelOptions": {
+            "presets": ["@babel/preset-react"]
+        }
     },
     "plugins": ["react", "prettier"],
     "rules": {

.github/workflows/test.yml

@@ -0,0 +1,32 @@
+# https://docs.github.com/en/actions/automating-builds-and-tests/building-and-testing-nodejs
+name: Test
+
+on:
+  pull_request:
+  push:
+  workflow_dispatch:
+
+jobs:
+  pre-commit:
+    runs-on: ubuntu-22.04
+    timeout-minutes: 10
+
+    steps:
+      - uses: actions/checkout@v3
+
+      - uses: actions/setup-node@v3
+        with:
+          node-version: 18.x
+          cache: npm
+
+      - name: Install dependencies
+        run: npm ci
+
+      - name: Lint and security checks
+        run: npm run pipeline
+
+      - name: Build
+        run: npm run build
+
+      # There are no tests
+      # - run: npm test

package.json

@@ -58,6 +58,7 @@
     },
     "devDependencies": {
         "@babel/eslint-parser": "7.22.5",
+        "@babel/preset-react": "7.22.5",
         "eslint": "8.42.0",
         "eslint-config-airbnb": "19.0.4",
         "eslint-config-prettier": "8.8.0",

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>