From 83002318ecd2ece31c162340da0c9c1c3e3642b8 Mon Sep 17 00:00:00 2001
From: mheggelund <maohe@equinor.com>
Date: Wed, 31 Jan 2024 13:41:41 +0100
Subject: [PATCH] fix: test rewrite router

---
 src/features/AppBar/Navigation/Navigation.tsx | 12 ++-
 src/router.tsx                                | 86 ++++++++-----------
 2 files changed, 48 insertions(+), 50 deletions(-)

diff --git a/src/features/AppBar/Navigation/Navigation.tsx b/src/features/AppBar/Navigation/Navigation.tsx
index f3cc07bf..5946c08e 100644
--- a/src/features/AppBar/Navigation/Navigation.tsx
+++ b/src/features/AppBar/Navigation/Navigation.tsx
@@ -1,8 +1,18 @@
 import { Tabs } from '@equinor/eds-core-react';
 import { useNavigate } from 'react-router-dom';
-import { tabs } from '../../../router';
 import * as Styled from './Navigation.styled';
 
+interface Tab {
+  title: string;
+  path: string;
+}
+
+const tabs: Tab[] = [
+  { title: 'Models', path: '/' },
+  { title: 'API', path: 'api' },
+  { title: 'About', path: 'about' },
+];
+
 export const Navigation = () => {
   const navigate = useNavigate();
 
diff --git a/src/router.tsx b/src/router.tsx
index 5eeffc0b..d4d77f34 100644
--- a/src/router.tsx
+++ b/src/router.tsx
@@ -1,4 +1,4 @@
-import { createBrowserRouter, NonIndexRouteObject } from 'react-router-dom';
+import { createBrowserRouter } from 'react-router-dom';
 import { App } from './App';
 import { ModelView } from './features/ModelView/ModelView';
 import { About } from './pages/About/About';
@@ -11,69 +11,57 @@ import { Model } from './pages/ModelPages/Model/Model';
 import { ObjectResult } from './pages/ModelPages/Results/ObjectResult/ObjectResult';
 import { VariogramResults } from './pages/ModelPages/Results/VariogramResults/VariogramResults';
 
-interface Tab extends Required<Pick<NonIndexRouteObject, 'path' | 'element'>> {
-  title: string;
-}
-
-const tabs: Tab[] = [
-  { title: 'Models', path: '/', element: <Browse /> },
-  { title: 'API', path: 'api', element: <Api /> },
-  { title: 'About', path: 'about', element: <About /> },
-];
-
-const appRoutes = [
-  {
-    index: true,
-    element: <Browse />,
-  },
-  {
-    path: 'api',
-    element: <Api />,
-  },
-  {
-    path: 'about',
-    element: <About />,
-  },
+const router = createBrowserRouter([
   {
-    path: ':modelId/',
-    element: <Model />,
+    path: '/',
+    element: <App />,
     children: [
       {
-        path: 'details',
-        element: <ModelView />,
+        index: true,
+        element: <Browse />,
       },
-
       {
-        path: 'compute/variogram',
-        element: <ComputeVariogram />,
+        path: 'api',
+        element: <Api />,
       },
       {
-        path: 'compute/object',
-        element: <ComputeObject />,
-      },
-
-      {
-        path: 'results/variogram',
-        element: <VariogramResults />,
+        path: 'about',
+        element: <About />,
       },
       {
-        path: 'results/object',
-        element: <ObjectResult />,
+        path: ':modelId/',
+        element: <Model />,
+        children: [
+          {
+            path: 'details',
+            element: <ModelView />,
+          },
+
+          {
+            path: 'compute/variogram',
+            element: <ComputeVariogram />,
+          },
+          {
+            path: 'compute/object',
+            element: <ComputeObject />,
+          },
+
+          {
+            path: 'results/variogram',
+            element: <VariogramResults />,
+          },
+          {
+            path: 'results/object',
+            element: <ObjectResult />,
+          },
+        ],
       },
     ],
   },
-];
-
-const router = createBrowserRouter([
-  {
-    path: '/',
-    element: <App />,
-    children: appRoutes,
-  },
   {
     path: '*',
     element: <InvalidURL />,
   },
 ]);
 
-export { router, tabs };
+export { router };