From cf218010d355dbdd72a6cd78522965af1209c7db Mon Sep 17 00:00:00 2001
From: mheggelund <maohe@equinor.com>
Date: Thu, 19 Oct 2023 14:08:13 +0200
Subject: [PATCH] chore: Add navigate button to each row in model. Removed
 hardcoded button in browse file.

---
 src/components/Table.tsx    | 25 +++++++++++++++++++++++--
 src/pages/Browse/Browse.tsx |  3 ---
 2 files changed, 23 insertions(+), 5 deletions(-)

diff --git a/src/components/Table.tsx b/src/components/Table.tsx
index 8735d8aa..96508401 100644
--- a/src/components/Table.tsx
+++ b/src/components/Table.tsx
@@ -1,15 +1,21 @@
-import { Chip } from '@equinor/eds-core-react';
+/* eslint-disable max-lines-per-function */
+import { Button, Chip } from '@equinor/eds-core-react';
 import { EdsDataGrid } from '@equinor/eds-data-grid-react';
-import * as Styled from './Table.styled';
 import { useQuery } from '@tanstack/react-query';
+import { useNavigate } from 'react-router-dom';
 import { AnalogueModelsService } from '../api/generated';
+import * as Styled from './Table.styled';
 
 export const Table = () => {
   const { isLoading, data } = useQuery({
     queryKey: ['analogue-models'],
     queryFn: () => AnalogueModelsService.getApiAnalogueModels(),
   });
+
+  const navigate = useNavigate();
+
   if (isLoading || !data?.success) return <p>Loading...</p>;
+
   return (
     <Styled.StyledDiv>
       <EdsDataGrid
@@ -60,6 +66,21 @@ export const Table = () => {
             header: 'Status',
             id: 'isProcessed',
           },
+
+          {
+            accessorKey: 'navigate',
+            cell: ({ row }) => (
+              <Button
+                onClick={() => {
+                  navigate(`/model/${row.original.analogueModelId}/details`);
+                }}
+              >
+                Go to model
+              </Button>
+            ),
+            header: '',
+            id: 'navigate',
+          },
         ]}
       />
     </Styled.StyledDiv>
diff --git a/src/pages/Browse/Browse.tsx b/src/pages/Browse/Browse.tsx
index d95724d6..1fb476aa 100644
--- a/src/pages/Browse/Browse.tsx
+++ b/src/pages/Browse/Browse.tsx
@@ -98,9 +98,6 @@ export const Browse = () => {
         <Typography variant="h1">Browse all models</Typography>
         <div className="btn-div">
           <Button onClick={toggleDialog}>Add new model</Button>
-          <Button href="/model/4e999a96-34a3-4121-998d-08dbb2a7609c/details">
-            Model view - Hardkodet
-          </Button>
         </div>
         <Table />
       </Styled.BrowseWrapper>