Cleaner header and hub

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

@@ -6,10 +6,10 @@ import { Header } from "../../components";
 export const FirmRoutes = () => {
   return (
     <>
-      <Header />
       <Routes>
         <Route path="/:instance/:firm/*" element={
           <FirmContextProvider>
+            <Header />
             <Routes>
               <Route index element={ <FirmHome /> } />
             </Routes>

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

@@ -21,17 +21,15 @@ export const HubRoutes = () => {
 };
 
 const HubHome = () => {
-  const { data: user, refetch } = useGetIdentity<IAuthUser>();
+  const { data: user } = useGetIdentity<IAuthUser>();
   const { data: list } = useList<IFirm>({resource: "hub/users/firms/", pagination: { mode: "off" }}, )
   if (user === undefined || list === undefined) {
     return <p>Loading</p>;
   }
-  console.log("list data: ", list);
   const ownedFirms = list.data;
   if (user === undefined || ownedFirms === undefined) {
     return <p>Loading</p>
   }
-  console.log("owned firms: ", ownedFirms);
   return (
     <div>
       <h1>HUB</h1>
@@ -41,6 +39,7 @@ const HubHome = () => {
              <li key={index}>{f.instance} / {f.firm}</li>
          ))}
       </ul>
+      <Link to="/hub/create-firm" ><Button>Create a new firm</Button></Link>
       <p>List of firm you're working at</p>
       <ul>
         {user.firms.map((f: IFirm, index) => (
@@ -49,8 +48,6 @@ const HubHome = () => {
              </li>
          ))}
       </ul>
-      <Link to="/hub/create-firm" ><Button>Create a new firm</Button></Link>
-      <Button onClick={() => refetch()}>Refresh</Button>
     </div>
   )
 }