From 48c34aa26ca95c3ded57fdb19386bbffc3a52406 Mon Sep 17 00:00:00 2001
From: Bagasbanuna02 <bagasbanuna02@gmail.com>
Date: Tue, 5 Aug 2025 12:11:25 +0800
Subject: [PATCH] Admin Add: - app/(application)/(admin)/

## No Issue
---
 app/(application)/(admin)/_layout.tsx     | 43 +++++++++++++++++++++++
 app/(application)/(admin)/dashboard.tsx   |  9 +++++
 app/(application)/(admin)/information.tsx |  9 +++++
 app/(application)/(admin)/maps.tsx        |  9 +++++
 app/(application)/_layout.tsx             |  1 +
 screens/Authentication/LoginView.tsx      |  4 +--
 screens/Profile/ListPage.tsx              | 16 ++++++---
 screens/Profile/menuDrawerSection.tsx     |  9 +++--
 8 files changed, 91 insertions(+), 9 deletions(-)
 create mode 100644 app/(application)/(admin)/_layout.tsx
 create mode 100644 app/(application)/(admin)/dashboard.tsx
 create mode 100644 app/(application)/(admin)/information.tsx
 create mode 100644 app/(application)/(admin)/maps.tsx

diff --git a/app/(application)/(admin)/_layout.tsx b/app/(application)/(admin)/_layout.tsx
new file mode 100644
index 0000000..feb1688
--- /dev/null
+++ b/app/(application)/(admin)/_layout.tsx
@@ -0,0 +1,43 @@
+/* eslint-disable @typescript-eslint/no-unused-vars */
+import { AccentColor, MainColor } from "@/constants/color-palet";
+import { ICON_SIZE_SMALL } from "@/constants/constans-value";
+import { GStyles } from "@/styles/global-styles";
+import { FontAwesome6, Ionicons } from "@expo/vector-icons";
+import { Stack } from "expo-router";
+import { useState } from "react";
+
+export default function AdminLayout() {
+  const [openDrawer, setOpenDrawer] = useState(false);
+  return (
+    <>
+      <Stack
+        screenOptions={{
+          headerStyle: GStyles.headerStyle,
+          headerTitleStyle: GStyles.headerTitleStyle,
+          headerTitleAlign: "center",
+          contentStyle: {
+            borderBottomColor: AccentColor.blue,
+          },
+          headerLeft: () => (
+            <Ionicons
+              name="menu"
+              size={ICON_SIZE_SMALL}
+              color={MainColor.white}
+            />
+          ),
+          headerRight: () => (
+            <FontAwesome6
+              name="circle-user"
+              size={ICON_SIZE_SMALL}
+              color={MainColor.white}
+            />
+          ),
+        }}
+      >
+        <Stack.Screen name="dashboard" options={{ title: "Dashboard" }} />
+        <Stack.Screen name="maps" options={{ title: "Maps" }} />
+        <Stack.Screen name="information" options={{ title: "Information" }} />
+      </Stack>
+    </>
+  );
+}
diff --git a/app/(application)/(admin)/dashboard.tsx b/app/(application)/(admin)/dashboard.tsx
new file mode 100644
index 0000000..6086291
--- /dev/null
+++ b/app/(application)/(admin)/dashboard.tsx
@@ -0,0 +1,9 @@
+import { Text } from "react-native";
+
+export default function AdminDashboard() {
+  return (
+    <>
+      <Text>Dashboard</Text>
+    </>
+  );
+}
diff --git a/app/(application)/(admin)/information.tsx b/app/(application)/(admin)/information.tsx
new file mode 100644
index 0000000..af064e9
--- /dev/null
+++ b/app/(application)/(admin)/information.tsx
@@ -0,0 +1,9 @@
+import { Text } from "react-native";
+
+export default function AdminInformation() {
+  return (
+    <>
+      <Text>Information</Text>
+    </>
+  );
+}
diff --git a/app/(application)/(admin)/maps.tsx b/app/(application)/(admin)/maps.tsx
new file mode 100644
index 0000000..26afa53
--- /dev/null
+++ b/app/(application)/(admin)/maps.tsx
@@ -0,0 +1,9 @@
+import { Text } from "react-native";
+
+export default function AdminMaps() {
+  return (
+    <>
+      <Text>Maps</Text>
+    </>
+  );
+}
diff --git a/app/(application)/_layout.tsx b/app/(application)/_layout.tsx
index ad1a073..91cf527 100644
--- a/app/(application)/_layout.tsx
+++ b/app/(application)/_layout.tsx
@@ -7,6 +7,7 @@ export default function ApplicationLayout() {
     <>
       <Stack screenOptions={HeaderStyles}>
         <Stack.Screen name="(user)" options={{ headerShown: false }} />
+        <Stack.Screen name="(admin)" options={{ headerShown: false }} />
 
         {/* Take Picture */}
         <Stack.Screen
diff --git a/screens/Authentication/LoginView.tsx b/screens/Authentication/LoginView.tsx
index 1b427da..280bc37 100644
--- a/screens/Authentication/LoginView.tsx
+++ b/screens/Authentication/LoginView.tsx
@@ -30,9 +30,9 @@ export default function LoginView() {
     const id = randomAlfabet + randomNumber + fixNumber;
     console.log("login user id :", id);
 
-    router.navigate("/verification");
+    // router.navigate("/verification");
     // router.navigate(`/(application)/(user)/profile/${id}`);
-    // router.navigate("/(application)/(user)/home");
+    router.navigate("/(application)/(user)/home");
     // router.navigate(`/(application)/profile/${id}/edit`);
     // router.navigate(`/(application)/(user)/portofolio/${id}`)
     // router.navigate(`/(application)/(image)/preview-image/${id}`);
diff --git a/screens/Profile/ListPage.tsx b/screens/Profile/ListPage.tsx
index 1019b50..ddfeee4 100644
--- a/screens/Profile/ListPage.tsx
+++ b/screens/Profile/ListPage.tsx
@@ -52,11 +52,17 @@ export const drawerItemsProfile = ({
     label: "Tambah portofolio",
     path: `/(application)/portofolio/${id}/create`,
   },
-  // {
-  //   icon: "settings",
-  //   label: "Dashboard Admin",
-  //   path: `/(application)/profile/dashboard-admin`,
-  // },
+  {
+    icon: (
+      <Ionicons
+        name="settings"
+        size={ICON_SIZE_MEDIUM}
+        color={AccentColor.white}
+      />
+    ),
+    label: "Dashboard Admin",
+    path: `/(application)/(admin)/dashboard`,
+  },
   {
     icon: (
       <Ionicons
diff --git a/screens/Profile/menuDrawerSection.tsx b/screens/Profile/menuDrawerSection.tsx
index b9a574d..66afbd1 100644
--- a/screens/Profile/menuDrawerSection.tsx
+++ b/screens/Profile/menuDrawerSection.tsx
@@ -26,9 +26,14 @@ export default function Profile_MenuDrawerSection({
     <>
       {/* Menu Items */}
       <MenuDrawerDynamicGrid
-        data={drawerItems}
+        data={drawerItems.map((item) => ({
+          icon: item.icon,
+          label: item.label,
+          path: item.path as any,
+          color: item.color,
+        }))}
         columns={4} // Ubah ke 2 jika ingin 2 kolom per baris
-        onPressItem={handlePress}
+        onPressItem={(item) => handlePress(item as any)}
       />
     </>
   );