chore: extended dashboard for cloud

Author: svedova

src/layouts/AdminLayout/AdminLayout.tsx

@@ -6,15 +6,17 @@ import Error404 from "~/components/Errors/Error404";
 import Card from "~/components/Card";
 import CardHeader from "~/components/CardHeader";
 import MenuLink from "~/components/MenuLink";
+import System from "~/pages/admin/System";
+import { RootContext } from "~/pages/Root.context";
 import { useSelectedTeam } from "../TopMenu/Teams/actions";
 import TopMenu from "../TopMenu";
-import System from "~/pages/admin/System";
 
 interface Props {
   children: React.ReactNode;
 }
 
 export default function AdminLayout({ children }: Props) {
+  const { details } = useContext(RootContext);
   const { user, teams } = useContext(AuthContext);
   const selectedTeam = useSelectedTeam({ teams });
   const { pathname } = useLocation();
@@ -23,6 +25,8 @@ export default function AdminLayout({ children }: Props) {
     return <Error404 />;
   }
 
+  const isCloud = details?.stormkit?.edition === "cloud";
+
   return (
     <Box
       component="main"
@@ -100,6 +104,15 @@ export default function AdminLayout({ children }: Props) {
                   isActive: pathname.includes("/admin/proxies"),
                 }}
               />
+              {isCloud && (
+                <MenuLink
+                  item={{
+                    path: "/admin/cloud/apps",
+                    text: "Apps",
+                    isActive: pathname.includes("/admin/cloud/apps"),
+                  }}
+                />
+              )}
             </Box>
             {pathname === "/admin" ? <System /> : children}
           </Card>

src/pages/Root.tsx

@@ -51,12 +51,25 @@ export default function Root({ Router }: Props) {
           <Router>
             <AuthContext>
               <Routes>
-                {routes.map(route => (
-                  <Route
-                    {...route}
-                    key={Array.isArray(route.path) ? route.path[0] : route.path}
-                  />
-                ))}
+                {routes
+                  .map(route => {
+                    if (
+                      route.cloudOnly &&
+                      details?.stormkit?.edition !== "cloud"
+                    ) {
+                      return null;
+                    }
+
+                    return (
+                      <Route
+                        {...route}
+                        key={
+                          Array.isArray(route.path) ? route.path[0] : route.path
+                        }
+                      />
+                    );
+                  })
+                  .filter(i => i)}
               </Routes>
             </AuthContext>
           </Router>