From 6b9e9730812b163ce2cde3da079415e082aa4258 Mon Sep 17 00:00:00 2001
From: Bagasbanuna02 <bagasbanuna02@gmail.com>
Date: Sat, 29 Jul 2023 10:47:57 +0800
Subject: [PATCH] feat(app / dev / dashboard super admin): - membuat layout -
 membuat page

---
 src/app/dev/dashboard-super-admin/layout.tsx | 64 ++++++++++++++++++++
 src/app/dev/dashboard-super-admin/page.tsx   |  7 +++
 2 files changed, 71 insertions(+)
 create mode 100644 src/app/dev/dashboard-super-admin/layout.tsx
 create mode 100644 src/app/dev/dashboard-super-admin/page.tsx

diff --git a/src/app/dev/dashboard-super-admin/layout.tsx b/src/app/dev/dashboard-super-admin/layout.tsx
new file mode 100644
index 00000000..ae0f212a
--- /dev/null
+++ b/src/app/dev/dashboard-super-admin/layout.tsx
@@ -0,0 +1,64 @@
+"use client";
+import {
+  AppShell,
+  Box,
+  Burger,
+  Button,
+  Flex,
+  Group,
+  Header,
+  MediaQuery,
+  Menu,
+  Text,
+  useMantineTheme,
+} from "@mantine/core";
+import router from "next/router";
+import { useState } from "react";
+
+export default function LayoutDashboardSuperAdmin({
+  children,
+}: {
+  children: React.ReactNode;
+}) {
+  const theme = useMantineTheme();
+  const [opened, setOpened] = useState(false);
+
+  return (
+    <>
+      <AppShell
+        styles={{
+          main: {
+            background:
+              theme.colorScheme === "dark"
+                ? theme.colors.dark[8]
+                : theme.colors.gray[0],
+          },
+        }}
+        // navbarOffsetBreakpoint="sm"
+        // asideOffsetBreakpoint="sm"
+        header={
+          <Header height={{ base: 50, md: 70 }} p="md">
+            <div style={{ height: "100%" }}>
+              <MediaQuery largerThan="sm" styles={{ display: "none" }}>
+                <Burger
+                  opened={opened}
+                  onClick={() => setOpened((o) => !o)}
+                  size="sm"
+                  color={theme.colors.gray[6]}
+                  mr="xl"
+                />
+              </MediaQuery>
+
+              <Group position="apart">
+                <Text>Dashboard Super Admin</Text>
+                <Button>Super Admin</Button>
+              </Group>
+            </div>
+          </Header>
+        }
+      >
+        {children}
+      </AppShell>
+    </>
+  );
+}
diff --git a/src/app/dev/dashboard-super-admin/page.tsx b/src/app/dev/dashboard-super-admin/page.tsx
new file mode 100644
index 00000000..d88efe4e
--- /dev/null
+++ b/src/app/dev/dashboard-super-admin/page.tsx
@@ -0,0 +1,7 @@
+import DashboardSuperAdmin from "@/modules/dashboard_super_admin";
+
+export default function PageDashboardSuperAdmin(){
+    return <>
+    <DashboardSuperAdmin/>
+    </>
+}
\ No newline at end of file