sevago-sso-fe 1.0.82 → 1.0.83

package/dist/index.cjs.js

@@ -9790,6 +9790,13 @@ const SystemMonitorSidebarPart = ({
 const SystemMonitorScreen = ({ blacklist, env, onClickApp }) => {
   const theme = useTheme();
   const [tab, setTab] = React.useState(AppGroup.ALL);
+  const getAppsForGroup = (group) => Object.keys(APP_OBJ).filter((key) => {
+    const e = APP_OBJ[key];
+    const isBlacklisted = !!blacklist?.includes(key);
+    const isInSelectedGroup = group === AppGroup.ALL ? true : e.group === group;
+    return !isBlacklisted && isInSelectedGroup;
+  }).map((key) => APP_OBJ[key]);
+  const appsForCurrentTab = getAppsForGroup(tab);
   return /* @__PURE__ */ jsxRuntime.jsx(
     MotionBox,
     {
@@ -9821,28 +9828,29 @@ const SystemMonitorScreen = ({ blacklist, env, onClickApp }) => {
                   width: "100%",
                   justifyContent: "flex-start"
                 },
-                children: Object.values(AppGroup).map((g) => /* @__PURE__ */ jsxRuntime.jsx(MotionBox, { sx: { position: "relative" }, preset: "tabUnderline", children: /* @__PURE__ */ jsxRuntime.jsx(
-                  material.Typography,
-                  {
-                    onClick: () => setTab(g),
-                    sx: {
-                      cursor: "pointer",
-                      color: tab === g ? theme.palette.common.white : theme.palette.grey[300]
-                    },
-                    children: g
+                children: Object.values(AppGroup).map((g) => {
+                  const appsForGroup = getAppsForGroup(g);
+                  if (appsForGroup.length === 0) {
+                    return null;
                   }
-                ) }, g))
+                  return /* @__PURE__ */ jsxRuntime.jsx(MotionBox, { sx: { position: "relative" }, preset: "tabUnderline", children: /* @__PURE__ */ jsxRuntime.jsx(
+                    material.Typography,
+                    {
+                      onClick: () => setTab(g),
+                      sx: {
+                        cursor: "pointer",
+                        color: tab === g ? theme.palette.common.white : theme.palette.grey[300]
+                      },
+                      children: g
+                    }
+                  ) }, g);
+                })
               }
             ),
             /* @__PURE__ */ jsxRuntime.jsx(MotionBox, { preset: "tabContent", children: /* @__PURE__ */ jsxRuntime.jsx(
               AppGrid,
               {
-                apps: Object.keys(APP_OBJ).filter((key) => {
-                  const e = APP_OBJ[key];
-                  const isBlacklisted = !!blacklist?.includes(key);
-                  const isInSelectedGroup = tab === AppGroup.ALL ? true : e.group === tab;
-                  return !isBlacklisted && isInSelectedGroup;
-                }).map((key) => APP_OBJ[key]),
+                apps: appsForCurrentTab,
                 iconSize: 80,
                 iconRadius: 7,
                 gap: PADDING_GAP_TAB,