diff --git a/src/frontend/src/pages/Index/Settings/AdminCenter/HomePanel.tsx b/src/frontend/src/pages/Index/Settings/AdminCenter/HomePanel.tsx
new file mode 100644
index 0000000000..d0fd1d0cf4
--- /dev/null
+++ b/src/frontend/src/pages/Index/Settings/AdminCenter/HomePanel.tsx
@@ -0,0 +1,14 @@
+import { Trans } from '@lingui/macro';
+import { Divider, Stack, Title } from '@mantine/core';
+
+export default function HomePanel() {
+ return (
+
+
+ Home Status Panel
+
+
+
+
+ );
+}
diff --git a/src/frontend/src/pages/Index/Settings/AdminCenter/Index.tsx b/src/frontend/src/pages/Index/Settings/AdminCenter/Index.tsx
index eda07e388a..0e825d6d02 100644
--- a/src/frontend/src/pages/Index/Settings/AdminCenter/Index.tsx
+++ b/src/frontend/src/pages/Index/Settings/AdminCenter/Index.tsx
@@ -1,6 +1,7 @@
import { Trans, t } from '@lingui/macro';
import {
Divider,
+ Flex,
Paper,
SimpleGrid,
Skeleton,
@@ -14,6 +15,7 @@ import {
IconDevicesPc,
IconExclamationCircle,
IconFileUpload,
+ IconHome,
IconList,
IconListDetails,
IconPackages,
@@ -26,6 +28,7 @@ import {
} from '@tabler/icons-react';
import { lazy, useMemo } from 'react';
+import { ActionButton } from '../../../../components/buttons/ActionButton';
import PermissionDenied from '../../../../components/errors/PermissionDenied';
import { PlaceholderPill } from '../../../../components/items/Placeholder';
import { PanelGroup, PanelType } from '../../../../components/nav/PanelGroup';
@@ -40,6 +43,8 @@ const ReportTemplatePanel = Loadable(
const LabelTemplatePanel = Loadable(lazy(() => import('./LabelTemplatePanel')));
+const HomePanel = Loadable(lazy(() => import('./HomePanel')));
+
const UserManagementPanel = Loadable(
lazy(() => import('./UserManagementPanel'))
);
@@ -93,6 +98,12 @@ export default function AdminCenter() {
const adminCenterPanels: PanelType[] = useMemo(() => {
return [
+ {
+ name: 'home',
+ label: t`Home`,
+ icon: ,
+ content:
+ },
{
name: 'user',
label: t`Users`,
@@ -191,21 +202,33 @@ export default function AdminCenter() {
Quick Actions
-
-
-
- Add a new user
-
-
+
+ }
+ color="blue"
+ size="lg"
+ radius="sm"
+ variant="filled"
+ tooltip={t`Go to Home`}
+ onClick={() => console.log('Home')}
+ />
+
+
+
+
+ Add a new user
+
+
-
-
-
+
+
+
-
-
-
-
+
+
+
+
+
);