From 66db350f421b5dbedf450f839e44e9dfd5b2a97b Mon Sep 17 00:00:00 2001
From: Milo Hyben <milo.hyben@gmail.com>
Date: Thu, 20 Jun 2024 11:37:27 +1000
Subject: [PATCH] Link AnalysisRunnerGrid to Billing, add copy to clipboard
 button.

---
 .../AnalysisRunnerView/AnalysisRunnerGrid.tsx   | 17 ++++++++++++++---
 1 file changed, 14 insertions(+), 3 deletions(-)

diff --git a/web/src/pages/project/AnalysisRunnerView/AnalysisRunnerGrid.tsx b/web/src/pages/project/AnalysisRunnerView/AnalysisRunnerGrid.tsx
index 6a4142e98..1c109a709 100644
--- 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>
         ),
     },