Layout Hub foundation

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 />} />

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 = () => {
 

gui/rpk-gui/src/pages/hub/CreateFirm.tsx

@@ -0,0 +1,9 @@
+
+export const CreateFirm = () => {
+
+  return (
+    <div>
+      <h1>Create Firm</h1>
+    </div>
+  )
+}

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>
+  );
+};