From 684cdf0bb12427d993ce7382083a42724f157ab2 Mon Sep 17 00:00:00 2001
From: ewandor <ewandor@dorfsvald.net>
Date: Mon, 7 Apr 2025 16:48:39 +0200
Subject: [PATCH] Layout Hub foundation

---
 gui/rpk-gui/src/App.tsx                       | 22 +++++++++----------
 .../auth/ForgotPassword.tsx}                  |  0
 .../index.tsx => components/auth/Login.tsx}   |  0
 .../auth/Register.tsx}                        |  0
 .../auth/UpdatePassword.tsx}                  |  3 ---
 gui/rpk-gui/src/pages/hub/CreateFirm.tsx      |  9 ++++++++
 gui/rpk-gui/src/pages/hub/index.tsx           | 13 +++++++++++
 7 files changed, 33 insertions(+), 14 deletions(-)
 rename gui/rpk-gui/src/{pages/forgotPassword/index.tsx => components/auth/ForgotPassword.tsx} (100%)
 rename gui/rpk-gui/src/{pages/login/index.tsx => components/auth/Login.tsx} (100%)
 rename gui/rpk-gui/src/{pages/register/index.tsx => components/auth/Register.tsx} (100%)
 rename gui/rpk-gui/src/{pages/updatePassword/index.tsx => components/auth/UpdatePassword.tsx} (57%)
 create mode 100644 gui/rpk-gui/src/pages/hub/CreateFirm.tsx
 create mode 100644 gui/rpk-gui/src/pages/hub/index.tsx

diff --git a/gui/rpk-gui/src/App.tsx b/gui/rpk-gui/src/App.tsx
index e3a502d..97775e5 100644
--- a/gui/rpk-gui/src/App.tsx
+++ b/gui/rpk-gui/src/App.tsx
@@ -1,6 +1,4 @@
-import {Authenticated, GitHubBanner, Refine, WelcomePage} from "@refinedev/core";
-import { DevtoolsPanel, DevtoolsProvider } from "@refinedev/devtools";
-import { RefineKbar, RefineKbarProvider } from "@refinedev/kbar";
+import { Authenticated, Refine } from "@refinedev/core";
 
 import {
   RefineSnackbarProvider, RefineThemes,
@@ -9,21 +7,23 @@ import {
 
 import CssBaseline from "@mui/material/CssBaseline";
 import GlobalStyles from "@mui/material/GlobalStyles";
+import { ThemeProvider } from "@mui/material/styles";
 import routerBindings, {
   CatchAllNavigate,
   DocumentTitleHandler,
   UnsavedChangesNotifier,
 } from "@refinedev/react-router";
 import dataProvider from "@refinedev/simple-rest";
-import {BrowserRouter, Outlet, Route, Routes, Catch} from "react-router";
+import { BrowserRouter, Outlet, Route, Routes } from "react-router";
 import { authProvider } from "./providers/auth-provider";
 import { ColorModeContextProvider } from "./contexts/color-mode";
-import {Login} from "./pages/login";
-import {Register} from "./pages/register";
-import {ForgotPassword} from "./pages/forgotPassword";
-import {Header} from "./components";
-import {ThemeProvider} from "@mui/material/styles";
-import {UpdatePassword} from "./pages/updatePassword";
+import { Login } from "./components/auth/Login";
+import { Register } from "./components/auth/Register";
+import { ForgotPassword } from "./components/auth/ForgotPassword";
+import { UpdatePassword } from "./components/auth/UpdatePassword";
+
+import { Header } from "./components";
+import {Hub} from "./pages/hub";
 
 function App() {
   return (
@@ -54,7 +54,7 @@ function App() {
                         </Authenticated>
                     )}
                 >
-                  <Route path="/toto" element={<h1>Where are in</h1>} />
+                  <Route path="/hub" element={ <Hub /> } />
                 </Route>
                 <Route index element={<h1>HOME</h1>} />
                 <Route path="/login" element={<Login />} />
diff --git a/gui/rpk-gui/src/pages/forgotPassword/index.tsx b/gui/rpk-gui/src/components/auth/ForgotPassword.tsx
similarity index 100%
rename from gui/rpk-gui/src/pages/forgotPassword/index.tsx
rename to gui/rpk-gui/src/components/auth/ForgotPassword.tsx
diff --git a/gui/rpk-gui/src/pages/login/index.tsx b/gui/rpk-gui/src/components/auth/Login.tsx
similarity index 100%
rename from gui/rpk-gui/src/pages/login/index.tsx
rename to gui/rpk-gui/src/components/auth/Login.tsx
diff --git a/gui/rpk-gui/src/pages/register/index.tsx b/gui/rpk-gui/src/components/auth/Register.tsx
similarity index 100%
rename from gui/rpk-gui/src/pages/register/index.tsx
rename to gui/rpk-gui/src/components/auth/Register.tsx
diff --git a/gui/rpk-gui/src/pages/updatePassword/index.tsx b/gui/rpk-gui/src/components/auth/UpdatePassword.tsx
similarity index 57%
rename from gui/rpk-gui/src/pages/updatePassword/index.tsx
rename to gui/rpk-gui/src/components/auth/UpdatePassword.tsx
index f57d70a..a983df9 100644
--- a/gui/rpk-gui/src/pages/updatePassword/index.tsx
+++ b/gui/rpk-gui/src/components/auth/UpdatePassword.tsx
@@ -1,7 +1,4 @@
 import { AuthPage } from "@refinedev/mui";
-import type {RegisterFormTypes} from "@refinedev/core";
-
-import { useParams } from "react-router"
 
 export const UpdatePassword = () => {
 
diff --git a/gui/rpk-gui/src/pages/hub/CreateFirm.tsx b/gui/rpk-gui/src/pages/hub/CreateFirm.tsx
new file mode 100644
index 0000000..5b964b0
--- /dev/null
+++ b/gui/rpk-gui/src/pages/hub/CreateFirm.tsx
@@ -0,0 +1,9 @@
+
+export const CreateFirm = () => {
+
+  return (
+    <div>
+      <h1>Create Firm</h1>
+    </div>
+  )
+}
diff --git a/gui/rpk-gui/src/pages/hub/index.tsx b/gui/rpk-gui/src/pages/hub/index.tsx
new file mode 100644
index 0000000..ea6db91
--- /dev/null
+++ b/gui/rpk-gui/src/pages/hub/index.tsx
@@ -0,0 +1,13 @@
+import {Button} from "@mui/material";
+
+export const Hub = () => {
+
+  return (
+    <div>
+      <h1>HUB</h1>
+      <p>List of managed firms</p>
+      <p>List of firm you're working atx</p>
+      <p><Button>Create a new firm</Button></p>
+    </div>
+  );
+};