Link AnalysisRunnerGrid to Billing, add copy to clipboard button.

populationgenomics · Jun 20, 2024 · 66db350 · 66db350
1 parent c274e0c
commit 66db350
Showing 1 changed file with 14 additions and 3 deletions.
diff --git a/web/src/pages/project/AnalysisRunnerView/AnalysisRunnerGrid.tsx b/web/src/pages/project/AnalysisRunnerView/AnalysisRunnerGrid.tsx
@@ -1,5 +1,5 @@
 import * as React from 'react'
-import { Table as SUITable, Popup, Checkbox } from 'semantic-ui-react'
+import { Table as SUITable, Popup, Checkbox, Button, Label, Icon } from 'semantic-ui-react'
 import _, { Dictionary } from 'lodash'
 import Table from '../../../shared/components/Table'
 import sanitiseValue from '../../../shared/utilities/sanitiseValue'
@@ -56,13 +56,24 @@ const MAIN_FIELDS: IMainField[] = [
                             cursor: 'pointer',
                         }}
                     >
-                        {log.arGuid.substring(0, 7)}
+                        <a
+                            href={`${`/billing/costByAnalysis?searchType=0&searchTxt=${log.arGuid}`}`}
+                            rel="noopener noreferrer"
+                            target="_blank"
+                        >
+                            {log.arGuid.substring(0, 7)}
+                        </a>
                     </span>
                 }
                 hoverable
                 position="bottom center"
             >
-                {log.arGuid}
+                <Button as="div" labelPosition="left">
+                    <Label basic>{log.arGuid}</Label>
+                    <Button icon onClick={() => navigator.clipboard.writeText(log.arGuid)}>
+                        <Icon name="copy" />
+                    </Button>
+                </Button>
             </Popup>
         ),
     },