From af9277d73242f7c360d00eb6f06370d6eb4216eb Mon Sep 17 00:00:00 2001
From: Chintan Mehta <mchintan24@gmail.com>
Date: Thu, 16 Nov 2023 15:51:44 +0000
Subject: [PATCH 1/8] column rename symbol to disease

---
 .../AssociationsToolkit/utils/downloads.js    | 68 ++++++++-----------
 1 file changed, 28 insertions(+), 40 deletions(-)

diff --git a/apps/platform/src/components/AssociationsToolkit/utils/downloads.js b/apps/platform/src/components/AssociationsToolkit/utils/downloads.js
index 1e3009d01..347659b32 100644
--- a/apps/platform/src/components/AssociationsToolkit/utils/downloads.js
+++ b/apps/platform/src/components/AssociationsToolkit/utils/downloads.js
@@ -1,14 +1,14 @@
-import _ from 'lodash';
+import _ from "lodash";
 
 const targetName = {
-  id: 'symbol',
-  label: 'Symbol',
+  id: "symbol",
+  label: "Symbol",
   exportValue: data => data.target.approvedSymbol,
 };
 
 const diseaseName = {
-  id: 'symbol',
-  label: 'Symbol',
+  id: "disease",
+  label: "Disease",
   exportValue: data => data.disease.name,
 };
 
@@ -17,15 +17,13 @@ const asJSON = (columns, rows) => {
     columns.reduce((accumulator, newKey) => {
       if (newKey.exportValue === false) return accumulator;
 
-      const newLabel = _.camelCase(
-        newKey.exportLabel || newKey.label || newKey.id
-      );
+      const newLabel = _.camelCase(newKey.exportLabel || newKey.label || newKey.id);
 
       return {
         ...accumulator,
         [newLabel]: newKey.exportValue
           ? newKey.exportValue(row)
-          : _.get(row, newKey.propertyPath || newKey.id, ''),
+          : _.get(row, newKey.propertyPath || newKey.id, ""),
       };
     }, {})
   );
@@ -38,25 +36,23 @@ const getHeaderString = ({ columns, quoteString, separator }) =>
     .reduce((headerString, column) => {
       if (column.exportValue === false) return headerString;
 
-      const newLabel = quoteString(
-        _.camelCase(column.exportLabel || column.label || column.id)
-      );
+      const newLabel = quoteString(_.camelCase(column.exportLabel || column.label || column.id));
 
       return [...headerString, newLabel];
     }, [])
     .join(separator);
 
-const asDSV = (columns, rows, separator = ',', quoteStrings = true) => {
+const asDSV = (columns, rows, separator = ",", quoteStrings = true) => {
   const quoteString = d => {
     let result = d;
     // converts arrays to strings
     if (Array.isArray(d)) {
-      result = d.join(',');
+      result = d.join(",");
     }
-    return quoteStrings && typeof result === 'string' ? `"${result}"` : result;
+    return quoteStrings && typeof result === "string" ? `"${result}"` : result;
   };
 
-  const lineSeparator = '\n';
+  const lineSeparator = "\n";
 
   const headerString = getHeaderString({ columns, quoteString, separator });
 
@@ -69,7 +65,7 @@ const asDSV = (columns, rows, separator = ',', quoteStrings = true) => {
           const newValue = quoteString(
             column.exportValue
               ? column.exportValue(row)
-              : _.get(row, column.propertyPath || column.id, '')
+              : _.get(row, column.propertyPath || column.id, "")
           );
 
           return [...rowString, newValue];
@@ -82,12 +78,10 @@ const asDSV = (columns, rows, separator = ',', quoteStrings = true) => {
 };
 
 export const getRowsQuerySelector = entityToGet =>
-  entityToGet === 'target'
-    ? 'data.disease.associatedTargets'
-    : 'data.target.associatedDiseases';
+  entityToGet === "target" ? "data.disease.associatedTargets" : "data.target.associatedDiseases";
 
 export const getExportedColumns = (entityToGet, assocArr, prioArr) => {
-  const nameColumn = entityToGet === 'target' ? targetName : diseaseName;
+  const nameColumn = entityToGet === "target" ? targetName : diseaseName;
   let exportedColumns = [];
   const sources = assocArr.map(({ id }) => ({
     id,
@@ -95,22 +89,20 @@ export const getExportedColumns = (entityToGet, assocArr, prioArr) => {
       const datatypeScore = data.datasourceScores.find(
         datasourceScore => datasourceScore.componentId === id
       );
-      return datatypeScore ? parseFloat(datatypeScore.score) : 'No data';
+      return datatypeScore ? parseFloat(datatypeScore.score) : "No data";
     },
   }));
 
   exportedColumns = [...sources];
 
-  if (entityToGet === 'target') {
+  if (entityToGet === "target") {
     const prioritisationExportCols = prioArr.map(({ id }) => ({
       id,
       exportValue: data => {
         const prioritisationScore = data.target.prioritisation.items.find(
           prioritisationItem => prioritisationItem.key === id
         );
-        return prioritisationScore
-          ? parseFloat(prioritisationScore.value)
-          : 'No data';
+        return prioritisationScore ? parseFloat(prioritisationScore.value) : "No data";
       },
     }));
 
@@ -120,8 +112,8 @@ export const getExportedColumns = (entityToGet, assocArr, prioArr) => {
   return [
     nameColumn,
     {
-      id: 'score',
-      label: 'Score',
+      id: "globalScore",
+      label: "Global Score",
       exportValue: data => data.score,
     },
     ...exportedColumns,
@@ -137,9 +129,7 @@ export const getExportedPrioritisationColumns = arr => {
       const prioritisationScore = data.target.prioritisation.items.find(
         prioritisationItem => prioritisationItem.key === id
       );
-      return prioritisationScore
-        ? parseFloat(prioritisationScore.value)
-        : 'No data';
+      return prioritisationScore ? parseFloat(prioritisationScore.value) : "No data";
     },
   }));
 
@@ -148,8 +138,8 @@ export const getExportedPrioritisationColumns = arr => {
   return [
     targetName,
     {
-      id: 'score',
-      label: 'Score',
+      id: "score",
+      label: "Score",
       exportValue: data => data.score,
     },
     ...exportedColumns,
@@ -160,22 +150,20 @@ export const createBlob = format =>
   ({
     json: (columns, rows) =>
       new Blob([asJSON(columns, rows)], {
-        type: 'application/json;charset=utf-8',
+        type: "application/json;charset=utf-8",
       }),
     csv: (columns, rows) =>
       new Blob([asDSV(columns, rows)], {
-        type: 'text/csv;charset=utf-8',
+        type: "text/csv;charset=utf-8",
       }),
     tsv: (columns, rows) =>
-      new Blob([asDSV(columns, rows, '\t', false)], {
-        type: 'text/tab-separated-values;charset=utf-8',
+      new Blob([asDSV(columns, rows, "\t", false)], {
+        type: "text/tab-separated-values;charset=utf-8",
       }),
   }[format]);
 
 export const getFilteredColumnArray = (selectArray, requestArray) => {
-  const arr = selectArray
-    .map(ag => requestArray.filter(e => e.aggregation === ag))
-    .flat(1);
+  const arr = selectArray.map(ag => requestArray.filter(e => e.aggregation === ag)).flat(1);
 
   return arr.length > 0 ? arr : [];
 };

From 21d3a9a00af67cc911fed63f0065fd044d0b383d Mon Sep 17 00:00:00 2001
From: Chintan Mehta <mchintan24@gmail.com>
Date: Thu, 16 Nov 2023 15:55:08 +0000
Subject: [PATCH 2/8] prioritisation typo fix

---
 .../src/components/AssociationsToolkit/DataDownloader.jsx     | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/apps/platform/src/components/AssociationsToolkit/DataDownloader.jsx b/apps/platform/src/components/AssociationsToolkit/DataDownloader.jsx
index 132aa65bc..97ace52d5 100644
--- a/apps/platform/src/components/AssociationsToolkit/DataDownloader.jsx
+++ b/apps/platform/src/components/AssociationsToolkit/DataDownloader.jsx
@@ -348,14 +348,14 @@ function DataDownloader({ fileStem }) {
                 {entity === "disease" && (
                   <FormControl size="small" sx={{ m: 1, maxWidth: "100%" }}>
                     <InputLabel id="select-prioritization-small-label">
-                      Prioritization Aggregation
+                      Prioritisation Aggregation
                     </InputLabel>
                     <Select
                       disabled={downloading}
                       multiple
                       labelId="select-prioritization-small-label"
                       value={state.prioritisationAggregationSelectValue}
-                      label="Prioritization Aggregation"
+                      label="Prioritisation Aggregation"
                       renderValue={selected => selected.join(", ")}
                       onChange={e => {
                         dispatch(

From 234a24fd6ad4ba33f18a386962312c8084dd5d1e Mon Sep 17 00:00:00 2001
From: Chintan Mehta <mchintan24@gmail.com>
Date: Thu, 16 Nov 2023 16:33:12 +0000
Subject: [PATCH 3/8] score field updated

---
 .../src/components/AssociationsToolkit/utils/downloads.js     | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/apps/platform/src/components/AssociationsToolkit/utils/downloads.js b/apps/platform/src/components/AssociationsToolkit/utils/downloads.js
index 347659b32..b894ceb78 100644
--- a/apps/platform/src/components/AssociationsToolkit/utils/downloads.js
+++ b/apps/platform/src/components/AssociationsToolkit/utils/downloads.js
@@ -138,8 +138,8 @@ export const getExportedPrioritisationColumns = arr => {
   return [
     targetName,
     {
-      id: "score",
-      label: "Score",
+      id: "globalScore",
+      label: "Global Score",
       exportValue: data => data.score,
     },
     ...exportedColumns,

From f6f82711252d9195d7256cf15609dc271d80a75f Mon Sep 17 00:00:00 2001
From: Chintan Mehta <mchintan24@gmail.com>
Date: Fri, 17 Nov 2023 17:12:38 +0000
Subject: [PATCH 4/8] added new field for pinned rows

---
 .../AssociationsToolkit/DataDownloader.jsx    | 14 +++++++---
 .../AssociationsToolkit/utils/downloads.js    | 27 +++++++++++++++----
 2 files changed, 32 insertions(+), 9 deletions(-)

diff --git a/apps/platform/src/components/AssociationsToolkit/DataDownloader.jsx b/apps/platform/src/components/AssociationsToolkit/DataDownloader.jsx
index 97ace52d5..21146edb1 100644
--- a/apps/platform/src/components/AssociationsToolkit/DataDownloader.jsx
+++ b/apps/platform/src/components/AssociationsToolkit/DataDownloader.jsx
@@ -163,9 +163,9 @@ function DataDownloader({ fileStem }) {
     enableIndirect,
     entity,
     entityToGet,
-    displayedTable,
     modifiedSourcesDataControls,
     pinnedEntries,
+    pinnedData,
     dataSourcesWeights,
     dataSourcesRequired,
   } = useAotfContext();
@@ -181,18 +181,24 @@ function DataDownloader({ fileStem }) {
       getExportedColumns(
         entityToGet,
         state.selectedAssociationAggregationColumnObjectValue,
-        state.selectedPrioritisationAggregationColumnObjectValue
+        state.selectedPrioritisationAggregationColumnObjectValue,
+        pinnedData
       ),
     [
       entityToGet,
       state.selectedAssociationAggregationColumnObjectValue,
       state.selectedPrioritisationAggregationColumnObjectValue,
+      pinnedData,
     ]
   );
   const prioritisationColumns = useMemo(
     () =>
-      getExportedPrioritisationColumns(state.selectedPrioritisationAggregationColumnObjectValue),
-    [state.selectedPrioritisationAggregationColumnObjectValue]
+      getExportedPrioritisationColumns(
+        state.selectedPrioritisationAggregationColumnObjectValue,
+        pinnedData,
+        entityToGet
+      ),
+    [state.selectedPrioritisationAggregationColumnObjectValue, pinnedData, entityToGet]
   );
   const queryResponseSelector = useMemo(() => getRowsQuerySelector(entityToGet), [entityToGet]);
 
diff --git a/apps/platform/src/components/AssociationsToolkit/utils/downloads.js b/apps/platform/src/components/AssociationsToolkit/utils/downloads.js
index b894ceb78..6b9189e0a 100644
--- a/apps/platform/src/components/AssociationsToolkit/utils/downloads.js
+++ b/apps/platform/src/components/AssociationsToolkit/utils/downloads.js
@@ -80,9 +80,18 @@ const asDSV = (columns, rows, separator = ",", quoteStrings = true) => {
 export const getRowsQuerySelector = entityToGet =>
   entityToGet === "target" ? "data.disease.associatedTargets" : "data.target.associatedDiseases";
 
-export const getExportedColumns = (entityToGet, assocArr, prioArr) => {
+export const getExportedColumns = (entityToGet, assocArr, prioArr, pinnedArr) => {
   const nameColumn = entityToGet === "target" ? targetName : diseaseName;
   let exportedColumns = [];
+
+  if (pinnedArr.length > 0) {
+    const pinnedColumns = pinnedArr.map(({ id }) => ({
+      id: "isPinned",
+      exportValue: data => data[entityToGet].id === id,
+    }));
+    exportedColumns = [...exportedColumns, ...pinnedColumns];
+  }
+
   const sources = assocArr.map(({ id }) => ({
     id,
     exportValue: data => {
@@ -93,7 +102,7 @@ export const getExportedColumns = (entityToGet, assocArr, prioArr) => {
     },
   }));
 
-  exportedColumns = [...sources];
+  exportedColumns = [...exportedColumns, ...sources];
 
   if (entityToGet === "target") {
     const prioritisationExportCols = prioArr.map(({ id }) => ({
@@ -106,7 +115,7 @@ export const getExportedColumns = (entityToGet, assocArr, prioArr) => {
       },
     }));
 
-    exportedColumns = [...sources, ...prioritisationExportCols];
+    exportedColumns = [...exportedColumns, ...prioritisationExportCols];
   }
 
   return [
@@ -120,9 +129,17 @@ export const getExportedColumns = (entityToGet, assocArr, prioArr) => {
   ];
 };
 
-export const getExportedPrioritisationColumns = arr => {
+export const getExportedPrioritisationColumns = (arr, pinnedArr, entityToGet) => {
   let exportedColumns = [];
 
+  if (pinnedArr.length > 0) {
+    const pinnedColumns = pinnedArr.map(({ id }) => ({
+      id: "isPinned",
+      exportValue: data => data[entityToGet].id === id,
+    }));
+    exportedColumns = [...exportedColumns, ...pinnedColumns];
+  }
+
   const prioritisationExportCols = arr.map(({ id }) => ({
     id,
     exportValue: data => {
@@ -133,7 +150,7 @@ export const getExportedPrioritisationColumns = arr => {
     },
   }));
 
-  exportedColumns = [...prioritisationExportCols];
+  exportedColumns = [...exportedColumns, ...prioritisationExportCols];
 
   return [
     targetName,

From 0e78b5cfe17c87607453ec60953cf3639a0f6367 Mon Sep 17 00:00:00 2001
From: Chintan Mehta <mchintan24@gmail.com>
Date: Fri, 17 Nov 2023 17:20:18 +0000
Subject: [PATCH 5/8] disclaimer text update

---
 .../src/components/AssociationsToolkit/DataDownloader.jsx   | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/apps/platform/src/components/AssociationsToolkit/DataDownloader.jsx b/apps/platform/src/components/AssociationsToolkit/DataDownloader.jsx
index 21146edb1..71b4d9385 100644
--- a/apps/platform/src/components/AssociationsToolkit/DataDownloader.jsx
+++ b/apps/platform/src/components/AssociationsToolkit/DataDownloader.jsx
@@ -306,9 +306,9 @@ function DataDownloader({ fileStem }) {
             variant="subtitle2"
             gutterBottom
           >
-            By clicking on the download tabs from this view, you will export the entire association
-            table (default option). Please expand the advanced options to export your own customised
-            view.
+            By default, clicking on the download tabs from this view (JSON or TSV) will export the
+            entire association table. Please expand the advanced options to customise the export
+            parameters.
           </Typography>
           <BorderAccordion>
             <AccordionSummary expandIcon={<FontAwesomeIcon icon={faCaretDown} size="lg" />}>

From ea3fe6b9f3a6fa7be8eff288e765863708f540b8 Mon Sep 17 00:00:00 2001
From: Chintan Mehta <mchintan24@gmail.com>
Date: Fri, 17 Nov 2023 17:27:30 +0000
Subject: [PATCH 6/8] select label update

---
 .../src/components/AssociationsToolkit/DataDownloader.jsx | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

diff --git a/apps/platform/src/components/AssociationsToolkit/DataDownloader.jsx b/apps/platform/src/components/AssociationsToolkit/DataDownloader.jsx
index 71b4d9385..aa6550e14 100644
--- a/apps/platform/src/components/AssociationsToolkit/DataDownloader.jsx
+++ b/apps/platform/src/components/AssociationsToolkit/DataDownloader.jsx
@@ -319,14 +319,14 @@ function DataDownloader({ fileStem }) {
               <FormGroup>
                 <FormControl size="small" sx={{ m: 1, maxWidth: "100%" }}>
                   <InputLabel id="select-association-small-label">
-                    Associations Aggregation
+                    Select associations data type
                   </InputLabel>
                   <Select
                     disabled={downloading || onlyTargetData}
                     multiple
                     labelId="select-association-small-label"
                     value={state.associationAggregationSelectValue}
-                    label="Associations Aggregation"
+                    label="Select associations data type"
                     renderValue={selected => selected.join(", ")}
                     onChange={e => {
                       dispatch(
@@ -354,14 +354,14 @@ function DataDownloader({ fileStem }) {
                 {entity === "disease" && (
                   <FormControl size="small" sx={{ m: 1, maxWidth: "100%" }}>
                     <InputLabel id="select-prioritization-small-label">
-                      Prioritisation Aggregation
+                      Select prioritisation data type
                     </InputLabel>
                     <Select
                       disabled={downloading}
                       multiple
                       labelId="select-prioritization-small-label"
                       value={state.prioritisationAggregationSelectValue}
-                      label="Prioritisation Aggregation"
+                      label="Select prioritisation data type"
                       renderValue={selected => selected.join(", ")}
                       onChange={e => {
                         dispatch(

From 4b8e5d498bfe2de27df35117c0919533963f0ea2 Mon Sep 17 00:00:00 2001
From: Chintan Mehta <mchintan24@gmail.com>
Date: Mon, 20 Nov 2023 16:12:35 +0000
Subject: [PATCH 7/8] uploaded rows text added for ppp

---
 .../src/components/AssociationsToolkit/DataDownloader.jsx       | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/apps/platform/src/components/AssociationsToolkit/DataDownloader.jsx b/apps/platform/src/components/AssociationsToolkit/DataDownloader.jsx
index aa6550e14..5fc07d963 100644
--- a/apps/platform/src/components/AssociationsToolkit/DataDownloader.jsx
+++ b/apps/platform/src/components/AssociationsToolkit/DataDownloader.jsx
@@ -407,7 +407,7 @@ function DataDownloader({ fileStem }) {
                       onChange={e => setOnlyPinnedCheckBox(e.target.checked)}
                     />
                   }
-                  label="Only pinned / upload rows"
+                  label={`Only pinned ${isPartnerPreview ? " / uploaded " : ""} rows`}
                 />
 
                 {entity === "disease" && (

From a49eff2f462aaa1563c312af20a8259870d6534f Mon Sep 17 00:00:00 2001
From: Chintan Mehta <mchintan24@gmail.com>
Date: Mon, 20 Nov 2023 16:32:29 +0000
Subject: [PATCH 8/8] copy url button moved

---
 .../AssociationsToolkit/CopyUrlButton.jsx     | 59 +++++++++++++++++++
 .../AssociationsToolkit/DataDownloader.jsx    | 37 +-----------
 .../DiseaseAssociations.jsx                   |  6 +-
 .../TargetAssociations/TargetAssociations.jsx | 20 +++----
 4 files changed, 76 insertions(+), 46 deletions(-)
 create mode 100644 apps/platform/src/components/AssociationsToolkit/CopyUrlButton.jsx

diff --git a/apps/platform/src/components/AssociationsToolkit/CopyUrlButton.jsx b/apps/platform/src/components/AssociationsToolkit/CopyUrlButton.jsx
new file mode 100644
index 000000000..7495dd64e
--- /dev/null
+++ b/apps/platform/src/components/AssociationsToolkit/CopyUrlButton.jsx
@@ -0,0 +1,59 @@
+import { faLink } from "@fortawesome/free-solid-svg-icons";
+import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
+import { Button, Slide, Snackbar } from "@mui/material";
+import { makeStyles } from "@mui/styles";
+import { useState } from "react";
+import { Tooltip } from "ui";
+
+const styles = makeStyles(theme => ({
+  snackbarContentMessage: {
+    display: "flex",
+    justifyContent: "center",
+    alignItems: "center",
+    padding: ".75rem 1rem",
+    width: "100%",
+  },
+  snackbarContentRoot: {
+    padding: 0,
+  },
+}));
+
+function CopyUrlButton() {
+  const classes = styles();
+  const [urlSnackbar, setUrlSnackbar] = useState(false);
+
+  return (
+    <>
+      <Tooltip title="Copy URL. Data sources controls not included">
+        <Button
+          sx={{ mr: theme => theme.spacing(1) }}
+          variant="outlined"
+          onClick={() => {
+            setUrlSnackbar(true);
+            navigator.clipboard.writeText(window.location.href);
+          }}
+        >
+          <FontAwesomeIcon icon={faLink} />
+        </Button>
+      </Tooltip>
+
+      <Snackbar
+        anchorOrigin={{ vertical: "bottom", horizontal: "center" }}
+        open={urlSnackbar}
+        onClose={() => {
+          setUrlSnackbar(false);
+        }}
+        autoHideDuration={2000}
+        TransitionComponent={Slide}
+        ContentProps={{
+          classes: {
+            root: classes.snackbarContentRoot,
+            message: classes.snackbarContentMessage,
+          },
+        }}
+        message="URL copied"
+      />
+    </>
+  );
+}
+export default CopyUrlButton;
diff --git a/apps/platform/src/components/AssociationsToolkit/DataDownloader.jsx b/apps/platform/src/components/AssociationsToolkit/DataDownloader.jsx
index 5fc07d963..2058b3350 100644
--- a/apps/platform/src/components/AssociationsToolkit/DataDownloader.jsx
+++ b/apps/platform/src/components/AssociationsToolkit/DataDownloader.jsx
@@ -52,10 +52,6 @@ const dataSources = OriginalDataSources.filter(e => {
   return;
 });
 
-const LabelContainer = styled("div")({
-  marginBottom: 12,
-});
-
 const BorderAccordion = styled(Accordion)(({ theme }) => ({
   boxShadow: "none",
   border: `1px solid ${theme.palette.primary.light}`,
@@ -175,7 +171,6 @@ function DataDownloader({ fileStem }) {
 
   const [downloading, setDownloading] = useState(false);
   const [anchorEl, setAnchorEl] = useState(null);
-  const [urlSnackbar, setUrlSnackbar] = useState(false);
   const columns = useMemo(
     () =>
       getExportedColumns(
@@ -433,24 +428,13 @@ function DataDownloader({ fileStem }) {
               display: "flex",
               justifyContent: "space-between",
               alignItems: "flex-end",
+              mt: theme => theme.spacing(2),
             }}
           >
             <Box>
-              <Button
-                variant="outlined"
-                startIcon={<FontAwesomeIcon icon={faLink} size="2xs" />}
-                onClick={() => {
-                  setUrlSnackbar(true);
-                  navigator.clipboard.writeText(window.location.href);
-                }}
-              >
-                Copy Url
-              </Button>
+              <Typography>Download data as</Typography>
             </Box>
             <Box>
-              <LabelContainer>
-                <Typography variant="caption">Download data as</Typography>
-              </LabelContainer>
               <Grid container alignItems="center" spacing={3}>
                 <Grid item>
                   <Button variant="outlined" onClick={handleClickDownloadJSON} size="small">
@@ -484,23 +468,6 @@ function DataDownloader({ fileStem }) {
           </>
         }
       />
-
-      <Snackbar
-        anchorOrigin={{ vertical: "bottom", horizontal: "center" }}
-        open={urlSnackbar}
-        onClose={() => {
-          setUrlSnackbar(false);
-        }}
-        autoHideDuration={2000}
-        TransitionComponent={Slide}
-        ContentProps={{
-          classes: {
-            root: classes.snackbarContentRoot,
-            message: classes.snackbarContentMessage,
-          },
-        }}
-        message="URL copied"
-      />
     </div>
   );
 }
diff --git a/apps/platform/src/pages/DiseasePage/DiseaseAssociations/DiseaseAssociations.jsx b/apps/platform/src/pages/DiseasePage/DiseaseAssociations/DiseaseAssociations.jsx
index b53905f01..41bb97869 100644
--- a/apps/platform/src/pages/DiseasePage/DiseaseAssociations/DiseaseAssociations.jsx
+++ b/apps/platform/src/pages/DiseasePage/DiseaseAssociations/DiseaseAssociations.jsx
@@ -13,6 +13,7 @@ import {
   AotFLoader,
 } from "../../../components/AssociationsToolkit";
 import DISEASE_ASSOCIATIONS_QUERY from "./DiseaseAssociationsQuery.gql";
+import CopyUrlButton from "../../../components/AssociationsToolkit/CopyUrlButton";
 
 function AssociationsWrapper() {
   const { initialLoading, id } = useAotfContext();
@@ -29,7 +30,10 @@ function AssociationsWrapper() {
             <DataDownloader fileStem={`${id}-associated-targets`} />
           </OptionsControlls>
         </Box>
-        <TargetPrioritisationSwitch />
+        <Box>
+          <CopyUrlButton />
+          <TargetPrioritisationSwitch />
+        </Box>
       </ControlsSection>
       <TableAssociations />
     </>
diff --git a/apps/platform/src/pages/TargetPage/TargetAssociations/TargetAssociations.jsx b/apps/platform/src/pages/TargetPage/TargetAssociations/TargetAssociations.jsx
index a0b461e63..22d157330 100644
--- a/apps/platform/src/pages/TargetPage/TargetAssociations/TargetAssociations.jsx
+++ b/apps/platform/src/pages/TargetPage/TargetAssociations/TargetAssociations.jsx
@@ -1,5 +1,5 @@
-import { useContext } from 'react';
-import { Box } from '@mui/material';
+import { useContext } from "react";
+import { Box } from "@mui/material";
 import {
   TableAssociations,
   AdvanceOptionsMenu,
@@ -10,8 +10,9 @@ import {
   ControlsSection,
   OptionsControlls,
   AotFLoader,
-} from '../../../components/AssociationsToolkit';
-import TARGET_ASSOCIATIONS_QUERY from './TargetAssociationsQuery.gql';
+} from "../../../components/AssociationsToolkit";
+import TARGET_ASSOCIATIONS_QUERY from "./TargetAssociationsQuery.gql";
+import CopyUrlButton from "../../../components/AssociationsToolkit/CopyUrlButton";
 
 function AssociationsWrapper() {
   const { initialLoading, id } = useContext(AssociationsContext);
@@ -20,13 +21,16 @@ function AssociationsWrapper() {
   return (
     <>
       <ControlsSection>
-        <Box sx={{ display: 'flex', flexWrap: 'wrap' }}>
+        <Box sx={{ display: "flex", flexWrap: "wrap" }}>
           <SearhInput />
           <OptionsControlls>
             <AdvanceOptionsMenu />
             <DataDownloader fileStem={`${id}-associated-targets`} />
           </OptionsControlls>
         </Box>
+        <Box>
+          <CopyUrlButton />
+        </Box>
       </ControlsSection>
       <TableAssociations />
     </>
@@ -36,11 +40,7 @@ function AssociationsWrapper() {
 /* TARGET ASSOCIATION  */
 function TargetAssociations({ ensgId }) {
   return (
-    <AssociationsProvider
-      id={ensgId}
-      entity="target"
-      query={TARGET_ASSOCIATIONS_QUERY}
-    >
+    <AssociationsProvider id={ensgId} entity="target" query={TARGET_ASSOCIATIONS_QUERY}>
       <AssociationsWrapper />
     </AssociationsProvider>
   );