Adding multi tenant check and Starting firm initialization

gui/rpk-gui/src/pages/firm/index.tsx

@@ -2,6 +2,9 @@ import {Route, Routes} from "react-router";
 import React, { useContext } from "react";
 import { FirmContext, FirmContextProvider } from "../../contexts/FirmContext";
 import { Header } from "../../components";
+import { useOne } from "@refinedev/core";
+import { CrudForm } from "../../lib/crud/components/crud-form";
+import { IFirm } from "../../interfaces";
 
 export const FirmRoutes = () => {
   return (
@@ -22,7 +25,31 @@ export const FirmRoutes = () => {
 
 const FirmHome = () => {
   const { currentFirm } = useContext(FirmContext);
+  const { data: firm, isError, error, isLoading } = useOne({resource: 'firm', id: `${currentFirm.instance}/${currentFirm.firm}`, errorNotification: false})
+
+  if (isLoading) {
+    return <h1>Loading...</h1>
+  }
+
+  if (isError && error?.statusCode == 405) {
+    return <FirmInitForm currentFirm={currentFirm} />
+  }
+
   return (
     <h1>This is la firme {currentFirm.instance} / {currentFirm.firm}</h1>
   );
 }
+
+type FirmInitFormPros = {
+  currentFirm: IFirm
+}
+
+const FirmInitForm = (props: FirmInitFormPros) => {
+  const { currentFirm } = props;
+  return (
+    <>
+      <h1>Initialization of {`${currentFirm.instance} / ${currentFirm.firm}`}</h1>
+      <CrudForm schemaName={"CurrentFirmSchemaCreate"} resource={`/firm/${currentFirm.instance}/${currentFirm.firm}`} />
+    </>
+  )
+}