From 4835d51f357f5bb0331f0030ccaef7d26419cdcd Mon Sep 17 00:00:00 2001
From: Bagasbanuna02 <bagasbanuna02@gmail.com>
Date: Tue, 24 Jun 2025 10:45:42 +0800
Subject: [PATCH 01/64] resourcing tabs deskripsi: - coba tabs

---
 app/(application)/_layout.tsx                 | 28 ++++++++++
 .../home/index.tsx}                           | 10 ++--
 app/(application)/index.tsx                   | 28 ++++++++++
 app/(application)/katalog/index.tsx           |  9 +++
 app/_layout.tsx                               | 12 +++-
 app/header-button.tsx                         | 36 ------------
 app/index.tsx                                 | 46 +++++++++++----
 app/new-detail.tsx                            | 22 --------
 app/register.tsx                              | 56 +++++++++++++++++++
 app/set-screen-dynamic.tsx                    | 26 ---------
 app/verification.tsx                          | 17 ++----
 bun.lock                                      |  7 +++
 components/_ShareComponent/ViewWrapper.tsx    |  5 +-
 constants/global-styles.ts                    |  2 +-
 package.json                                  |  1 +
 15 files changed, 187 insertions(+), 118 deletions(-)
 create mode 100644 app/(application)/_layout.tsx
 rename app/{background.tsx => (application)/home/index.tsx} (69%)
 create mode 100644 app/(application)/index.tsx
 create mode 100644 app/(application)/katalog/index.tsx
 delete mode 100644 app/header-button.tsx
 delete mode 100644 app/new-detail.tsx
 create mode 100644 app/register.tsx
 delete mode 100644 app/set-screen-dynamic.tsx

diff --git a/app/(application)/_layout.tsx b/app/(application)/_layout.tsx
new file mode 100644
index 0000000..e750dc3
--- /dev/null
+++ b/app/(application)/_layout.tsx
@@ -0,0 +1,28 @@
+/* eslint-disable @typescript-eslint/no-unused-vars */
+import ViewWrapper from "@/components/_ShareComponent/ViewWrapper";
+import { Entypo } from "@expo/vector-icons";
+import { Tabs } from "expo-router";
+
+export default function ApplicationLayout() {
+  return (
+    <>
+      <Tabs>
+        <Tabs.Screen name="index" options={{ href: null }} />
+        <Tabs.Screen
+          name="home/index"
+          options={{
+            title: "Home",
+            tabBarIcon: () => <Entypo name="home" size={24} color="black" />,
+          }}
+        />
+        <Tabs.Screen
+          name="katalog/index"
+          options={{
+            title: "Katalog",
+            tabBarIcon: () => <Entypo name="book" size={24} color="black" />,
+          }}
+        />
+      </Tabs>
+    </>
+  );
+}
diff --git a/app/background.tsx b/app/(application)/home/index.tsx
similarity index 69%
rename from app/background.tsx
rename to app/(application)/home/index.tsx
index 2a42077..49d76d3 100644
--- a/app/background.tsx
+++ b/app/(application)/home/index.tsx
@@ -1,21 +1,19 @@
 import { Text, View } from "react-native";
-import { useNavigation } from "expo-router";
 import { useEffect } from "react";
+import { useNavigation } from "expo-router";
 
-export default function Background() {
+export default function Home() {
   const navigation = useNavigation();
 
   useEffect(() => {
     navigation.setOptions({
-      headerShown: true,
-      headerTitle: "Home",
-    
+      headerShown: false,
     });
   }, [navigation]);
 
   return (
     <View>
-      <Text>Background</Text>
+      <Text>Home</Text>
     </View>
   );
 }
diff --git a/app/(application)/index.tsx b/app/(application)/index.tsx
new file mode 100644
index 0000000..93c1f34
--- /dev/null
+++ b/app/(application)/index.tsx
@@ -0,0 +1,28 @@
+/* eslint-disable @typescript-eslint/no-unused-vars */
+import { ImageBackground, ScrollView, Text, View } from "react-native";
+import ViewWrapper from "@/components/_ShareComponent/ViewWrapper";
+import { globalStyles } from "@/constants/global-styles";
+import Spacing from "@/components/_ShareComponent/Spacing";
+import { SafeAreaView } from "react-native-safe-area-context";
+
+export default function Application() {
+
+  return (
+    <ScrollView contentContainerStyle={{ flexGrow: 1 }}>
+      <ImageBackground
+        source={require("../../assets/images/main-background.png")}
+        resizeMode="cover"
+        style={globalStyles.imageBackground}
+      >
+        <View style={globalStyles.container}>
+          {Array.from({ length: 20 }).map((_, index) => (
+            <View key={index}>
+              <Text style={globalStyles.authTitle}>Application {index}</Text>
+              <Spacing height={30} />
+            </View>
+          ))}
+        </View>
+      </ImageBackground>
+    </ScrollView>
+  );
+}
diff --git a/app/(application)/katalog/index.tsx b/app/(application)/katalog/index.tsx
new file mode 100644
index 0000000..5182a18
--- /dev/null
+++ b/app/(application)/katalog/index.tsx
@@ -0,0 +1,9 @@
+import { Text, View } from "react-native";
+
+export default function Katalog() {
+    return (
+        <View>
+            <Text>Katalog</Text>
+        </View>
+    );
+}
\ No newline at end of file
diff --git a/app/_layout.tsx b/app/_layout.tsx
index d2a8b0b..d29d0ba 100644
--- a/app/_layout.tsx
+++ b/app/_layout.tsx
@@ -1,5 +1,15 @@
 import { Stack } from "expo-router";
 
 export default function RootLayout() {
-  return <Stack />;
+  return (
+    <Stack>
+      <Stack.Screen name="index" options={{ headerShown: false }} />
+      <Stack.Screen name="verification" options={{ headerShown: false }} />
+      <Stack.Screen name="register" options={{ headerShown: false }} />
+      <Stack.Screen name="(application)" options={{ headerShown: false }} />
+      {/* <Stack.Screen name="(application)/home/index" options={{ title: "Home" }} />
+      <Stack.Screen name="(application)/(katalog)/index" options={{ title: "Katalog" }} /> */}
+      
+    </Stack>  
+  );
 }
diff --git a/app/header-button.tsx b/app/header-button.tsx
deleted file mode 100644
index 1654e34..0000000
--- a/app/header-button.tsx
+++ /dev/null
@@ -1,36 +0,0 @@
-import { globalStyles } from "@/constants/global-styles";
-import { Stack } from "expo-router";
-import { useState } from "react";
-import { Button, Image, Text } from "react-native";
-
-function LogoTitle(props: { children?: React.ReactNode }) {
-  return (
-    <Image
-      style={globalStyles.image}
-      source={{ uri: "https://reactnative.dev/img/tiny_logo.png" }}
-    />
-  );
-}
-
-export default function Home() {
-  const [count, setCount] = useState(0);
-
-  return (
-    <>
-      <Stack.Screen
-        options={{
-          headerTitle: (props) => <LogoTitle {...props} />,
-          headerRight: () => (
-            <Button
-              onPress={() => setCount((c) => c + 1)}
-              title="Update count"
-            />
-          ),
-        }}
-      />
-      <Text>Count: {count}</Text>
-    </>
-  );
-}
-
-
diff --git a/app/index.tsx b/app/index.tsx
index e49b8ec..b25b5ce 100644
--- a/app/index.tsx
+++ b/app/index.tsx
@@ -1,23 +1,33 @@
 import Spacing from "@/components/_ShareComponent/Spacing";
 import ViewWrapper from "@/components/_ShareComponent/ViewWrapper";
 import ButtonCustom from "@/components/Button/ButtonCustom";
-import { TextInputCustom } from "@/components/TextInput/TextInputCustom";
 import { MainColor } from "@/constants/color-palet";
 import { globalStyles } from "@/constants/global-styles";
-import { useNavigation, useRouter } from "expo-router";
-import { useEffect, useState } from "react";
+import { useRouter } from "expo-router";
+import { useState } from "react";
 import { Text, View } from "react-native";
+import PhoneInput, { ICountry } from "react-native-international-phone-number";
 
 export default function Login() {
   const router = useRouter();
-  const navigation = useNavigation();
-  const [phone, setPhone] = useState("");
 
-  useEffect(() => {
-    navigation.setOptions({
-      headerShown: false,
-    });
-  }, [navigation]);
+  const [selectedCountry, setSelectedCountry] = useState<null | ICountry>(null);
+  const [inputValue, setInputValue] = useState<string>("");
+
+  function handleInputValue(phoneNumber: string) {
+    setInputValue(phoneNumber);
+  }
+
+  function handleSelectedCountry(country: ICountry) {
+    setSelectedCountry(country);
+  }
+
+  function handleLogin() {
+    const callingCode = selectedCountry?.callingCode.replace(/^\+/, "") || "";
+    const fixNumber = callingCode + inputValue;
+    console.log(fixNumber);
+    router.push("/verification");
+  }
 
   return (
     <ViewWrapper>
@@ -35,6 +45,7 @@ export default function Login() {
             <Text style={globalStyles.authTitle}>HIPMI BADUNG APPS</Text>
             <Spacing height={5} />
           </View>
+          <Spacing height={50} />
           <Text
             style={{
               position: "absolute",
@@ -51,21 +62,32 @@ export default function Login() {
         </View>
 
         {/* Input dengan prefix teks */}
-        <TextInputCustom
+        {/* <TextInputCustom
           label="Nomor Telepon"
           placeholder="Masukkan nomor"
           value={phone}
           onChangeText={setPhone}
           iconLeft="+62"
           keyboardType="phone-pad"
+        /> */}
+
+        <PhoneInput
+          value={inputValue}
+          onChangePhoneNumber={handleInputValue}
+          selectedCountry={selectedCountry}
+          onChangeSelectedCountry={handleSelectedCountry}
+          defaultCountry="ID"
+          placeholder="Masukkan nomor"
         />
 
+        <Spacing height={20} />
+
         <ButtonCustom
           title="Login"
           backgroundColor={MainColor.yellow}
           textColor={MainColor.black}
           radius={10}
-          onPress={() => router.push("/verification")}
+          onPress={handleLogin}
         />
       </View>
     </ViewWrapper>
diff --git a/app/new-detail.tsx b/app/new-detail.tsx
deleted file mode 100644
index b4e395e..0000000
--- a/app/new-detail.tsx
+++ /dev/null
@@ -1,22 +0,0 @@
-import { globalStyles } from "@/constants/global-styles";
-import { Stack, useLocalSearchParams, useRouter } from "expo-router";
-import { Text, View } from "react-native";
-
-export default function NewDetail() {
-  const router = useRouter();
-  const params = useLocalSearchParams();
-
-  return (
-    <View style={globalStyles.container}>
-      <Stack.Screen
-        options={{
-          title: params.name as string,
-        }}
-      />
-      <Text onPress={() => router.setParams({ name: "Bagas" })}>
-        Update title
-      </Text>
-      <Text onPress={() => router.back()}>Back</Text>
-    </View>
-  );
-}
diff --git a/app/register.tsx b/app/register.tsx
new file mode 100644
index 0000000..778422e
--- /dev/null
+++ b/app/register.tsx
@@ -0,0 +1,56 @@
+import { Text, View } from "react-native";
+import ViewWrapper from "@/components/_ShareComponent/ViewWrapper";
+import { globalStyles } from "@/constants/global-styles";
+import Spacing from "@/components/_ShareComponent/Spacing";
+import { EvilIcons } from "@expo/vector-icons";
+import { MainColor } from "@/constants/color-palet";
+import { TextInputCustom } from "@/components/TextInput/TextInputCustom";
+import ButtonCustom from "@/components/Button/ButtonCustom";
+import { useRouter } from "expo-router";
+
+export default function Register() {
+  const router = useRouter();
+  return (
+    <ViewWrapper>
+      <View
+        style={{
+          flex: 1,
+          justifyContent: "center",
+          height: "100%",
+        }}
+      >
+        <View>
+          <View style={globalStyles.authContainer}>
+            <Text style={globalStyles.authTitle}>REGISTRASI</Text>
+            <Spacing height={30} />
+            <EvilIcons name="user" size={100} color={MainColor.yellow} />
+            <Spacing height={30} />
+
+            <Text style={globalStyles.textLabel}>
+              Anda akan terdaftar dengan nomor
+            </Text>
+            <Text style={globalStyles.textLabel}>+6282xxxxxxxxx</Text>
+            <Spacing height={30} />
+          </View>
+          <TextInputCustom placeholder="Masukkan username" />
+
+          <ButtonCustom
+            title="Daftar"
+            backgroundColor={MainColor.yellow}
+            textColor={MainColor.black}
+            radius={10}
+            onPress={() => router.push("/(application)")}
+          />
+          {/* <Spacing height={10} />
+          <ButtonCustom
+            title="Katalog"
+            backgroundColor={MainColor.yellow}
+            textColor={MainColor.black}
+            radius={10}
+            onPress={() => router.push("/(application)/(katalog)")}
+          /> */}
+        </View>
+      </View>
+    </ViewWrapper>
+  );
+}
diff --git a/app/set-screen-dynamic.tsx b/app/set-screen-dynamic.tsx
deleted file mode 100644
index 938354f..0000000
--- a/app/set-screen-dynamic.tsx
+++ /dev/null
@@ -1,26 +0,0 @@
-import { globalStyles } from "@/constants/global-styles";
-import { Stack, useLocalSearchParams, useRouter } from "expo-router";
-import { Text, View } from "react-native";
-
-export default function Details() {
-  const router = useRouter();
-  const params = useLocalSearchParams();
-
-  return (
-    <View style={globalStyles.container}>
-      <Stack.Screen
-        options={{
-          title: params.name as string,
-        }}
-      />
-      <Text
-        onPress={() => {
-          router.setParams({ name: "Updated" });
-        }}
-      >
-        Update the title
-      </Text>
-    </View>
-  );
-}
-
diff --git a/app/verification.tsx b/app/verification.tsx
index 7ec8b23..94ad65f 100644
--- a/app/verification.tsx
+++ b/app/verification.tsx
@@ -3,23 +3,15 @@ import Spacing from "@/components/_ShareComponent/Spacing";
 import ViewWrapper from "@/components/_ShareComponent/ViewWrapper";
 import { MainColor } from "@/constants/color-palet";
 import { globalStyles } from "@/constants/global-styles";
-import { useNavigation, useRouter } from "expo-router";
-import { useEffect } from "react";
+import { useRouter } from "expo-router"
+
 import { Text, View } from "react-native";
 import { OtpInput } from "react-native-otp-entry";
 
 export default function Validasi() {
   const router = useRouter();
-  const navigation = useNavigation();
-
-  useEffect(() => {
-    navigation.setOptions({
-      headerShown: false,
-    });
-  }, [navigation]);
-
   return (
-    <ViewWrapper>
+    <ViewWrapper> 
       <View
         style={{
           flex: 1,
@@ -59,6 +51,7 @@ export default function Validasi() {
               <Text style={{ ...globalStyles.textLabel }}>Kirim Ulang</Text>
             </Text>
           </View>
+          <Spacing height={30} />
         </View>
 
         <ButtonCustom
@@ -66,7 +59,7 @@ export default function Validasi() {
           backgroundColor={MainColor.yellow}
           textColor={MainColor.black}
           radius={10}
-          onPress={() => router.push("/")}
+          onPress={() => router.push("/register")}
         />
       </View>
     </ViewWrapper>
diff --git a/bun.lock b/bun.lock
index 88d4132..96a1e59 100644
--- a/bun.lock
+++ b/bun.lock
@@ -25,6 +25,7 @@
         "react-dom": "19.0.0",
         "react-native": "0.79.4",
         "react-native-gesture-handler": "~2.24.0",
+        "react-native-international-phone-number": "^0.9.3",
         "react-native-otp-entry": "^1.8.5",
         "react-native-reanimated": "~3.17.4",
         "react-native-safe-area-context": "5.4.0",
@@ -1281,6 +1282,8 @@
 
     "path-scurry": ["path-scurry@1.11.1", "", { "dependencies": { "lru-cache": "^10.2.0", "minipass": "^5.0.0 || ^6.0.2 || ^7.0.0" } }, "sha512-Xa4Nw17FS9ApQFJ9umLiJS4orGjm7ZzwUrwamcGQuHSzDyth9boKDaycYdDcZDuqYATXw4HFXgaqWTctW/v1HA=="],
 
+    "phone": ["phone@3.1.58", "", {}, "sha512-4R4qfXxNPpl08fxOH0qvTXTodQue0nCnAQP0OIu2i59TDq4QXM0dq/b7ODPNH93setqK5YdMSiMuce0RPsgu4w=="],
+
     "picocolors": ["picocolors@1.1.1", "", {}, "sha512-xceH2snhtb5M9liqDsmEw56le376mTZkEX/jEb/RxNFyegNul7eNslCXP9FDj/Lcu0X8KEyMceP2ntpaHrDEVA=="],
 
     "picomatch": ["picomatch@3.0.1", "", {}, "sha512-I3EurrIQMlRc9IaAZnqRR044Phh2DXY+55o7uJ0V+hYZAcQYSuFWsc9q5PvyDHUSCe1Qxn/iBz+78s86zWnGag=="],
@@ -1341,10 +1344,14 @@
 
     "react-native": ["react-native@0.79.4", "", { "dependencies": { "@jest/create-cache-key-function": "^29.7.0", "@react-native/assets-registry": "0.79.4", "@react-native/codegen": "0.79.4", "@react-native/community-cli-plugin": "0.79.4", "@react-native/gradle-plugin": "0.79.4", "@react-native/js-polyfills": "0.79.4", "@react-native/normalize-colors": "0.79.4", "@react-native/virtualized-lists": "0.79.4", "abort-controller": "^3.0.0", "anser": "^1.4.9", "ansi-regex": "^5.0.0", "babel-jest": "^29.7.0", "babel-plugin-syntax-hermes-parser": "0.25.1", "base64-js": "^1.5.1", "chalk": "^4.0.0", "commander": "^12.0.0", "event-target-shim": "^5.0.1", "flow-enums-runtime": "^0.0.6", "glob": "^7.1.1", "invariant": "^2.2.4", "jest-environment-node": "^29.7.0", "memoize-one": "^5.0.0", "metro-runtime": "^0.82.0", "metro-source-map": "^0.82.0", "nullthrows": "^1.1.1", "pretty-format": "^29.7.0", "promise": "^8.3.0", "react-devtools-core": "^6.1.1", "react-refresh": "^0.14.0", "regenerator-runtime": "^0.13.2", "scheduler": "0.25.0", "semver": "^7.1.3", "stacktrace-parser": "^0.1.10", "whatwg-fetch": "^3.0.0", "ws": "^6.2.3", "yargs": "^17.6.2" }, "peerDependencies": { "@types/react": "^19.0.0", "react": "^19.0.0" }, "bin": "cli.js" }, "sha512-CfxYMuszvnO/33Q5rB//7cU1u9P8rSOvzhE2053Phdb8+6bof9NLayCllU2nmPrm8n9o6RU1Fz5H0yquLQ0DAw=="],
 
+    "react-native-country-codes-picker": ["react-native-country-codes-picker@2.3.5", "", { "peerDependencies": { "react": "*", "react-native": "*" } }, "sha512-dDQhd0bVvlmgb84NPhTOmTk5UVYPHtk3lqZI+BPb61H1rC2IDrTvPWENg6u1DMGliqWHQDBYpeH37zvxxQL71w=="],
+
     "react-native-edge-to-edge": ["react-native-edge-to-edge@1.6.0", "", { "peerDependencies": { "react": "*", "react-native": "*" } }, "sha512-2WCNdE3Qd6Fwg9+4BpbATUxCLcouF6YRY7K+J36KJ4l3y+tWN6XCqAC4DuoGblAAbb2sLkhEDp4FOlbOIot2Og=="],
 
     "react-native-gesture-handler": ["react-native-gesture-handler@2.24.0", "", { "dependencies": { "@egjs/hammerjs": "^2.0.17", "hoist-non-react-statics": "^3.3.0", "invariant": "^2.2.4" }, "peerDependencies": { "react": "*", "react-native": "*" } }, "sha512-ZdWyOd1C8axKJHIfYxjJKCcxjWEpUtUWgTOVY2wynbiveSQDm8X/PDyAKXSer/GOtIpjudUbACOndZXCN3vHsw=="],
 
+    "react-native-international-phone-number": ["react-native-international-phone-number@0.9.3", "", { "dependencies": { "phone": "3.1.58", "react-native-country-codes-picker": "2.3.5" }, "peerDependencies": { "react": "*", "react-native": "*" } }, "sha512-eD/P3NP2zctmq5kbInKf7AVKSZdGmYvKbyAB5Ij/+RoCblnqg3wEaSaNKwGdgK3wsJPS4/wjGXcv/jg2NGBYIA=="],
+
     "react-native-is-edge-to-edge": ["react-native-is-edge-to-edge@1.1.7", "", { "peerDependencies": { "react": "*", "react-native": "*" } }, "sha512-EH6i7E8epJGIcu7KpfXYXiV2JFIYITtq+rVS8uEb+92naMRBdxhTuS8Wn2Q7j9sqyO0B+Xbaaf9VdipIAmGW4w=="],
 
     "react-native-otp-entry": ["react-native-otp-entry@1.8.5", "", { "peerDependencies": { "react": "*", "react-native": "*" } }, "sha512-TZNkIuUzZKAAWrC8X/A22ZHJdycLysxUNysrGf0yTmDLRUyf4zLXwVFcDYUcRNe763Hjaf5qvtKGILb6lDGzoA=="],
diff --git a/components/_ShareComponent/ViewWrapper.tsx b/components/_ShareComponent/ViewWrapper.tsx
index 18b9d11..ff8117f 100644
--- a/components/_ShareComponent/ViewWrapper.tsx
+++ b/components/_ShareComponent/ViewWrapper.tsx
@@ -1,3 +1,4 @@
+/* eslint-disable @typescript-eslint/no-unused-vars */
 import { globalStyles } from "@/constants/global-styles";
 import { ImageBackground, ScrollView, View } from "react-native";
 import { SafeAreaView } from "react-native-safe-area-context";
@@ -11,7 +12,7 @@ const ViewWrapper = ({ children }: ViewWrapperProps) => {
 
   return (
     <SafeAreaView
-      edges={[]}
+      edges={["top", "bottom"]}
       style={{
         flex: 1,
         // paddingTop: StatusBar.currentHeight,
@@ -19,7 +20,7 @@ const ViewWrapper = ({ children }: ViewWrapperProps) => {
     >
       <ScrollView contentContainerStyle={{ flexGrow: 1 }}>
         <ImageBackground
-          source={assetBackground}
+          source={require("../../assets/images/main-background.png")}
           resizeMode="cover"
           style={globalStyles.imageBackground}
         >
diff --git a/constants/global-styles.ts b/constants/global-styles.ts
index 594ff38..65d4949 100644
--- a/constants/global-styles.ts
+++ b/constants/global-styles.ts
@@ -16,7 +16,7 @@ export const globalStyles = StyleSheet.create({
   authContainer: {
     justifyContent: "center",
     alignItems: "center",
-    marginBottom: 50,
+    // marginBottom: 50,
   },
   authTitle: {
     fontSize: 27,
diff --git a/package.json b/package.json
index 7db2d4a..4594b1c 100644
--- a/package.json
+++ b/package.json
@@ -32,6 +32,7 @@
     "react-dom": "19.0.0",
     "react-native": "0.79.4",
     "react-native-gesture-handler": "~2.24.0",
+    "react-native-international-phone-number": "^0.9.3",
     "react-native-otp-entry": "^1.8.5",
     "react-native-reanimated": "~3.17.4",
     "react-native-safe-area-context": "5.4.0",

From 33bee642a0a96b8e4f8e1db22f4fe84ca9c45bfb Mon Sep 17 00:00:00 2001
From: Bagasbanuna02 <bagasbanuna02@gmail.com>
Date: Wed, 25 Jun 2025 14:57:05 +0800
Subject: [PATCH 02/64] reasourcing home

---
 app/(application)/(tabs)/_layout.tsx          |  55 ++++++++
 app/(application)/(tabs)/forum/_layout.tsx    |  10 ++
 app/(application)/(tabs)/forum/index.tsx      |   9 ++
 app/(application)/(tabs)/index.tsx            |  22 +++
 .../{katalog/index.tsx => (tabs)/katalog.tsx} |   0
 app/(application)/(tabs)/maps.tsx             |   9 ++
 app/(application)/_layout.tsx                 |  47 ++++---
 app/(application)/home.tsx                    |   9 ++
 app/(application)/home/index.tsx              |  19 ---
 app/(application)/index.tsx                   |  28 ----
 app/_layout.tsx                               |  55 ++++++--
 app/index.tsx                                 |   5 +-
 app/register.tsx                              |   5 +-
 assets/images/constants/home-hipmi.png        | Bin 0 -> 130912 bytes
 bun.lock                                      |   5 +
 components/Home/HomeView.tsx                  | 132 ++++++++++++++++++
 components/Home/homeViewStyle.tsx             | 129 +++++++++++++++++
 components/_ShareComponent/TruncatedText.tsx  |  73 ++++++++++
 components/_ShareComponent/ViewWrapper.tsx    |   6 +-
 constants/global-styles.ts                    |   7 +
 package.json                                  |   1 +
 21 files changed, 549 insertions(+), 77 deletions(-)
 create mode 100644 app/(application)/(tabs)/_layout.tsx
 create mode 100644 app/(application)/(tabs)/forum/_layout.tsx
 create mode 100644 app/(application)/(tabs)/forum/index.tsx
 create mode 100644 app/(application)/(tabs)/index.tsx
 rename app/(application)/{katalog/index.tsx => (tabs)/katalog.tsx} (100%)
 create mode 100644 app/(application)/(tabs)/maps.tsx
 create mode 100644 app/(application)/home.tsx
 delete mode 100644 app/(application)/home/index.tsx
 delete mode 100644 app/(application)/index.tsx
 create mode 100644 assets/images/constants/home-hipmi.png
 create mode 100644 components/Home/HomeView.tsx
 create mode 100644 components/Home/homeViewStyle.tsx
 create mode 100644 components/_ShareComponent/TruncatedText.tsx

diff --git a/app/(application)/(tabs)/_layout.tsx b/app/(application)/(tabs)/_layout.tsx
new file mode 100644
index 0000000..79301f6
--- /dev/null
+++ b/app/(application)/(tabs)/_layout.tsx
@@ -0,0 +1,55 @@
+/* eslint-disable @typescript-eslint/no-unused-vars */
+//app/(application)/(tabs)/_layout.tsx
+import { MainColor } from "@/constants/color-palet";
+import { Entypo, Ionicons } from "@expo/vector-icons";
+import { router, Tabs } from "expo-router";
+
+export default function TabsLayout() {
+
+  return (
+    <>
+      <Tabs
+        screenOptions={{
+          headerTitleAlign: "center",
+          tabBarStyle: {
+            backgroundColor: MainColor.darkblue,
+          },
+          tabBarActiveTintColor: MainColor.white,
+        }}
+      >
+        <Tabs.Screen name="index" options={{ href: null }} />
+        <Tabs.Screen
+          name="forum"
+          options={{
+            title: "Forum",
+            tabBarIcon: () => (
+              <Entypo name="chat" size={20} color={MainColor.white} />
+            ),
+            headerLeft: () => (
+              <Ionicons name="arrow-back" onPress={() => {router.back()}} size={20} color={MainColor.white} />
+            ),
+          }}
+        />
+
+        <Tabs.Screen
+          name="katalog"
+          options={{
+            title: "Katalog",
+            tabBarIcon: () => (
+              <Entypo name="book" size={20} color={MainColor.white} />
+            ),
+          }}
+        />
+        <Tabs.Screen
+          name="maps"
+          options={{
+            title: "Maps",
+            tabBarIcon: () => (
+              <Entypo name="map" size={20} color={MainColor.white} />
+            ),
+          }}
+        />
+      </Tabs>
+    </>
+  );
+}
diff --git a/app/(application)/(tabs)/forum/_layout.tsx b/app/(application)/(tabs)/forum/_layout.tsx
new file mode 100644
index 0000000..6ac1679
--- /dev/null
+++ b/app/(application)/(tabs)/forum/_layout.tsx
@@ -0,0 +1,10 @@
+//app/(application)/(tabs)/forum/_layout.tsx
+import { Stack } from "expo-router";
+
+export default function ForumLayout() {
+  return<>
+  <Stack>
+    <Stack.Screen name="index" options={{ headerShown: false,  }} />
+  </Stack>
+  </>
+}
diff --git a/app/(application)/(tabs)/forum/index.tsx b/app/(application)/(tabs)/forum/index.tsx
new file mode 100644
index 0000000..f90c396
--- /dev/null
+++ b/app/(application)/(tabs)/forum/index.tsx
@@ -0,0 +1,9 @@
+import { Text, View } from "react-native";
+
+export default function Forum() {
+  return (
+    <View>
+      <Text>Tabs Forum</Text>
+    </View>
+  );
+}
diff --git a/app/(application)/(tabs)/index.tsx b/app/(application)/(tabs)/index.tsx
new file mode 100644
index 0000000..33d2460
--- /dev/null
+++ b/app/(application)/(tabs)/index.tsx
@@ -0,0 +1,22 @@
+/* eslint-disable @typescript-eslint/no-unused-vars */
+import HomeView from "@/components/Home/HomeView";
+import { MainColor } from "@/constants/color-palet";
+import { Ionicons } from "@expo/vector-icons";
+import { Stack, useNavigation, useRouter } from "expo-router";
+import { useEffect } from "react";
+
+export default function Tabs() {
+  // const router = useRouter();
+  // const navigation = useNavigation();
+  // useEffect(() => {
+  //   navigation.setOptions({
+
+  //   });
+  // }, [navigation]);
+
+  return (
+    <>
+      <HomeView />
+    </>
+  );
+}
diff --git a/app/(application)/katalog/index.tsx b/app/(application)/(tabs)/katalog.tsx
similarity index 100%
rename from app/(application)/katalog/index.tsx
rename to app/(application)/(tabs)/katalog.tsx
diff --git a/app/(application)/(tabs)/maps.tsx b/app/(application)/(tabs)/maps.tsx
new file mode 100644
index 0000000..0d51bc5
--- /dev/null
+++ b/app/(application)/(tabs)/maps.tsx
@@ -0,0 +1,9 @@
+import { Text, View } from "react-native";
+
+export default function Maps() {
+    return (
+        <View>
+            <Text>Maps</Text>
+        </View>
+    );
+}
\ No newline at end of file
diff --git a/app/(application)/_layout.tsx b/app/(application)/_layout.tsx
index e750dc3..9b99d6c 100644
--- a/app/(application)/_layout.tsx
+++ b/app/(application)/_layout.tsx
@@ -1,28 +1,41 @@
 /* eslint-disable @typescript-eslint/no-unused-vars */
-import ViewWrapper from "@/components/_ShareComponent/ViewWrapper";
-import { Entypo } from "@expo/vector-icons";
-import { Tabs } from "expo-router";
+import { AccentColor, MainColor } from "@/constants/color-palet";
+import { Ionicons } from "@expo/vector-icons";
+import { Stack } from "expo-router";
 
 export default function ApplicationLayout() {
   return (
     <>
-      <Tabs>
-        <Tabs.Screen name="index" options={{ href: null }} />
-        <Tabs.Screen
-          name="home/index"
+      <Stack
+        screenOptions={{
+          headerStyle: { backgroundColor: MainColor.darkblue },
+          headerTitleStyle: { color: MainColor.yellow, fontWeight: "bold" },
+          headerTitleAlign: "center",
+          contentStyle: {
+            borderBottomColor: AccentColor.blue,
+            borderBottomWidth: 2,
+          },
+          headerLargeStyle: {
+            backgroundColor: MainColor.darkblue,
+          },
+          headerShadowVisible: false,
+        }}
+      >
+        <Stack.Screen
+          name="(tabs)"
           options={{
-            title: "Home",
-            tabBarIcon: () => <Entypo name="home" size={24} color="black" />,
+            headerShown:  false,
+            // title: "iii",
+            // headerLeft: () => (
+            //   <Ionicons name="search" size={20} color={MainColor.white} />
+            // ),
+            // headerRight: () => (
+            //   <Ionicons name="notifications" size={20} color={MainColor.white} />
+            // ),
           }}
         />
-        <Tabs.Screen
-          name="katalog/index"
-          options={{
-            title: "Katalog",
-            tabBarIcon: () => <Entypo name="book" size={24} color="black" />,
-          }}
-        />
-      </Tabs>
+        {/* <Stack.Screen name="forum/index"  options={{ title: "Forum",  }} /> */}
+      </Stack>
     </>
   );
 }
diff --git a/app/(application)/home.tsx b/app/(application)/home.tsx
new file mode 100644
index 0000000..d58af90
--- /dev/null
+++ b/app/(application)/home.tsx
@@ -0,0 +1,9 @@
+import HomeView from "@/components/Home/HomeView";
+
+export default function Application() {
+  return (
+    <>
+     <HomeView />
+    </>
+  );
+}
diff --git a/app/(application)/home/index.tsx b/app/(application)/home/index.tsx
deleted file mode 100644
index 49d76d3..0000000
--- a/app/(application)/home/index.tsx
+++ /dev/null
@@ -1,19 +0,0 @@
-import { Text, View } from "react-native";
-import { useEffect } from "react";
-import { useNavigation } from "expo-router";
-
-export default function Home() {
-  const navigation = useNavigation();
-
-  useEffect(() => {
-    navigation.setOptions({
-      headerShown: false,
-    });
-  }, [navigation]);
-
-  return (
-    <View>
-      <Text>Home</Text>
-    </View>
-  );
-}
diff --git a/app/(application)/index.tsx b/app/(application)/index.tsx
deleted file mode 100644
index 93c1f34..0000000
--- a/app/(application)/index.tsx
+++ /dev/null
@@ -1,28 +0,0 @@
-/* eslint-disable @typescript-eslint/no-unused-vars */
-import { ImageBackground, ScrollView, Text, View } from "react-native";
-import ViewWrapper from "@/components/_ShareComponent/ViewWrapper";
-import { globalStyles } from "@/constants/global-styles";
-import Spacing from "@/components/_ShareComponent/Spacing";
-import { SafeAreaView } from "react-native-safe-area-context";
-
-export default function Application() {
-
-  return (
-    <ScrollView contentContainerStyle={{ flexGrow: 1 }}>
-      <ImageBackground
-        source={require("../../assets/images/main-background.png")}
-        resizeMode="cover"
-        style={globalStyles.imageBackground}
-      >
-        <View style={globalStyles.container}>
-          {Array.from({ length: 20 }).map((_, index) => (
-            <View key={index}>
-              <Text style={globalStyles.authTitle}>Application {index}</Text>
-              <Spacing height={30} />
-            </View>
-          ))}
-        </View>
-      </ImageBackground>
-    </ScrollView>
-  );
-}
diff --git a/app/_layout.tsx b/app/_layout.tsx
index d29d0ba..1a2f7e1 100644
--- a/app/_layout.tsx
+++ b/app/_layout.tsx
@@ -1,15 +1,52 @@
+/* eslint-disable @typescript-eslint/no-unused-vars */
+import { AccentColor, MainColor } from "@/constants/color-palet";
+import { Feather, Ionicons, MaterialIcons } from "@expo/vector-icons";
 import { Stack } from "expo-router";
+import { SafeAreaProvider, SafeAreaView } from "react-native-safe-area-context";
+import Icon from "react-native-vector-icons/FontAwesome";
 
 export default function RootLayout() {
   return (
-    <Stack>
-      <Stack.Screen name="index" options={{ headerShown: false }} />
-      <Stack.Screen name="verification" options={{ headerShown: false }} />
-      <Stack.Screen name="register" options={{ headerShown: false }} />
-      <Stack.Screen name="(application)" options={{ headerShown: false }} />
-      {/* <Stack.Screen name="(application)/home/index" options={{ title: "Home" }} />
-      <Stack.Screen name="(application)/(katalog)/index" options={{ title: "Katalog" }} /> */}
-      
-    </Stack>  
+    <SafeAreaProvider
+      style={{
+        backgroundColor: MainColor.darkblue,
+      }}
+    >
+      <Stack
+        screenOptions={{
+          headerStyle: { backgroundColor: MainColor.darkblue },
+          headerTitleStyle: { color: MainColor.yellow, fontWeight: "bold" },
+          headerTitleAlign: "center",
+          contentStyle: {
+            borderBottomColor: AccentColor.blue,
+            borderBottomWidth: 2,
+          },
+          // headerLargeStyle: {
+          //   backgroundColor: MainColor.darkblue,
+          // },
+          // headerShadowVisible: false,
+        }}
+      >
+        <Stack.Screen
+          name="index"
+          // options={{
+          //   title: "Login",
+          //   headerStyle: { backgroundColor: MainColor.darkblue },
+          //   headerTitleStyle: { color: MainColor.yellow, fontWeight: "bold" },
+          //   headerTitleAlign: "center",
+          //   headerRight: () => (
+          //     <MaterialIcons name="rocket" size={20} color={MainColor.yellow} />
+          //   ),
+          //   headerLeft: () => (
+          //     <Icon name="rocket" size={20} color={MainColor.yellow} />
+          //   ),
+          // }}
+          options={{ headerShown: false }}
+        />
+        <Stack.Screen name="verification" options={{ headerShown: false }} />
+        <Stack.Screen name="register" options={{ headerShown: false }} />
+        <Stack.Screen name="(application)" options={{ headerShown: false }} />
+      </Stack>
+    </SafeAreaProvider>
   );
 }
diff --git a/app/index.tsx b/app/index.tsx
index b25b5ce..611c6bd 100644
--- a/app/index.tsx
+++ b/app/index.tsx
@@ -1,12 +1,14 @@
+/* eslint-disable @typescript-eslint/no-unused-vars */
 import Spacing from "@/components/_ShareComponent/Spacing";
 import ViewWrapper from "@/components/_ShareComponent/ViewWrapper";
 import ButtonCustom from "@/components/Button/ButtonCustom";
 import { MainColor } from "@/constants/color-palet";
 import { globalStyles } from "@/constants/global-styles";
-import { useRouter } from "expo-router";
+import { Stack, useRouter } from "expo-router";
 import { useState } from "react";
 import { Text, View } from "react-native";
 import PhoneInput, { ICountry } from "react-native-international-phone-number";
+import { MaterialIcons } from "@expo/vector-icons";
 
 export default function Login() {
   const router = useRouter();
@@ -30,6 +32,7 @@ export default function Login() {
   }
 
   return (
+    
     <ViewWrapper>
       <View
         style={{
diff --git a/app/register.tsx b/app/register.tsx
index 778422e..6c99832 100644
--- a/app/register.tsx
+++ b/app/register.tsx
@@ -39,7 +39,10 @@ export default function Register() {
             backgroundColor={MainColor.yellow}
             textColor={MainColor.black}
             radius={10}
-            onPress={() => router.push("/(application)")}
+            onPress={() => (
+              console.log("Success register"),
+              router.push("/(application)/home")
+            )}
           />
           {/* <Spacing height={10} />
           <ButtonCustom
diff --git a/assets/images/constants/home-hipmi.png b/assets/images/constants/home-hipmi.png
new file mode 100644
index 0000000000000000000000000000000000000000..968807de426998b2db429e70e1973c3c17d971a0
GIT binary patch
literal 130912
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

literal 0
HcmV?d00001

diff --git a/bun.lock b/bun.lock
index 96a1e59..12cb745 100644
--- a/bun.lock
+++ b/bun.lock
@@ -8,6 +8,7 @@
         "@react-navigation/bottom-tabs": "^7.3.10",
         "@react-navigation/elements": "^2.3.8",
         "@react-navigation/native": "^7.1.6",
+        "@types/react-native-vector-icons": "^6.4.18",
         "expo": "~53.0.12",
         "expo-blur": "~14.1.5",
         "expo-constants": "~17.1.6",
@@ -434,6 +435,10 @@
 
     "@types/react": ["@types/react@19.0.14", "", { "dependencies": { "csstype": "^3.0.2" } }, "sha512-ixLZ7zG7j1fM0DijL9hDArwhwcCb4vqmePgwtV0GfnkHRSCUEv4LvzarcTdhoqgyMznUx/EhoTUv31CKZzkQlw=="],
 
+    "@types/react-native": ["@types/react-native@0.70.19", "", { "dependencies": { "@types/react": "*" } }, "sha512-c6WbyCgWTBgKKMESj/8b4w+zWcZSsCforson7UdXtXMecG3MxCinYi6ihhrHVPyUrVzORsvEzK8zg32z4pK6Sg=="],
+
+    "@types/react-native-vector-icons": ["@types/react-native-vector-icons@6.4.18", "", { "dependencies": { "@types/react": "*", "@types/react-native": "^0.70" } }, "sha512-YGlNWb+k5laTBHd7+uZowB9DpIK3SXUneZqAiKQaj1jnJCZM0x71GDim5JCTMi4IFkhc9m8H/Gm28T5BjyivUw=="],
+
     "@types/stack-utils": ["@types/stack-utils@2.0.3", "", {}, "sha512-9aEbYZ3TbYMznPdcdr3SmIrLXwC/AKZXQeCf9Pgao5CKb8CyHuEX5jzWPTkvregvhRJHcpRO6BFoGW9ycaOkYw=="],
 
     "@types/yargs": ["@types/yargs@17.0.33", "", { "dependencies": { "@types/yargs-parser": "*" } }, "sha512-WpxBCKWPLr4xSsHgz511rFJAM+wS28w2zEO1QDNY5zM/S8ok70NNfztH0xwhqKyaK0OHCbN98LDAZuy1ctxDkA=="],
diff --git a/components/Home/HomeView.tsx b/components/Home/HomeView.tsx
new file mode 100644
index 0000000..c15b636
--- /dev/null
+++ b/components/Home/HomeView.tsx
@@ -0,0 +1,132 @@
+import Spacing from "@/components/_ShareComponent/Spacing";
+import { MainColor } from "@/constants/color-palet";
+import { globalStyles } from "@/constants/global-styles";
+import { Ionicons } from "@expo/vector-icons";
+import { Image } from "expo-image";
+import { useNavigation } from "expo-router";
+import { useEffect } from "react";
+import { ScrollView, Text, TouchableOpacity, View } from "react-native";
+import Icon from "react-native-vector-icons/FontAwesome";
+import DynamicTruncatedText from "../_ShareComponent/TruncatedText";
+import { stylesHome } from "./homeViewStyle";
+
+export default function HomeView() {
+  const navigation = useNavigation();
+  useEffect(() => {
+    navigation.setOptions({
+      title: "HIPMI",
+      headerLeft: () => (
+        <Ionicons name="search" size={20} color={MainColor.white} />
+      ),
+      headerRight: () => (
+        <Ionicons name="notifications" size={20} color={MainColor.white} />
+      ),
+    });
+  }, [navigation]);
+
+  return (
+    <>
+      <ScrollView contentContainerStyle={{ flexGrow: 1 }}>
+        <View style={globalStyles.mainContainer}>
+          <Spacing height={20} />
+          <View
+            style={{
+              alignItems: "center",
+              justifyContent: "center",
+              backgroundColor: "#fff",
+              borderRadius: 10,
+            }}
+          >
+            <Image
+              source={require("@/assets/images/constants/home-hipmi.png")}
+              // placeholder={{ blurhash: "" }}
+              contentFit="cover"
+              transition={1000}
+              style={{
+                width: "100%",
+                height: 120,
+                borderRadius: 10,
+              }}
+            />
+          </View>
+
+          <Spacing height={10} />
+
+          {/* Grid Section */}
+          <View style={stylesHome.gridContainer}>
+            <TouchableOpacity style={stylesHome.gridItem}>
+              <Ionicons name="analytics" size={48} color="white" />
+              <Text style={stylesHome.gridLabel}>Event</Text>
+            </TouchableOpacity>
+            <TouchableOpacity style={stylesHome.gridItem}>
+              <Ionicons name="share" size={48} color="white" />
+              <Text style={stylesHome.gridLabel}>Collaboration</Text>
+            </TouchableOpacity>
+            <TouchableOpacity style={stylesHome.gridItem}>
+              <Ionicons name="cube" size={48} color="white" />
+              <Text style={stylesHome.gridLabel}>Voting</Text>
+            </TouchableOpacity>
+            <TouchableOpacity style={stylesHome.gridItem}>
+              <Ionicons name="heart" size={48} color="white" />
+              <Text style={stylesHome.gridLabel}>Crowdfunding</Text>
+            </TouchableOpacity>
+          </View>
+
+          <Spacing height={10} />
+
+          {/* Job Vacancy Section */}
+          <View style={stylesHome.jobVacancyContainer}>
+            <View style={stylesHome.jobVacancyHeader}>
+              <Icon name="briefcase" size={24} color="white" />
+              <Text style={stylesHome.jobVacancyTitle}>Job Vacancy</Text>
+            </View>
+
+            <View style={stylesHome.vacancyList}>
+              {/* Vacancy Item 1 */}
+              <View style={stylesHome.vacancyItem}>
+                {/* <Icon name="user" size={20} color="#FFD700" /> */}
+                <View style={stylesHome.vacancyDetails}>
+                  <DynamicTruncatedText
+                    text="Bagas_banuna"
+                    fontSize={14}
+                    fontFamily="System"
+                    style={stylesHome.vacancyName}
+                  />
+                  <Spacing height={5} />
+                  <DynamicTruncatedText
+                    text="Dicari perawat kucing"
+                    fontSize={12}
+                    fontFamily="System"
+                    style={stylesHome.vacancyDescription}
+                  />
+                </View>
+              </View>
+
+              {/* Vacancy Item 2 */}
+              <View style={stylesHome.vacancyItem}>
+                {/* <Icon name="user" size={20} color="#FFD700" /> */}
+                <View style={stylesHome.vacancyDetails}>
+                  <DynamicTruncatedText
+                    text="fibramarcell"
+                    fontSize={14}
+                    fontFamily="System"
+                    style={stylesHome.vacancyName}
+                  />
+                  <Spacing height={5} />
+                  <DynamicTruncatedText
+                    text="Di Butuhkan Seorang..."
+                    fontSize={12}
+                    fontFamily="System"
+                    style={stylesHome.vacancyDescription}
+                  />
+                </View>
+              </View>
+            </View>
+          </View>
+
+          <Spacing height={20} />
+        </View>
+      </ScrollView>
+    </>
+  );
+}
diff --git a/components/Home/homeViewStyle.tsx b/components/Home/homeViewStyle.tsx
new file mode 100644
index 0000000..9732a74
--- /dev/null
+++ b/components/Home/homeViewStyle.tsx
@@ -0,0 +1,129 @@
+import { AccentColor, MainColor } from "@/constants/color-palet";
+import { StyleSheet } from "react-native";
+
+export const stylesHome = StyleSheet.create({
+  container: {
+    flex: 1,
+    backgroundColor: "#001F3F", // Dark blue background
+  },
+  header: {
+    flexDirection: "row",
+    justifyContent: "space-between",
+    alignItems: "center",
+    padding: 16,
+    backgroundColor: "#001F3F",
+  },
+  headerTitle: {
+    fontSize: 20,
+    fontWeight: "bold",
+    color: "#FFD700", // Gold color
+  },
+  notificationBadge: {
+    flexDirection: "row",
+    alignItems: "center",
+  },
+  badgeCount: {
+    backgroundColor: "#FFD700",
+    borderRadius: 10,
+    paddingHorizontal: 6,
+    paddingVertical: 2,
+    marginLeft: 4,
+  },
+  badgeText: {
+    fontSize: 12,
+    fontWeight: "bold",
+    color: "#001F3F",
+  },
+  banner: {
+    width: "100%",
+    height: 200,
+    resizeMode: "cover",
+    marginVertical: 16,
+    borderRadius: 8,
+  },
+  gridContainer: {
+    flexDirection: "row",
+    flexWrap: "wrap",
+    justifyContent: "space-between",
+  },
+  gridItem: {
+    width: "46%",
+    height: "100%",
+    aspectRatio: 1,
+    backgroundColor: MainColor.darkblue,
+    borderRadius: 8,
+    padding: 16,
+    alignItems: "center",
+    justifyContent: "center",
+    marginVertical: 8,
+    borderWidth: 2,
+    borderColor: AccentColor.blue,
+  },
+  gridLabel: {
+    marginTop: 8,
+    color: "white",
+    fontWeight: "bold",
+  },
+  jobVacancyContainer: {
+    backgroundColor: MainColor.darkblue,
+    borderRadius: 8,
+    padding: 16,
+    marginBottom: 16,
+    borderWidth: 2,
+    borderColor: AccentColor.blue,
+  },
+  jobVacancyHeader: {
+    flexDirection: "row",
+    alignItems: "center",
+    marginBottom: 16,
+  },
+  jobVacancyTitle: {
+    fontSize: 18,
+    fontWeight: "bold",
+    color: "white",
+    marginLeft: 8,
+  },
+  vacancyList: {
+    flexDirection: "row",
+    justifyContent: "space-between",
+    // backgroundColor: "red",
+  },
+  vacancyItem: {
+    flex: 1,
+    backgroundColor: MainColor.darkblue,
+    borderRadius: 8,
+    padding: 15,
+    marginHorizontal: 5,
+    // borderWidth: 1,
+    // borderColor: AccentColor.blue,
+    // marginRight: 8,
+  },
+  vacancyDetails: {
+    marginLeft: 8,
+  },
+  vacancyName: {
+    fontSize: 14,
+    fontWeight: "bold",
+    color: "#FFD700",
+  },
+  vacancyDescription: {
+    fontSize: 12,
+    color: "white",
+  },
+  bottomNav: {
+    flexDirection: "row",
+    justifyContent: "space-around",
+    alignItems: "center",
+    borderTopWidth: 1,
+    borderTopColor: "#333",
+    paddingVertical: 12,
+    backgroundColor: "#001F3F",
+  },
+  navItem: {
+    alignItems: "center",
+  },
+  navLabel: {
+    marginTop: 4,
+    color: "white",
+  },
+});
diff --git a/components/_ShareComponent/TruncatedText.tsx b/components/_ShareComponent/TruncatedText.tsx
new file mode 100644
index 0000000..9d147d4
--- /dev/null
+++ b/components/_ShareComponent/TruncatedText.tsx
@@ -0,0 +1,73 @@
+import React, { useCallback, useEffect, useRef, useState } from "react";
+import { StyleSheet, Text, TextStyle, View } from "react-native";
+
+interface DynamicTruncatedTextProps {
+  text: string;
+  fontSize?: number;
+  fontFamily?: TextStyle["fontFamily"];
+  style?: TextStyle;
+}
+
+const DynamicTruncatedText: React.FC<DynamicTruncatedTextProps> = ({
+  text,
+  fontSize = 14,
+  fontFamily,
+  style
+
+}) => {
+  const [truncated, setTruncated] = useState<string>(text);
+  const textRef = useRef<Text>(null);
+  const containerWidth = useRef<number>(0);
+
+  const handleLayout = (event: any) => {
+    const { width } = event.nativeEvent.layout;
+    containerWidth.current = width;
+    truncateText(width);
+  };
+
+  const truncateText = useCallback(
+    (width: number) => {
+      if (!text || !textRef.current || width <= 0) return;
+
+      textRef.current.measure((x, y, textWidth, height, pageX, pageY) => {
+        const avgCharWidth = fontSize * 0.5;
+        const maxChars = Math.floor(width / avgCharWidth);
+
+        if (text.length <= maxChars) {
+          setTruncated(text);
+        } else {
+          const truncatedText = text.substring(0, maxChars - 3) + "...";
+          setTruncated(truncatedText);
+        }
+      });
+    },
+    [text, fontSize]
+  );
+
+  useEffect(() => {
+    if (containerWidth.current > 0) {
+      truncateText(containerWidth.current);
+    }
+  }, [truncateText]);
+
+  return (
+    <View onLayout={handleLayout} style={styles.container}>
+      <Text
+        ref={textRef}
+        numberOfLines={1}
+        ellipsizeMode="clip"
+        style={{ fontSize, fontFamily, ...style }}
+      >
+        {truncated}
+      </Text>
+    </View>
+  );
+};
+
+const styles = StyleSheet.create({
+  container: {
+    overflow: "hidden",
+  },
+});
+
+export default DynamicTruncatedText;
diff --git a/components/_ShareComponent/ViewWrapper.tsx b/components/_ShareComponent/ViewWrapper.tsx
index ff8117f..b2c7ab5 100644
--- a/components/_ShareComponent/ViewWrapper.tsx
+++ b/components/_ShareComponent/ViewWrapper.tsx
@@ -1,4 +1,5 @@
 /* eslint-disable @typescript-eslint/no-unused-vars */
+import { MainColor } from "@/constants/color-palet";
 import { globalStyles } from "@/constants/global-styles";
 import { ImageBackground, ScrollView, View } from "react-native";
 import { SafeAreaView } from "react-native-safe-area-context";
@@ -12,13 +13,14 @@ const ViewWrapper = ({ children }: ViewWrapperProps) => {
 
   return (
     <SafeAreaView
-      edges={["top", "bottom"]}
+      edges={[]}
       style={{
         flex: 1,
         // paddingTop: StatusBar.currentHeight,
       }}
+      
     >
-      <ScrollView contentContainerStyle={{ flexGrow: 1 }}>
+      <ScrollView contentContainerStyle={{ flexGrow: 1 }} >
         <ImageBackground
           source={require("../../assets/images/main-background.png")}
           resizeMode="cover"
diff --git a/constants/global-styles.ts b/constants/global-styles.ts
index 65d4949..18521a4 100644
--- a/constants/global-styles.ts
+++ b/constants/global-styles.ts
@@ -7,6 +7,13 @@ export const globalStyles = StyleSheet.create({
     paddingInline: 30,
     paddingBlock: 20,
   },
+  mainContainer: {
+    flex: 1,
+    paddingInline: 25,
+    paddingBlock: 10,
+    backgroundColor: MainColor.darkblue,
+  },
+
   imageBackground: {
     height: "100%",
     width: "100%",
diff --git a/package.json b/package.json
index 4594b1c..1c4daa0 100644
--- a/package.json
+++ b/package.json
@@ -15,6 +15,7 @@
     "@react-navigation/bottom-tabs": "^7.3.10",
     "@react-navigation/elements": "^2.3.8",
     "@react-navigation/native": "^7.1.6",
+    "@types/react-native-vector-icons": "^6.4.18",
     "expo": "~53.0.12",
     "expo-blur": "~14.1.5",
     "expo-constants": "~17.1.6",

From bff2a899033d320c3a4f297ee14e00a07cae5d24 Mon Sep 17 00:00:00 2001
From: Bagasbanuna02 <bagasbanuna02@gmail.com>
Date: Thu, 26 Jun 2025 10:29:22 +0800
Subject: [PATCH 03/64] fix folder component

---
 app/(application)/(tabs)/_layout.tsx          | 23 ++++++--
 app/(application)/(tabs)/index.tsx            | 27 ++++++++--
 app/(application)/_layout.tsx                 | 37 +++++++++++--
 app/(application)/event/index.tsx             |  9 ++++
 app/(application)/home.tsx                    |  9 +++-
 app/index.tsx                                 | 36 ++++---------
 app/register.tsx                              | 54 +++++++++----------
 app/verification.tsx                          | 29 ++++------
 components/Home/HomeView.tsx                  | 26 +++------
 .../Button/ButtonCustom.tsx                   |  1 +
 .../Button/buttonStyles.ts                    |  0
 .../TextInput/TextInputCustom.tsx             |  0
 .../TextInput/textInputStyles.ts              |  0
 components/_ShareComponent/ViewWrapper.tsx    | 54 +++++++++++--------
 constants/global-styles.ts                    | 32 +++++++----
 tsconfig.json                                 |  2 +-
 16 files changed, 198 insertions(+), 141 deletions(-)
 create mode 100644 app/(application)/event/index.tsx
 rename components/{ => _ShareComponent}/Button/ButtonCustom.tsx (97%)
 rename components/{ => _ShareComponent}/Button/buttonStyles.ts (100%)
 rename components/{ => _ShareComponent}/TextInput/TextInputCustom.tsx (100%)
 rename components/{ => _ShareComponent}/TextInput/textInputStyles.ts (100%)

diff --git a/app/(application)/(tabs)/_layout.tsx b/app/(application)/(tabs)/_layout.tsx
index 79301f6..2c2d2f8 100644
--- a/app/(application)/(tabs)/_layout.tsx
+++ b/app/(application)/(tabs)/_layout.tsx
@@ -1,11 +1,11 @@
-/* eslint-disable @typescript-eslint/no-unused-vars */
+
 //app/(application)/(tabs)/_layout.tsx
 import { MainColor } from "@/constants/color-palet";
 import { Entypo, Ionicons } from "@expo/vector-icons";
 import { router, Tabs } from "expo-router";
+import { Text, TouchableOpacity } from "react-native";
 
 export default function TabsLayout() {
-
   return (
     <>
       <Tabs
@@ -26,7 +26,24 @@ export default function TabsLayout() {
               <Entypo name="chat" size={20} color={MainColor.white} />
             ),
             headerLeft: () => (
-              <Ionicons name="arrow-back" onPress={() => {router.back()}} size={20} color={MainColor.white} />
+              <Ionicons
+                name="arrow-back"
+                onPress={() => {
+                  router.back();
+                }}
+                size={20}
+                color={MainColor.white}
+              />
+            ),
+            tabBarButton: () => (
+              <TouchableOpacity
+                onPress={() => {
+                  router.navigate("/event");
+                }}
+              >
+                <Entypo name="chat" size={20} color={MainColor.white} />
+                <Text style={{ color: MainColor.white }}>Event</Text>
+              </TouchableOpacity>
             ),
           }}
         />
diff --git a/app/(application)/(tabs)/index.tsx b/app/(application)/(tabs)/index.tsx
index 33d2460..c35e910 100644
--- a/app/(application)/(tabs)/index.tsx
+++ b/app/(application)/(tabs)/index.tsx
@@ -1,9 +1,8 @@
-/* eslint-disable @typescript-eslint/no-unused-vars */
 import HomeView from "@/components/Home/HomeView";
 import { MainColor } from "@/constants/color-palet";
-import { Ionicons } from "@expo/vector-icons";
-import { Stack, useNavigation, useRouter } from "expo-router";
-import { useEffect } from "react";
+import { Stack } from "expo-router";
+import React from "react";
+import { View } from "react-native";
 
 export default function Tabs() {
   // const router = useRouter();
@@ -16,7 +15,25 @@ export default function Tabs() {
 
   return (
     <>
-      <HomeView />
+      <View>
+        <Stack.Screen
+          options={{
+            title: "My home",
+            headerStyle: { backgroundColor: MainColor.darkblue },
+            headerTintColor: "#fff",
+            headerTitleStyle: {
+              fontWeight: "bold",
+            },
+            
+            // headerTitle: (props) => <LogoTitle {...props} />,
+          }}
+          />
+          <HomeView />
+        {/* <Text>Home Screen</Text>
+        <Link href={{ pathname: "/(application)/(tabs)/forum" }}>
+          Go to Details
+        </Link> */}
+      </View>
     </>
   );
 }
diff --git a/app/(application)/_layout.tsx b/app/(application)/_layout.tsx
index 9b99d6c..9c84311 100644
--- a/app/(application)/_layout.tsx
+++ b/app/(application)/_layout.tsx
@@ -1,7 +1,6 @@
-/* eslint-disable @typescript-eslint/no-unused-vars */
 import { AccentColor, MainColor } from "@/constants/color-palet";
 import { Ionicons } from "@expo/vector-icons";
-import { Stack } from "expo-router";
+import { router, Stack } from "expo-router";
 
 export default function ApplicationLayout() {
   return (
@@ -18,13 +17,12 @@ export default function ApplicationLayout() {
           headerLargeStyle: {
             backgroundColor: MainColor.darkblue,
           },
-          headerShadowVisible: false,
         }}
       >
         <Stack.Screen
           name="(tabs)"
           options={{
-            headerShown:  false,
+            headerShown: false,
             // title: "iii",
             // headerLeft: () => (
             //   <Ionicons name="search" size={20} color={MainColor.white} />
@@ -34,7 +32,36 @@ export default function ApplicationLayout() {
             // ),
           }}
         />
-        {/* <Stack.Screen name="forum/index"  options={{ title: "Forum",  }} /> */}
+        <Stack.Screen
+          name="event/index"
+          options={{
+            title: "Event",
+            headerLeft: () => (
+              <Ionicons
+                name="arrow-back"
+                size={20}
+                color={MainColor.yellow}
+                onPress={() => router.back()}
+              />
+            ),
+          }}
+        />
+        {/* <Stack.Screen
+          name="home"
+          options={{
+            title: "HIPMI",
+            headerLeft: () => (
+              <Ionicons name="search" size={20} color={MainColor.yellow} />
+            ),
+            headerRight: () => (
+              <Ionicons
+                name="notifications"
+                size={20}
+                color={MainColor.yellow}
+              />
+            ),
+          }}
+        /> */}
       </Stack>
     </>
   );
diff --git a/app/(application)/event/index.tsx b/app/(application)/event/index.tsx
new file mode 100644
index 0000000..707b155
--- /dev/null
+++ b/app/(application)/event/index.tsx
@@ -0,0 +1,9 @@
+import { Text, View } from "react-native";
+
+export default function Event() {
+    return (
+        <View>
+            <Text>Event</Text>
+        </View>
+    )
+}
\ No newline at end of file
diff --git a/app/(application)/home.tsx b/app/(application)/home.tsx
index d58af90..16f685d 100644
--- a/app/(application)/home.tsx
+++ b/app/(application)/home.tsx
@@ -1,9 +1,16 @@
+import ViewWrapper from "@/components/_ShareComponent/ViewWrapper";
 import HomeView from "@/components/Home/HomeView";
+import { Styles } from "@/constants/global-styles";
+import { View } from "react-native";
 
 export default function Application() {
   return (
     <>
-     <HomeView />
+      <ViewWrapper>
+        <View style={Styles.container}>
+          <HomeView />
+        </View>
+      </ViewWrapper>
     </>
   );
 }
diff --git a/app/index.tsx b/app/index.tsx
index 611c6bd..0237e05 100644
--- a/app/index.tsx
+++ b/app/index.tsx
@@ -1,14 +1,13 @@
-/* eslint-disable @typescript-eslint/no-unused-vars */
+ 
+import ButtonCustom from "@/components/_ShareComponent/Button/ButtonCustom";
 import Spacing from "@/components/_ShareComponent/Spacing";
 import ViewWrapper from "@/components/_ShareComponent/ViewWrapper";
-import ButtonCustom from "@/components/Button/ButtonCustom";
 import { MainColor } from "@/constants/color-palet";
-import { globalStyles } from "@/constants/global-styles";
-import { Stack, useRouter } from "expo-router";
+import { Styles } from "@/constants/global-styles";
+import { useRouter } from "expo-router";
 import { useState } from "react";
 import { Text, View } from "react-native";
 import PhoneInput, { ICountry } from "react-native-international-phone-number";
-import { MaterialIcons } from "@expo/vector-icons";
 
 export default function Login() {
   const router = useRouter();
@@ -32,20 +31,13 @@ export default function Login() {
   }
 
   return (
-    
-    <ViewWrapper>
-      <View
-        style={{
-          flex: 1,
-          justifyContent: "center",
-          height: "100%",
-        }}
-      >
+    <ViewWrapper withBackground>
+      <View style={Styles.authContainer}>
         <View>
-          <View style={globalStyles.authContainer}>
-            <Text style={globalStyles.authSubTitle}>WELCOME TO</Text>
+          <View style={Styles.authContainerTitle}>
+            <Text style={Styles.authSubTitle}>WELCOME TO</Text>
             <Spacing height={5} />
-            <Text style={globalStyles.authTitle}>HIPMI BADUNG APPS</Text>
+            <Text style={Styles.authTitle}>HIPMI BADUNG APPS</Text>
             <Spacing height={5} />
           </View>
           <Spacing height={50} />
@@ -64,16 +56,6 @@ export default function Login() {
           </Text>
         </View>
 
-        {/* Input dengan prefix teks */}
-        {/* <TextInputCustom
-          label="Nomor Telepon"
-          placeholder="Masukkan nomor"
-          value={phone}
-          onChangeText={setPhone}
-          iconLeft="+62"
-          keyboardType="phone-pad"
-        /> */}
-
         <PhoneInput
           value={inputValue}
           onChangePhoneNumber={handleInputValue}
diff --git a/app/register.tsx b/app/register.tsx
index 6c99832..f76c009 100644
--- a/app/register.tsx
+++ b/app/register.tsx
@@ -1,36 +1,29 @@
-import { Text, View } from "react-native";
-import ViewWrapper from "@/components/_ShareComponent/ViewWrapper";
-import { globalStyles } from "@/constants/global-styles";
+import ButtonCustom from "@/components/_ShareComponent/Button/ButtonCustom";
 import Spacing from "@/components/_ShareComponent/Spacing";
-import { EvilIcons } from "@expo/vector-icons";
+import ViewWrapper from "@/components/_ShareComponent/ViewWrapper";
+import { TextInputCustom } from "@/components/_ShareComponent/TextInput/TextInputCustom";
 import { MainColor } from "@/constants/color-palet";
-import { TextInputCustom } from "@/components/TextInput/TextInputCustom";
-import ButtonCustom from "@/components/Button/ButtonCustom";
-import { useRouter } from "expo-router";
+import { Styles } from "@/constants/global-styles";
+import { MaterialCommunityIcons } from "@expo/vector-icons";
+import { router } from "expo-router";
+import { Text, View } from "react-native";
 
 export default function Register() {
-  const router = useRouter();
   return (
-    <ViewWrapper>
-      <View
-        style={{
-          flex: 1,
-          justifyContent: "center",
-          height: "100%",
-        }}
-      >
+    <ViewWrapper withBackground>
+      <View style={Styles.authContainer}>
         <View>
-          <View style={globalStyles.authContainer}>
-            <Text style={globalStyles.authTitle}>REGISTRASI</Text>
-            <Spacing height={30} />
-            <EvilIcons name="user" size={100} color={MainColor.yellow} />
-            <Spacing height={30} />
+          <View style={Styles.authContainerTitle}>
+            <Text style={Styles.authTitle}>REGISTRASI</Text>
+            <Spacing />
+            <MaterialCommunityIcons name="account" size={100} color={MainColor.yellow} />
+            <Spacing />
 
-            <Text style={globalStyles.textLabel}>
+            <Text style={Styles.textLabel}>
               Anda akan terdaftar dengan nomor
             </Text>
-            <Text style={globalStyles.textLabel}>+6282xxxxxxxxx</Text>
-            <Spacing height={30} />
+            <Text style={Styles.textLabel}>+6282xxxxxxxxx</Text>
+            <Spacing />
           </View>
           <TextInputCustom placeholder="Masukkan username" />
 
@@ -41,16 +34,19 @@ export default function Register() {
             radius={10}
             onPress={() => (
               console.log("Success register"),
-              router.push("/(application)/home")
+              router.push("/(application)/(tabs)")
             )}
           />
-          {/* <Spacing height={10} />
-          <ButtonCustom
-            title="Katalog"
+          <Spacing />
+          {/* <ButtonCustom
+            title="Home"
             backgroundColor={MainColor.yellow}
             textColor={MainColor.black}
             radius={10}
-            onPress={() => router.push("/(application)/(katalog)")}
+            onPress={() => {
+              console.log("Home clicked");
+              router.push("/(application)/home");
+            }}
           /> */}
         </View>
       </View>
diff --git a/app/verification.tsx b/app/verification.tsx
index 94ad65f..b4f625c 100644
--- a/app/verification.tsx
+++ b/app/verification.tsx
@@ -1,30 +1,23 @@
-import ButtonCustom from "@/components/Button/ButtonCustom";
+import ButtonCustom from "@/components/_ShareComponent/Button/ButtonCustom";
 import Spacing from "@/components/_ShareComponent/Spacing";
 import ViewWrapper from "@/components/_ShareComponent/ViewWrapper";
 import { MainColor } from "@/constants/color-palet";
-import { globalStyles } from "@/constants/global-styles";
-import { useRouter } from "expo-router"
-
+import { Styles } from "@/constants/global-styles";
+import { useRouter } from "expo-router";
 import { Text, View } from "react-native";
 import { OtpInput } from "react-native-otp-entry";
 
 export default function Validasi() {
   const router = useRouter();
   return (
-    <ViewWrapper> 
-      <View
-        style={{
-          flex: 1,
-          justifyContent: "center",
-          height: "100%",
-        }}
-      >
+    <ViewWrapper withBackground>
+      <View style={Styles.authContainer}>
         <View>
-          <View style={globalStyles.authContainer}>
-            <Text style={globalStyles.authTitle}>Verifikasi KOde OTP</Text>
+          <View style={Styles.authContainerTitle}>
+            <Text style={Styles.authTitle}>Verifikasi KOde OTP</Text>
             <Spacing height={30} />
-            <Text style={globalStyles.textLabel}>Masukan 4 digit kode otp</Text>
-            <Text style={globalStyles.textLabel}>
+            <Text style={Styles.textLabel}>Masukan 4 digit kode otp</Text>
+            <Text style={Styles.textLabel}>
               Yang di kirim ke +6282xxxxxxxxx
             </Text>
             <Spacing height={30} />
@@ -46,9 +39,9 @@ export default function Validasi() {
               }}
             />
             <Spacing height={30} />
-            <Text style={globalStyles.textLabel}>
+            <Text style={Styles.textLabel}>
               Tidak menerima kode ?{" "}
-              <Text style={{ ...globalStyles.textLabel }}>Kirim Ulang</Text>
+              <Text style={Styles.textLabel}>Kirim Ulang</Text>
             </Text>
           </View>
           <Spacing height={30} />
diff --git a/components/Home/HomeView.tsx b/components/Home/HomeView.tsx
index c15b636..ba3f748 100644
--- a/components/Home/HomeView.tsx
+++ b/components/Home/HomeView.tsx
@@ -1,33 +1,18 @@
 import Spacing from "@/components/_ShareComponent/Spacing";
-import { MainColor } from "@/constants/color-palet";
-import { globalStyles } from "@/constants/global-styles";
+import { Styles } from "@/constants/global-styles";
 import { Ionicons } from "@expo/vector-icons";
 import { Image } from "expo-image";
-import { useNavigation } from "expo-router";
-import { useEffect } from "react";
+import { router } from "expo-router";
 import { ScrollView, Text, TouchableOpacity, View } from "react-native";
 import Icon from "react-native-vector-icons/FontAwesome";
 import DynamicTruncatedText from "../_ShareComponent/TruncatedText";
 import { stylesHome } from "./homeViewStyle";
 
 export default function HomeView() {
-  const navigation = useNavigation();
-  useEffect(() => {
-    navigation.setOptions({
-      title: "HIPMI",
-      headerLeft: () => (
-        <Ionicons name="search" size={20} color={MainColor.white} />
-      ),
-      headerRight: () => (
-        <Ionicons name="notifications" size={20} color={MainColor.white} />
-      ),
-    });
-  }, [navigation]);
-
   return (
     <>
       <ScrollView contentContainerStyle={{ flexGrow: 1 }}>
-        <View style={globalStyles.mainContainer}>
+        <View style={Styles.homeContainer}>
           <Spacing height={20} />
           <View
             style={{
@@ -54,7 +39,10 @@ export default function HomeView() {
 
           {/* Grid Section */}
           <View style={stylesHome.gridContainer}>
-            <TouchableOpacity style={stylesHome.gridItem}>
+            <TouchableOpacity
+              style={stylesHome.gridItem}
+              onPress={() => router.push("/(application)/event")}
+            >
               <Ionicons name="analytics" size={48} color="white" />
               <Text style={stylesHome.gridLabel}>Event</Text>
             </TouchableOpacity>
diff --git a/components/Button/ButtonCustom.tsx b/components/_ShareComponent/Button/ButtonCustom.tsx
similarity index 97%
rename from components/Button/ButtonCustom.tsx
rename to components/_ShareComponent/Button/ButtonCustom.tsx
index 065cb5e..b50ee40 100644
--- a/components/Button/ButtonCustom.tsx
+++ b/components/_ShareComponent/Button/ButtonCustom.tsx
@@ -35,6 +35,7 @@ const ButtonCustom: React.FC<ButtonProps> = ({
       style={[styles.button, disabled && styles.disabled]}
       onPress={onPress}
       disabled={disabled}
+      activeOpacity={0.8}
     >
       {/* Render icon jika tersedia */}
       {iconLeft && iconLeft}
diff --git a/components/Button/buttonStyles.ts b/components/_ShareComponent/Button/buttonStyles.ts
similarity index 100%
rename from components/Button/buttonStyles.ts
rename to components/_ShareComponent/Button/buttonStyles.ts
diff --git a/components/TextInput/TextInputCustom.tsx b/components/_ShareComponent/TextInput/TextInputCustom.tsx
similarity index 100%
rename from components/TextInput/TextInputCustom.tsx
rename to components/_ShareComponent/TextInput/TextInputCustom.tsx
diff --git a/components/TextInput/textInputStyles.ts b/components/_ShareComponent/TextInput/textInputStyles.ts
similarity index 100%
rename from components/TextInput/textInputStyles.ts
rename to components/_ShareComponent/TextInput/textInputStyles.ts
diff --git a/components/_ShareComponent/ViewWrapper.tsx b/components/_ShareComponent/ViewWrapper.tsx
index b2c7ab5..d77efc0 100644
--- a/components/_ShareComponent/ViewWrapper.tsx
+++ b/components/_ShareComponent/ViewWrapper.tsx
@@ -1,35 +1,43 @@
-/* eslint-disable @typescript-eslint/no-unused-vars */
-import { MainColor } from "@/constants/color-palet";
-import { globalStyles } from "@/constants/global-styles";
+import { Styles } from "@/constants/global-styles";
 import { ImageBackground, ScrollView, View } from "react-native";
-import { SafeAreaView } from "react-native-safe-area-context";
+import { SafeAreaProvider, SafeAreaView } from "react-native-safe-area-context";
 
 interface ViewWrapperProps {
   children: React.ReactNode;
+  withBackground?: boolean;
 }
 
-const ViewWrapper = ({ children }: ViewWrapperProps) => {
+const ViewWrapper = ({
+  children,
+  withBackground = false,
+}: ViewWrapperProps) => {
+
   const assetBackground = require("../../assets/images/main-background.png");
 
   return (
-    <SafeAreaView
-      edges={[]}
-      style={{
-        flex: 1,
-        // paddingTop: StatusBar.currentHeight,
-      }}
-      
-    >
-      <ScrollView contentContainerStyle={{ flexGrow: 1 }} >
-        <ImageBackground
-          source={require("../../assets/images/main-background.png")}
-          resizeMode="cover"
-          style={globalStyles.imageBackground}
-        >
-          <View style={globalStyles.container}>{children}</View>
-        </ImageBackground>
-      </ScrollView>
-    </SafeAreaView>
+    <SafeAreaProvider>
+      <SafeAreaView
+        edges={[]}
+        style={{
+          flex: 1,
+          // paddingTop: StatusBar.currentHeight,
+        }}
+      >
+        <ScrollView contentContainerStyle={{ flexGrow: 1 }}>
+          {withBackground ? (
+            <ImageBackground
+              source={assetBackground}
+              resizeMode="cover"
+              style={Styles.imageBackground}
+            >
+              <View style={Styles.containerWithBackground}>{children}</View>
+            </ImageBackground>
+          ) : (
+            <View style={Styles.container}>{children}</View>
+          )}
+        </ScrollView>
+      </SafeAreaView>
+    </SafeAreaProvider>
   );
 };
 
diff --git a/constants/global-styles.ts b/constants/global-styles.ts
index 18521a4..725df9d 100644
--- a/constants/global-styles.ts
+++ b/constants/global-styles.ts
@@ -1,29 +1,31 @@
 import { StyleSheet } from "react-native";
 import { MainColor } from "./color-palet";
 
-export const globalStyles = StyleSheet.create({
+export const Styles = StyleSheet.create({
   container: {
-    flex: 1,
-    paddingInline: 30,
-    paddingBlock: 20,
-  },
-  mainContainer: {
     flex: 1,
     paddingInline: 25,
     paddingBlock: 10,
     backgroundColor: MainColor.darkblue,
   },
-
+  containerWithBackground: {
+    flex: 1,
+    paddingInline: 25,
+    paddingBlock: 10,
+  },
   imageBackground: {
     height: "100%",
     width: "100%",
   },
-
+  
   // AUTHENTICATION
   authContainer: {
+    flex: 1,
+    justifyContent: "center",
+  },
+  authContainerTitle: {
     justifyContent: "center",
     alignItems: "center",
-    // marginBottom: 50,
   },
   authTitle: {
     fontSize: 27,
@@ -35,9 +37,19 @@ export const globalStyles = StyleSheet.create({
     color: MainColor.yellow,
     fontWeight: "bold",
   },
+  
+  // TEXT & LABEL
   textLabel: {
-    fontSize: 16,
+    fontSize: 14,
     color: MainColor.white,
     fontWeight: "normal",
   },
+
+  // HOME
+  homeContainer: {
+    flex: 1,
+    paddingInline: 25,
+    paddingBlock: 10,
+    backgroundColor: MainColor.darkblue,
+  },
 });
diff --git a/tsconfig.json b/tsconfig.json
index 77e7a0c..4d40f3b 100644
--- a/tsconfig.json
+++ b/tsconfig.json
@@ -13,5 +13,5 @@
     "**/*.tsx",
     ".expo/types/**/*.ts",
     "expo-env.d.ts"
-, "components/Button/ButtonCustom"  ]
+, "components/_ShareComponent/Button/ButtonCustom"  ]
 }

From cd35201e30d7d0517f5bd3ec1659ede9e3332658 Mon Sep 17 00:00:00 2001
From: Bagasbanuna02 <bagasbanuna02@gmail.com>
Date: Thu, 26 Jun 2025 12:14:55 +0800
Subject: [PATCH 04/64] penambahan folder screens, styles dan navigation

---
 app/(application)/(tabs)/index.tsx            |  2 +-
 app/(application)/home.tsx                    |  4 +-
 app/index.tsx                                 | 79 +------------------
 app/register.tsx                              | 54 +------------
 app/verification.tsx                          | 61 ++------------
 bun.lock                                      | 15 +++-
 .../Button/ButtonCustom.tsx                   |  0
 .../Button/buttonStyles.ts                    |  0
 .../TextInput/TextInputCustom.tsx             |  0
 .../TextInput/textInputStyles.ts              |  0
 components/_ShareComponent/ViewWrapper.tsx    |  2 +-
 package.json                                  |  3 +-
 screens/Authentication/LoginView.tsx          | 78 ++++++++++++++++++
 screens/Authentication/RegisterView.tsx       | 62 +++++++++++++++
 screens/Authentication/VerificationView.tsx   | 61 ++++++++++++++
 {components => screens}/Home/HomeView.tsx     |  4 +-
 .../Home/homeViewStyle.tsx                    |  0
 {constants => styles}/global-styles.ts        |  2 +-
 tsconfig.json                                 |  2 +-
 19 files changed, 236 insertions(+), 193 deletions(-)
 rename components/{_ShareComponent => }/Button/ButtonCustom.tsx (100%)
 rename components/{_ShareComponent => }/Button/buttonStyles.ts (100%)
 rename components/{_ShareComponent => }/TextInput/TextInputCustom.tsx (100%)
 rename components/{_ShareComponent => }/TextInput/textInputStyles.ts (100%)
 create mode 100644 screens/Authentication/LoginView.tsx
 create mode 100644 screens/Authentication/RegisterView.tsx
 create mode 100644 screens/Authentication/VerificationView.tsx
 rename {components => screens}/Home/HomeView.tsx (97%)
 rename {components => screens}/Home/homeViewStyle.tsx (100%)
 rename {constants => styles}/global-styles.ts (94%)

diff --git a/app/(application)/(tabs)/index.tsx b/app/(application)/(tabs)/index.tsx
index c35e910..872b4d5 100644
--- a/app/(application)/(tabs)/index.tsx
+++ b/app/(application)/(tabs)/index.tsx
@@ -1,4 +1,4 @@
-import HomeView from "@/components/Home/HomeView";
+import HomeView from "@/screens/Home/HomeView";
 import { MainColor } from "@/constants/color-palet";
 import { Stack } from "expo-router";
 import React from "react";
diff --git a/app/(application)/home.tsx b/app/(application)/home.tsx
index 16f685d..1fa68dd 100644
--- a/app/(application)/home.tsx
+++ b/app/(application)/home.tsx
@@ -1,6 +1,6 @@
 import ViewWrapper from "@/components/_ShareComponent/ViewWrapper";
-import HomeView from "@/components/Home/HomeView";
-import { Styles } from "@/constants/global-styles";
+import HomeView from "@/screens/Home/HomeView";
+import { Styles } from "@/styles/global-styles";
 import { View } from "react-native";
 
 export default function Application() {
diff --git a/app/index.tsx b/app/index.tsx
index 0237e05..ec03a4e 100644
--- a/app/index.tsx
+++ b/app/index.tsx
@@ -1,80 +1,9 @@
- 
-import ButtonCustom from "@/components/_ShareComponent/Button/ButtonCustom";
-import Spacing from "@/components/_ShareComponent/Spacing";
-import ViewWrapper from "@/components/_ShareComponent/ViewWrapper";
-import { MainColor } from "@/constants/color-palet";
-import { Styles } from "@/constants/global-styles";
-import { useRouter } from "expo-router";
-import { useState } from "react";
-import { Text, View } from "react-native";
-import PhoneInput, { ICountry } from "react-native-international-phone-number";
+import LoginView from "@/screens/Authentication/LoginView";
 
 export default function Login() {
-  const router = useRouter();
-
-  const [selectedCountry, setSelectedCountry] = useState<null | ICountry>(null);
-  const [inputValue, setInputValue] = useState<string>("");
-
-  function handleInputValue(phoneNumber: string) {
-    setInputValue(phoneNumber);
-  }
-
-  function handleSelectedCountry(country: ICountry) {
-    setSelectedCountry(country);
-  }
-
-  function handleLogin() {
-    const callingCode = selectedCountry?.callingCode.replace(/^\+/, "") || "";
-    const fixNumber = callingCode + inputValue;
-    console.log(fixNumber);
-    router.push("/verification");
-  }
-
   return (
-    <ViewWrapper withBackground>
-      <View style={Styles.authContainer}>
-        <View>
-          <View style={Styles.authContainerTitle}>
-            <Text style={Styles.authSubTitle}>WELCOME TO</Text>
-            <Spacing height={5} />
-            <Text style={Styles.authTitle}>HIPMI BADUNG APPS</Text>
-            <Spacing height={5} />
-          </View>
-          <Spacing height={50} />
-          <Text
-            style={{
-              position: "absolute",
-              bottom: 30,
-              right: 20,
-              fontSize: 10,
-              fontWeight: "thin",
-              fontStyle: "italic",
-              color: MainColor.white,
-            }}
-          >
-            powered by muku.id
-          </Text>
-        </View>
-
-        <PhoneInput
-          value={inputValue}
-          onChangePhoneNumber={handleInputValue}
-          selectedCountry={selectedCountry}
-          onChangeSelectedCountry={handleSelectedCountry}
-          defaultCountry="ID"
-          placeholder="Masukkan nomor"
-        />
-
-        <Spacing height={20} />
-
-        <ButtonCustom
-          title="Login"
-          backgroundColor={MainColor.yellow}
-          textColor={MainColor.black}
-          radius={10}
-          onPress={handleLogin}
-        />
-      </View>
-    </ViewWrapper>
+    <>
+      <LoginView />
+    </>
   );
 }
diff --git a/app/register.tsx b/app/register.tsx
index f76c009..036357c 100644
--- a/app/register.tsx
+++ b/app/register.tsx
@@ -1,55 +1,9 @@
-import ButtonCustom from "@/components/_ShareComponent/Button/ButtonCustom";
-import Spacing from "@/components/_ShareComponent/Spacing";
-import ViewWrapper from "@/components/_ShareComponent/ViewWrapper";
-import { TextInputCustom } from "@/components/_ShareComponent/TextInput/TextInputCustom";
-import { MainColor } from "@/constants/color-palet";
-import { Styles } from "@/constants/global-styles";
-import { MaterialCommunityIcons } from "@expo/vector-icons";
-import { router } from "expo-router";
-import { Text, View } from "react-native";
+import RegisterView from "@/screens/Authentication/RegisterView";
 
 export default function Register() {
   return (
-    <ViewWrapper withBackground>
-      <View style={Styles.authContainer}>
-        <View>
-          <View style={Styles.authContainerTitle}>
-            <Text style={Styles.authTitle}>REGISTRASI</Text>
-            <Spacing />
-            <MaterialCommunityIcons name="account" size={100} color={MainColor.yellow} />
-            <Spacing />
-
-            <Text style={Styles.textLabel}>
-              Anda akan terdaftar dengan nomor
-            </Text>
-            <Text style={Styles.textLabel}>+6282xxxxxxxxx</Text>
-            <Spacing />
-          </View>
-          <TextInputCustom placeholder="Masukkan username" />
-
-          <ButtonCustom
-            title="Daftar"
-            backgroundColor={MainColor.yellow}
-            textColor={MainColor.black}
-            radius={10}
-            onPress={() => (
-              console.log("Success register"),
-              router.push("/(application)/(tabs)")
-            )}
-          />
-          <Spacing />
-          {/* <ButtonCustom
-            title="Home"
-            backgroundColor={MainColor.yellow}
-            textColor={MainColor.black}
-            radius={10}
-            onPress={() => {
-              console.log("Home clicked");
-              router.push("/(application)/home");
-            }}
-          /> */}
-        </View>
-      </View>
-    </ViewWrapper>
+    <>
+      <RegisterView />
+    </>
   );
 }
diff --git a/app/verification.tsx b/app/verification.tsx
index b4f625c..b6c01f2 100644
--- a/app/verification.tsx
+++ b/app/verification.tsx
@@ -1,60 +1,9 @@
-import ButtonCustom from "@/components/_ShareComponent/Button/ButtonCustom";
-import Spacing from "@/components/_ShareComponent/Spacing";
-import ViewWrapper from "@/components/_ShareComponent/ViewWrapper";
-import { MainColor } from "@/constants/color-palet";
-import { Styles } from "@/constants/global-styles";
-import { useRouter } from "expo-router";
-import { Text, View } from "react-native";
-import { OtpInput } from "react-native-otp-entry";
+import VerificationView from "@/screens/Authentication/VerificationView";
 
-export default function Validasi() {
-  const router = useRouter();
+export default function Verification() {
   return (
-    <ViewWrapper withBackground>
-      <View style={Styles.authContainer}>
-        <View>
-          <View style={Styles.authContainerTitle}>
-            <Text style={Styles.authTitle}>Verifikasi KOde OTP</Text>
-            <Spacing height={30} />
-            <Text style={Styles.textLabel}>Masukan 4 digit kode otp</Text>
-            <Text style={Styles.textLabel}>
-              Yang di kirim ke +6282xxxxxxxxx
-            </Text>
-            <Spacing height={30} />
-            <OtpInput
-              numberOfDigits={4}
-              theme={{
-                pinCodeContainerStyle: {
-                  backgroundColor: MainColor.login,
-                  borderRadius: 10,
-                  borderWidth: 1,
-                  borderColor: MainColor.yellow,
-                  width: 60,
-                  height: 60,
-                },
-                containerStyle: {
-                  paddingLeft: 10,
-                  paddingRight: 10,
-                },
-              }}
-            />
-            <Spacing height={30} />
-            <Text style={Styles.textLabel}>
-              Tidak menerima kode ?{" "}
-              <Text style={Styles.textLabel}>Kirim Ulang</Text>
-            </Text>
-          </View>
-          <Spacing height={30} />
-        </View>
-
-        <ButtonCustom
-          title="Verifikasi"
-          backgroundColor={MainColor.yellow}
-          textColor={MainColor.black}
-          radius={10}
-          onPress={() => router.push("/register")}
-        />
-      </View>
-    </ViewWrapper>
+    <>
+      <VerificationView />
+    </>
   );
 }
diff --git a/bun.lock b/bun.lock
index 12cb745..0557a4f 100644
--- a/bun.lock
+++ b/bun.lock
@@ -5,9 +5,10 @@
       "name": "hipmi-mobile",
       "dependencies": {
         "@expo/vector-icons": "^14.1.0",
-        "@react-navigation/bottom-tabs": "^7.3.10",
+        "@react-navigation/bottom-tabs": "^7.4.2",
         "@react-navigation/elements": "^2.3.8",
         "@react-navigation/native": "^7.1.6",
+        "@react-navigation/native-stack": "^7.3.21",
         "@types/react-native-vector-icons": "^6.4.18",
         "expo": "~53.0.12",
         "expo-blur": "~14.1.5",
@@ -385,7 +386,7 @@
 
     "@react-native/virtualized-lists": ["@react-native/virtualized-lists@0.79.4", "", { "dependencies": { "invariant": "^2.2.4", "nullthrows": "^1.1.1" }, "peerDependencies": { "@types/react": "^19.0.0", "react": "*", "react-native": "*" } }, "sha512-0Mdcox6e5PTonuM1WIo3ks7MBAa3IDzj0pKnE5xAwSgQ0DJW2P5dYf+KjWmpkE+Yb0w41ZbtXPhKq+U2JJ6C/Q=="],
 
-    "@react-navigation/bottom-tabs": ["@react-navigation/bottom-tabs@7.3.16", "", { "dependencies": { "@react-navigation/elements": "^2.4.5", "color": "^4.2.3" }, "peerDependencies": { "@react-navigation/native": "^7.1.12", "react": ">= 18.2.0", "react-native": "*", "react-native-safe-area-context": ">= 4.0.0", "react-native-screens": ">= 4.0.0" } }, "sha512-BOVtrq5J3zV3T9CeQexX20JrjECWwIgUJj0Uj0DTVuZdvPIf1AHKHDQSWcG6XqDsbqFQu9yCAfRlnt0WwdRP2w=="],
+    "@react-navigation/bottom-tabs": ["@react-navigation/bottom-tabs@7.4.2", "", { "dependencies": { "@react-navigation/elements": "^2.5.2", "color": "^4.2.3" }, "peerDependencies": { "@react-navigation/native": "^7.1.14", "react": ">= 18.2.0", "react-native": "*", "react-native-safe-area-context": ">= 4.0.0", "react-native-screens": ">= 4.0.0" } }, "sha512-jyBux5l3qqEucY5M/ZWxVvfA8TQu7DVl2gK+xB6iKqRUfLf7dSumyVxc7HemDwGFoz3Ug8dVZFvSMEs+mfrieQ=="],
 
     "@react-navigation/core": ["@react-navigation/core@7.11.0", "", { "dependencies": { "@react-navigation/routers": "^7.4.1", "escape-string-regexp": "^4.0.0", "nanoid": "^3.3.11", "query-string": "^7.1.3", "react-is": "^19.1.0", "use-latest-callback": "^0.2.4", "use-sync-external-store": "^1.5.0" }, "peerDependencies": { "react": ">= 18.2.0" } }, "sha512-LfYPtxsMjldJ80BBeedaDCN0LE81WU1NP4V9Ia3wSrCPTAXt11y6holaBUrmUMVQVqpEyPRQrjwrT1QkfGKquw=="],
 
@@ -393,7 +394,7 @@
 
     "@react-navigation/native": ["@react-navigation/native@7.1.12", "", { "dependencies": { "@react-navigation/core": "^7.11.0", "escape-string-regexp": "^4.0.0", "fast-deep-equal": "^3.1.3", "nanoid": "^3.3.11", "use-latest-callback": "^0.2.4" }, "peerDependencies": { "react": ">= 18.2.0", "react-native": "*" } }, "sha512-ezHzrZN+9SE4Co6/H8MgDWlBxfJbVc5xi8szRi2QW8eJlsZsAvgGqtKs4YECraV4Yr9zW8RCzNuUxYiQiPMtEQ=="],
 
-    "@react-navigation/native-stack": ["@react-navigation/native-stack@7.3.17", "", { "dependencies": { "@react-navigation/elements": "^2.4.5", "warn-once": "^0.1.1" }, "peerDependencies": { "@react-navigation/native": "^7.1.12", "react": ">= 18.2.0", "react-native": "*", "react-native-safe-area-context": ">= 4.0.0", "react-native-screens": ">= 4.0.0" } }, "sha512-nPJv5E/7MYZ5NPD0sFP9DjSawEQ1fYXe0sCZT1C5EHGWK08p3+5HkVScXofDDqUtI/q6UU23uE1YoxVWgRbDRw=="],
+    "@react-navigation/native-stack": ["@react-navigation/native-stack@7.3.21", "", { "dependencies": { "@react-navigation/elements": "^2.5.2", "warn-once": "^0.1.1" }, "peerDependencies": { "@react-navigation/native": "^7.1.14", "react": ">= 18.2.0", "react-native": "*", "react-native-safe-area-context": ">= 4.0.0", "react-native-screens": ">= 4.0.0" } }, "sha512-oNNZHzkxILEibesamRKLodfXAaDOUvMBITKXLLeblDxnTAyIB/Kf7CmV+8nwkdAgV04kURTxV0SQI+d8gLUm6g=="],
 
     "@react-navigation/routers": ["@react-navigation/routers@7.4.1", "", { "dependencies": { "nanoid": "^3.3.11" } }, "sha512-42mZrMzQ0LfKxUb5OHIurYrPYyRsXFLolucILrvm21f0O40Sw0Ufh1bnn/jRqnxZZu7wvpUGIGYM8nS9zVE1Aw=="],
 
@@ -1767,6 +1768,10 @@
 
     "@react-native/dev-middleware/debug": ["debug@2.6.9", "", { "dependencies": { "ms": "2.0.0" } }, "sha512-bC7ElrdJaJnPbAP+1EotYvqZsb3ecl5wi6Bfi6BJTUcNowp6cvspg0jXznRTKDjm/E7AdgFBVeAPVMNcKGsHMA=="],
 
+    "@react-navigation/bottom-tabs/@react-navigation/elements": ["@react-navigation/elements@2.5.2", "", { "dependencies": { "color": "^4.2.3", "use-latest-callback": "^0.2.4", "use-sync-external-store": "^1.5.0" }, "peerDependencies": { "@react-native-masked-view/masked-view": ">= 0.2.0", "@react-navigation/native": "^7.1.14", "react": ">= 18.2.0", "react-native": "*", "react-native-safe-area-context": ">= 4.0.0" }, "optionalPeers": ["@react-native-masked-view/masked-view"] }, "sha512-aGC3ukF5+lXuiF5bK7bJyRuWCE+Tk4MZ3GoQpAb7u7+m0KmsquliDhj4UCWEUU5kUoCeoRAUvv+1lKcYKf+WTQ=="],
+
+    "@react-navigation/native-stack/@react-navigation/elements": ["@react-navigation/elements@2.5.2", "", { "dependencies": { "color": "^4.2.3", "use-latest-callback": "^0.2.4", "use-sync-external-store": "^1.5.0" }, "peerDependencies": { "@react-native-masked-view/masked-view": ">= 0.2.0", "@react-navigation/native": "^7.1.14", "react": ">= 18.2.0", "react-native": "*", "react-native-safe-area-context": ">= 4.0.0" }, "optionalPeers": ["@react-native-masked-view/masked-view"] }, "sha512-aGC3ukF5+lXuiF5bK7bJyRuWCE+Tk4MZ3GoQpAb7u7+m0KmsquliDhj4UCWEUU5kUoCeoRAUvv+1lKcYKf+WTQ=="],
+
     "@typescript-eslint/eslint-plugin/ignore": ["ignore@7.0.5", "", {}, "sha512-Hs59xBNfUIunMFgWAbGX5cq6893IbWg4KnrjbYwX3tx0ztorVgTDA6B2sxf8ejHJ4wz8BqGUMYlnzNBer5NvGg=="],
 
     "@typescript-eslint/typescript-estree/minimatch": ["minimatch@9.0.5", "", { "dependencies": { "brace-expansion": "^2.0.1" } }, "sha512-G6T0ZX48xgozx7587koeX9Ys2NYy6Gmv//P89sEte9V9whIapMNF4idKxnW2QtCcLiTWlb/wfCabAtAFWhhBow=="],
@@ -1815,6 +1820,10 @@
 
     "expo-modules-autolinking/glob": ["glob@10.4.5", "", { "dependencies": { "foreground-child": "^3.1.0", "jackspeak": "^3.1.2", "minimatch": "^9.0.4", "minipass": "^7.1.2", "package-json-from-dist": "^1.0.0", "path-scurry": "^1.11.1" }, "bin": "dist/esm/bin.mjs" }, "sha512-7Bv8RF0k6xjo7d4A/PxYLbUCfb6c+Vpd2/mB2yRDlew7Jb5hEXiCD9ibfO7wpk8i4sevK6DFny9h7EYbM3/sHg=="],
 
+    "expo-router/@react-navigation/bottom-tabs": ["@react-navigation/bottom-tabs@7.3.16", "", { "dependencies": { "@react-navigation/elements": "^2.4.5", "color": "^4.2.3" }, "peerDependencies": { "@react-navigation/native": "^7.1.12", "react": ">= 18.2.0", "react-native": "*", "react-native-safe-area-context": ">= 4.0.0", "react-native-screens": ">= 4.0.0" } }, "sha512-BOVtrq5J3zV3T9CeQexX20JrjECWwIgUJj0Uj0DTVuZdvPIf1AHKHDQSWcG6XqDsbqFQu9yCAfRlnt0WwdRP2w=="],
+
+    "expo-router/@react-navigation/native-stack": ["@react-navigation/native-stack@7.3.17", "", { "dependencies": { "@react-navigation/elements": "^2.4.5", "warn-once": "^0.1.1" }, "peerDependencies": { "@react-navigation/native": "^7.1.12", "react": ">= 18.2.0", "react-native": "*", "react-native-safe-area-context": ">= 4.0.0", "react-native-screens": ">= 4.0.0" } }, "sha512-nPJv5E/7MYZ5NPD0sFP9DjSawEQ1fYXe0sCZT1C5EHGWK08p3+5HkVScXofDDqUtI/q6UU23uE1YoxVWgRbDRw=="],
+
     "expo-router/semver": ["semver@7.6.3", "", { "bin": "bin/semver.js" }, "sha512-oVekP1cKtI+CTDvHWYFUcMtsK/00wmAEfyqKfNdARm8u1wNVhSgaX7A8d4UuIlUI5e84iEwOhs7ZPYRmzU9U6A=="],
 
     "fast-glob/glob-parent": ["glob-parent@5.1.2", "", { "dependencies": { "is-glob": "^4.0.1" } }, "sha512-AOIgSQCepiJYwP3ARnGx+5VnTu2HBYdzbGP45eLw1vr3zB3vZLeyed1sC9hnbcOc9/SrMyM5RPQrkGz4aS9Zow=="],
diff --git a/components/_ShareComponent/Button/ButtonCustom.tsx b/components/Button/ButtonCustom.tsx
similarity index 100%
rename from components/_ShareComponent/Button/ButtonCustom.tsx
rename to components/Button/ButtonCustom.tsx
diff --git a/components/_ShareComponent/Button/buttonStyles.ts b/components/Button/buttonStyles.ts
similarity index 100%
rename from components/_ShareComponent/Button/buttonStyles.ts
rename to components/Button/buttonStyles.ts
diff --git a/components/_ShareComponent/TextInput/TextInputCustom.tsx b/components/TextInput/TextInputCustom.tsx
similarity index 100%
rename from components/_ShareComponent/TextInput/TextInputCustom.tsx
rename to components/TextInput/TextInputCustom.tsx
diff --git a/components/_ShareComponent/TextInput/textInputStyles.ts b/components/TextInput/textInputStyles.ts
similarity index 100%
rename from components/_ShareComponent/TextInput/textInputStyles.ts
rename to components/TextInput/textInputStyles.ts
diff --git a/components/_ShareComponent/ViewWrapper.tsx b/components/_ShareComponent/ViewWrapper.tsx
index d77efc0..c409f76 100644
--- a/components/_ShareComponent/ViewWrapper.tsx
+++ b/components/_ShareComponent/ViewWrapper.tsx
@@ -1,4 +1,4 @@
-import { Styles } from "@/constants/global-styles";
+import { Styles } from "@/styles/global-styles";
 import { ImageBackground, ScrollView, View } from "react-native";
 import { SafeAreaProvider, SafeAreaView } from "react-native-safe-area-context";
 
diff --git a/package.json b/package.json
index 1c4daa0..e4d9d0d 100644
--- a/package.json
+++ b/package.json
@@ -12,9 +12,10 @@
   },
   "dependencies": {
     "@expo/vector-icons": "^14.1.0",
-    "@react-navigation/bottom-tabs": "^7.3.10",
+    "@react-navigation/bottom-tabs": "^7.4.2",
     "@react-navigation/elements": "^2.3.8",
     "@react-navigation/native": "^7.1.6",
+    "@react-navigation/native-stack": "^7.3.21",
     "@types/react-native-vector-icons": "^6.4.18",
     "expo": "~53.0.12",
     "expo-blur": "~14.1.5",
diff --git a/screens/Authentication/LoginView.tsx b/screens/Authentication/LoginView.tsx
new file mode 100644
index 0000000..44c290c
--- /dev/null
+++ b/screens/Authentication/LoginView.tsx
@@ -0,0 +1,78 @@
+import { MainColor } from "@/constants/color-palet";
+import { Styles } from "@/styles/global-styles";
+import { router } from "expo-router";
+import { useState } from "react";
+import { Text, View } from "react-native";
+import PhoneInput, { ICountry } from "react-native-international-phone-number";
+import ButtonCustom from "@/components/Button/ButtonCustom";
+import Spacing from "@/components/_ShareComponent/Spacing";
+import ViewWrapper from "@/components/_ShareComponent/ViewWrapper";
+
+
+export default function LoginView() {
+  const [selectedCountry, setSelectedCountry] = useState<null | ICountry>(null);
+  const [inputValue, setInputValue] = useState<string>("");
+
+  function handleInputValue(phoneNumber: string) {
+    setInputValue(phoneNumber);
+  }
+
+  function handleSelectedCountry(country: ICountry) {
+    setSelectedCountry(country);
+  }
+
+  function handleLogin() {
+    const callingCode = selectedCountry?.callingCode.replace(/^\+/, "") || "";
+    const fixNumber = callingCode + inputValue;
+    console.log(fixNumber);
+    router.push("/verification");
+  }
+
+  return (
+    <ViewWrapper withBackground>
+      <View style={Styles.authContainer}>
+        <View>
+          <View style={Styles.authContainerTitle}>
+            <Text style={Styles.authSubTitle}>WELCOME TO</Text>
+            <Spacing height={5} />
+            <Text style={Styles.authTitle}>HIPMI BADUNG APPS</Text>
+            <Spacing height={5} />
+          </View>
+          <Spacing height={50} />
+          <Text
+            style={{
+              position: "absolute",
+              bottom: 30,
+              right: 20,
+              fontSize: 10,
+              fontWeight: "thin",
+              fontStyle: "italic",
+              color: MainColor.white,
+            }}
+          >
+            powered by muku.id
+          </Text>
+        </View>
+
+        <PhoneInput
+          value={inputValue}
+          onChangePhoneNumber={handleInputValue}
+          selectedCountry={selectedCountry}
+          onChangeSelectedCountry={handleSelectedCountry}
+          defaultCountry="ID"
+          placeholder="Masukkan nomor"
+        />
+
+        <Spacing height={20} />
+
+        <ButtonCustom
+          title="Login"
+          backgroundColor={MainColor.yellow}
+          textColor={MainColor.black}
+          radius={10}
+          onPress={handleLogin}
+        />
+      </View>
+    </ViewWrapper>
+  );
+}
diff --git a/screens/Authentication/RegisterView.tsx b/screens/Authentication/RegisterView.tsx
new file mode 100644
index 0000000..f12e41d
--- /dev/null
+++ b/screens/Authentication/RegisterView.tsx
@@ -0,0 +1,62 @@
+import Spacing from "@/components/_ShareComponent/Spacing";
+import ViewWrapper from "@/components/_ShareComponent/ViewWrapper";
+import ButtonCustom from "@/components/Button/ButtonCustom";
+import { TextInputCustom } from "@/components/TextInput/TextInputCustom";
+import { MainColor } from "@/constants/color-palet";
+import { Styles } from "@/styles/global-styles";
+import { MaterialCommunityIcons } from "@expo/vector-icons";
+import { router } from "expo-router";
+import { Text, View } from "react-native";
+
+
+export default function RegisterView() {
+  return (
+    <>
+      <ViewWrapper withBackground>
+        <View style={Styles.authContainer}>
+          <View>
+            <View style={Styles.authContainerTitle}>
+              <Text style={Styles.authTitle}>REGISTRASI</Text>
+              <Spacing />
+              <MaterialCommunityIcons
+                name="account"
+                size={100}
+                color={MainColor.yellow}
+              />
+              <Spacing />
+
+              <Text style={Styles.textLabel}>
+                Anda akan terdaftar dengan nomor
+              </Text>
+              <Text style={Styles.textLabel}>+6282xxxxxxxxx</Text>
+              <Spacing />
+            </View>
+            <TextInputCustom placeholder="Masukkan username" />
+
+            <ButtonCustom
+              title="Daftar"
+              backgroundColor={MainColor.yellow}
+              textColor={MainColor.black}
+              radius={10}
+              onPress={() => (
+                console.log("Success register"),
+                router.push("/(application)/(tabs)")
+              )}
+            />
+            <Spacing />
+            {/* <ButtonCustom
+            title="Home"
+            backgroundColor={MainColor.yellow}
+            textColor={MainColor.black}
+            radius={10}
+            onPress={() => {
+              console.log("Home clicked");
+              router.push("/(application)/home");
+            }}
+          /> */}
+          </View>
+        </View>
+      </ViewWrapper>
+    </>
+  );
+}
diff --git a/screens/Authentication/VerificationView.tsx b/screens/Authentication/VerificationView.tsx
new file mode 100644
index 0000000..5f2a492
--- /dev/null
+++ b/screens/Authentication/VerificationView.tsx
@@ -0,0 +1,61 @@
+import Spacing from "@/components/_ShareComponent/Spacing";
+import ViewWrapper from "@/components/_ShareComponent/ViewWrapper";
+import ButtonCustom from "@/components/Button/ButtonCustom";
+import { MainColor } from "@/constants/color-palet";
+import { Styles } from "@/styles/global-styles";
+import { router } from "expo-router";
+import { Text, View } from "react-native";
+import { OtpInput } from "react-native-otp-entry";
+
+export default function VerificationView() {
+  return (
+    <>
+      <ViewWrapper withBackground>
+        <View style={Styles.authContainer}>
+          <View>
+            <View style={Styles.authContainerTitle}>
+              <Text style={Styles.authTitle}>Verifikasi KOde OTP</Text>
+              <Spacing height={30} />
+              <Text style={Styles.textLabel}>Masukan 4 digit kode otp</Text>
+              <Text style={Styles.textLabel}>
+                Yang di kirim ke +6282xxxxxxxxx
+              </Text>
+              <Spacing height={30} />
+              <OtpInput
+                numberOfDigits={4}
+                theme={{
+                  pinCodeContainerStyle: {
+                    backgroundColor: MainColor.login,
+                    borderRadius: 10,
+                    borderWidth: 1,
+                    borderColor: MainColor.yellow,
+                    width: 60,
+                    height: 60,
+                  },
+                  containerStyle: {
+                    paddingLeft: 10,
+                    paddingRight: 10,
+                  },
+                }}
+              />
+              <Spacing height={30} />
+              <Text style={Styles.textLabel}>
+                Tidak menerima kode ?{" "}
+                <Text style={Styles.textLabel}>Kirim Ulang</Text>
+              </Text>
+            </View>
+            <Spacing height={30} />
+          </View>
+
+          <ButtonCustom
+            title="Verifikasi"
+            backgroundColor={MainColor.yellow}
+            textColor={MainColor.black}
+            radius={10}
+            onPress={() => router.push("/register")}
+          />
+        </View>
+      </ViewWrapper>
+    </>
+  );
+}
diff --git a/components/Home/HomeView.tsx b/screens/Home/HomeView.tsx
similarity index 97%
rename from components/Home/HomeView.tsx
rename to screens/Home/HomeView.tsx
index ba3f748..6b045e3 100644
--- a/components/Home/HomeView.tsx
+++ b/screens/Home/HomeView.tsx
@@ -1,11 +1,11 @@
 import Spacing from "@/components/_ShareComponent/Spacing";
-import { Styles } from "@/constants/global-styles";
+import { Styles } from "@/styles/global-styles";
 import { Ionicons } from "@expo/vector-icons";
 import { Image } from "expo-image";
 import { router } from "expo-router";
 import { ScrollView, Text, TouchableOpacity, View } from "react-native";
 import Icon from "react-native-vector-icons/FontAwesome";
-import DynamicTruncatedText from "../_ShareComponent/TruncatedText";
+import DynamicTruncatedText from "@/components/_ShareComponent/TruncatedText";
 import { stylesHome } from "./homeViewStyle";
 
 export default function HomeView() {
diff --git a/components/Home/homeViewStyle.tsx b/screens/Home/homeViewStyle.tsx
similarity index 100%
rename from components/Home/homeViewStyle.tsx
rename to screens/Home/homeViewStyle.tsx
diff --git a/constants/global-styles.ts b/styles/global-styles.ts
similarity index 94%
rename from constants/global-styles.ts
rename to styles/global-styles.ts
index 725df9d..0866750 100644
--- a/constants/global-styles.ts
+++ b/styles/global-styles.ts
@@ -1,5 +1,5 @@
 import { StyleSheet } from "react-native";
-import { MainColor } from "./color-palet";
+import { MainColor } from "../constants/color-palet";
 
 export const Styles = StyleSheet.create({
   container: {
diff --git a/tsconfig.json b/tsconfig.json
index 4d40f3b..77e7a0c 100644
--- a/tsconfig.json
+++ b/tsconfig.json
@@ -13,5 +13,5 @@
     "**/*.tsx",
     ".expo/types/**/*.ts",
     "expo-env.d.ts"
-, "components/_ShareComponent/Button/ButtonCustom"  ]
+, "components/Button/ButtonCustom"  ]
 }

From f0e0ef4b8bd51974e825d5a00ea686f43542464e Mon Sep 17 00:00:00 2001
From: Bagasbanuna02 <bagasbanuna02@gmail.com>
Date: Thu, 26 Jun 2025 14:33:41 +0800
Subject: [PATCH 05/64] fix folder

---
 .../{(tabs) => (home-tabs)}/_layout.tsx       | 44 +++++--------------
 .../{(tabs) => (home-tabs)}/forum/index.tsx   |  8 ++--
 app/(application)/(home-tabs)/index.tsx       | 30 +++++++++++++
 .../{(tabs) => (home-tabs)}/katalog.tsx       |  0
 .../{(tabs) => (home-tabs)}/maps.tsx          |  0
 app/(application)/(tabs)/forum/_layout.tsx    | 10 -----
 app/(application)/(tabs)/index.tsx            | 39 ----------------
 app/(application)/_layout.tsx                 | 28 ++----------
 navigation/types.ts                           | 40 +++++++++++++++++
 screens/Authentication/RegisterView.tsx       |  2 +-
 styles/global-styles.ts                       |  9 ++++
 11 files changed, 100 insertions(+), 110 deletions(-)
 rename app/(application)/{(tabs) => (home-tabs)}/_layout.tsx (58%)
 rename app/(application)/{(tabs) => (home-tabs)}/forum/index.tsx (58%)
 create mode 100644 app/(application)/(home-tabs)/index.tsx
 rename app/(application)/{(tabs) => (home-tabs)}/katalog.tsx (100%)
 rename app/(application)/{(tabs) => (home-tabs)}/maps.tsx (100%)
 delete mode 100644 app/(application)/(tabs)/forum/_layout.tsx
 delete mode 100644 app/(application)/(tabs)/index.tsx
 create mode 100644 navigation/types.ts

diff --git a/app/(application)/(tabs)/_layout.tsx b/app/(application)/(home-tabs)/_layout.tsx
similarity index 58%
rename from app/(application)/(tabs)/_layout.tsx
rename to app/(application)/(home-tabs)/_layout.tsx
index 2c2d2f8..d66f4af 100644
--- a/app/(application)/(tabs)/_layout.tsx
+++ b/app/(application)/(home-tabs)/_layout.tsx
@@ -1,9 +1,8 @@
 
 //app/(application)/(tabs)/_layout.tsx
 import { MainColor } from "@/constants/color-palet";
-import { Entypo, Ionicons } from "@expo/vector-icons";
-import { router, Tabs } from "expo-router";
-import { Text, TouchableOpacity } from "react-native";
+import { Entypo } from "@expo/vector-icons";
+import { Tabs } from "expo-router";
 
 export default function TabsLayout() {
   return (
@@ -18,35 +17,6 @@ export default function TabsLayout() {
         }}
       >
         <Tabs.Screen name="index" options={{ href: null }} />
-        <Tabs.Screen
-          name="forum"
-          options={{
-            title: "Forum",
-            tabBarIcon: () => (
-              <Entypo name="chat" size={20} color={MainColor.white} />
-            ),
-            headerLeft: () => (
-              <Ionicons
-                name="arrow-back"
-                onPress={() => {
-                  router.back();
-                }}
-                size={20}
-                color={MainColor.white}
-              />
-            ),
-            tabBarButton: () => (
-              <TouchableOpacity
-                onPress={() => {
-                  router.navigate("/event");
-                }}
-              >
-                <Entypo name="chat" size={20} color={MainColor.white} />
-                <Text style={{ color: MainColor.white }}>Event</Text>
-              </TouchableOpacity>
-            ),
-          }}
-        />
 
         <Tabs.Screen
           name="katalog"
@@ -66,6 +36,16 @@ export default function TabsLayout() {
             ),
           }}
         />
+
+        <Tabs.Screen
+          name="forum/index"
+          options={{
+            title: "Forum",
+            tabBarIcon: () => (
+              <Entypo name="chat" size={20} color={MainColor.white} />
+            ),
+          }}
+        />
       </Tabs>
     </>
   );
diff --git a/app/(application)/(tabs)/forum/index.tsx b/app/(application)/(home-tabs)/forum/index.tsx
similarity index 58%
rename from app/(application)/(tabs)/forum/index.tsx
rename to app/(application)/(home-tabs)/forum/index.tsx
index f90c396..df14d47 100644
--- a/app/(application)/(tabs)/forum/index.tsx
+++ b/app/(application)/(home-tabs)/forum/index.tsx
@@ -2,8 +2,10 @@ import { Text, View } from "react-native";
 
 export default function Forum() {
   return (
-    <View>
-      <Text>Tabs Forum</Text>
-    </View>
+    <>
+      <View>
+        <Text>Forum</Text>
+      </View>
+    </>
   );
 }
diff --git a/app/(application)/(home-tabs)/index.tsx b/app/(application)/(home-tabs)/index.tsx
new file mode 100644
index 0000000..28523eb
--- /dev/null
+++ b/app/(application)/(home-tabs)/index.tsx
@@ -0,0 +1,30 @@
+import HomeView from "@/screens/Home/HomeView";
+import { Styles } from "@/styles/global-styles";
+import { Stack } from "expo-router";
+import React from "react";
+import { View } from "react-native";
+
+export default function Tabs() {
+  // const router = useRouter();
+  // const navigation = useNavigation();
+  // useEffect(() => {
+  //   navigation.setOptions({
+
+  //   });
+  // }, [navigation]);
+
+  return (
+    <>
+      <View>
+        <Stack.Screen
+          options={{
+            title: "HIPMI",
+            headerStyle: Styles.headerStyle,
+            headerTitleStyle: Styles.headerTitleStyle,
+          }}
+        />
+        <HomeView />
+      </View>
+    </>
+  );
+}
diff --git a/app/(application)/(tabs)/katalog.tsx b/app/(application)/(home-tabs)/katalog.tsx
similarity index 100%
rename from app/(application)/(tabs)/katalog.tsx
rename to app/(application)/(home-tabs)/katalog.tsx
diff --git a/app/(application)/(tabs)/maps.tsx b/app/(application)/(home-tabs)/maps.tsx
similarity index 100%
rename from app/(application)/(tabs)/maps.tsx
rename to app/(application)/(home-tabs)/maps.tsx
diff --git a/app/(application)/(tabs)/forum/_layout.tsx b/app/(application)/(tabs)/forum/_layout.tsx
deleted file mode 100644
index 6ac1679..0000000
--- a/app/(application)/(tabs)/forum/_layout.tsx
+++ /dev/null
@@ -1,10 +0,0 @@
-//app/(application)/(tabs)/forum/_layout.tsx
-import { Stack } from "expo-router";
-
-export default function ForumLayout() {
-  return<>
-  <Stack>
-    <Stack.Screen name="index" options={{ headerShown: false,  }} />
-  </Stack>
-  </>
-}
diff --git a/app/(application)/(tabs)/index.tsx b/app/(application)/(tabs)/index.tsx
deleted file mode 100644
index 872b4d5..0000000
--- a/app/(application)/(tabs)/index.tsx
+++ /dev/null
@@ -1,39 +0,0 @@
-import HomeView from "@/screens/Home/HomeView";
-import { MainColor } from "@/constants/color-palet";
-import { Stack } from "expo-router";
-import React from "react";
-import { View } from "react-native";
-
-export default function Tabs() {
-  // const router = useRouter();
-  // const navigation = useNavigation();
-  // useEffect(() => {
-  //   navigation.setOptions({
-
-  //   });
-  // }, [navigation]);
-
-  return (
-    <>
-      <View>
-        <Stack.Screen
-          options={{
-            title: "My home",
-            headerStyle: { backgroundColor: MainColor.darkblue },
-            headerTintColor: "#fff",
-            headerTitleStyle: {
-              fontWeight: "bold",
-            },
-            
-            // headerTitle: (props) => <LogoTitle {...props} />,
-          }}
-          />
-          <HomeView />
-        {/* <Text>Home Screen</Text>
-        <Link href={{ pathname: "/(application)/(tabs)/forum" }}>
-          Go to Details
-        </Link> */}
-      </View>
-    </>
-  );
-}
diff --git a/app/(application)/_layout.tsx b/app/(application)/_layout.tsx
index 9c84311..32c104d 100644
--- a/app/(application)/_layout.tsx
+++ b/app/(application)/_layout.tsx
@@ -20,18 +20,12 @@ export default function ApplicationLayout() {
         }}
       >
         <Stack.Screen
-          name="(tabs)"
+          name="(home-tabs)"
           options={{
-            headerShown: false,
-            // title: "iii",
-            // headerLeft: () => (
-            //   <Ionicons name="search" size={20} color={MainColor.white} />
-            // ),
-            // headerRight: () => (
-            //   <Ionicons name="notifications" size={20} color={MainColor.white} />
-            // ),
+           headerShown: false,
           }}
         />
+
         <Stack.Screen
           name="event/index"
           options={{
@@ -46,22 +40,6 @@ export default function ApplicationLayout() {
             ),
           }}
         />
-        {/* <Stack.Screen
-          name="home"
-          options={{
-            title: "HIPMI",
-            headerLeft: () => (
-              <Ionicons name="search" size={20} color={MainColor.yellow} />
-            ),
-            headerRight: () => (
-              <Ionicons
-                name="notifications"
-                size={20}
-                color={MainColor.yellow}
-              />
-            ),
-          }}
-        /> */}
       </Stack>
     </>
   );
diff --git a/navigation/types.ts b/navigation/types.ts
new file mode 100644
index 0000000..6006a1b
--- /dev/null
+++ b/navigation/types.ts
@@ -0,0 +1,40 @@
+// src/navigation/types.ts
+
+import { NavigatorScreenParams } from "@react-navigation/native";
+
+// Tipe untuk Tab Navigator utama di (home-tabs)
+export type HomeTabParamList = {
+  index: undefined; // Diperbarui: Tab default (sekarang dinamakan index)
+  maps: undefined;
+  profile: undefined;
+};
+
+// Tipe untuk Stack Navigator Event
+export type EventStackParamList = {
+  index: undefined; // Rute root untuk Event (misalnya, daftar event)
+  // Anda bisa menambahkan rute event lain di sini, contoh:
+  // '[id]': { id: string }; // Untuk detail event
+};
+
+// Tipe untuk Stack Navigator Autentikasi
+export type AuthStackParamList = {
+  index: undefined; // Layar Login
+  register: undefined; // Layar Pendaftaran
+  verification: undefined; // Layar Verifikasi
+};
+
+// Tipe untuk Stack Navigator Utama Aplikasi (setelah autentikasi)
+export type AppStackParamList = {
+  "(home-tabs)": NavigatorScreenParams<HomeTabParamList>; // Mengarah ke Tab Navigator
+  event: NavigatorScreenParams<EventStackParamList>; // Mengarah ke Event Stack
+  forum: undefined; // NEW: Halaman Forum, sebagai Stack Screen terpisah
+  // Anda bisa menambahkan rute stack lain di sini yang tidak termasuk dalam grup di atas
+};
+
+// Gabungkan semua tipe rute utama ke dalam RootParamList global
+// Ini memungkinkan penggunaan useNavigation dan useRouter dengan tipe yang benar
+declare global {
+  namespace ReactNavigation {
+    interface RootParamList extends AuthStackParamList, AppStackParamList {}
+  }
+}
diff --git a/screens/Authentication/RegisterView.tsx b/screens/Authentication/RegisterView.tsx
index f12e41d..49ca539 100644
--- a/screens/Authentication/RegisterView.tsx
+++ b/screens/Authentication/RegisterView.tsx
@@ -40,7 +40,7 @@ export default function RegisterView() {
               radius={10}
               onPress={() => (
                 console.log("Success register"),
-                router.push("/(application)/(tabs)")
+                router.push("/(application)/(home-tabs)")
               )}
             />
             <Spacing />
diff --git a/styles/global-styles.ts b/styles/global-styles.ts
index 0866750..9281469 100644
--- a/styles/global-styles.ts
+++ b/styles/global-styles.ts
@@ -45,6 +45,15 @@ export const Styles = StyleSheet.create({
     fontWeight: "normal",
   },
 
+  // Stack Header Style
+  headerStyle: {
+    backgroundColor: MainColor.darkblue,
+  },
+  headerTitleStyle: {
+    color: MainColor.yellow,
+    fontWeight: "bold",
+  },
+
   // HOME
   homeContainer: {
     flex: 1,

From 3849e03a1aed2ad29ce418127e9597fd5f7928a9 Mon Sep 17 00:00:00 2001
From: Bagasbanuna02 <bagasbanuna02@gmail.com>
Date: Thu, 26 Jun 2025 17:43:47 +0800
Subject: [PATCH 06/64] feature home deskripsi: - tampilan home

---
 app/(application)/(home-tabs)/_layout.tsx     |  52 ----
 app/(application)/(home-tabs)/index.tsx       |  30 ---
 app/(application)/_layout.tsx                 |  69 ++++-
 app/(application)/coba/index.tsx              | 239 ++++++++++++++++++
 .../{(home-tabs) => }/forum/index.tsx         |   0
 app/(application)/home.tsx                    |  11 +-
 .../{(home-tabs)/maps.tsx => maps/index.tsx}  |   2 +-
 app/(application)/market-place/index.tsx      |   9 +
 .../katalog.tsx => profile/index.tsx}         |   4 +-
 app/_layout.tsx                               |  32 +--
 components/Button/ButtonCustom.tsx            |  12 +
 components/_ShareComponent/ViewWrapper.tsx    |   9 +-
 screens/Authentication/RegisterView.tsx       |   2 +-
 screens/Home/UiHome.tsx                       | 194 ++++++++++++++
 screens/Home/bottomFeatureSection.tsx         |  60 +++++
 screens/Home/imageSection.tsx                 |  26 ++
 screens/Home/topFeatureSection.tsx            |  54 ++++
 17 files changed, 679 insertions(+), 126 deletions(-)
 delete mode 100644 app/(application)/(home-tabs)/_layout.tsx
 delete mode 100644 app/(application)/(home-tabs)/index.tsx
 create mode 100644 app/(application)/coba/index.tsx
 rename app/(application)/{(home-tabs) => }/forum/index.tsx (100%)
 rename app/(application)/{(home-tabs)/maps.tsx => maps/index.tsx} (95%)
 create mode 100644 app/(application)/market-place/index.tsx
 rename app/(application)/{(home-tabs)/katalog.tsx => profile/index.tsx} (58%)
 create mode 100644 screens/Home/UiHome.tsx
 create mode 100644 screens/Home/bottomFeatureSection.tsx
 create mode 100644 screens/Home/imageSection.tsx
 create mode 100644 screens/Home/topFeatureSection.tsx

diff --git a/app/(application)/(home-tabs)/_layout.tsx b/app/(application)/(home-tabs)/_layout.tsx
deleted file mode 100644
index d66f4af..0000000
--- a/app/(application)/(home-tabs)/_layout.tsx
+++ /dev/null
@@ -1,52 +0,0 @@
-
-//app/(application)/(tabs)/_layout.tsx
-import { MainColor } from "@/constants/color-palet";
-import { Entypo } from "@expo/vector-icons";
-import { Tabs } from "expo-router";
-
-export default function TabsLayout() {
-  return (
-    <>
-      <Tabs
-        screenOptions={{
-          headerTitleAlign: "center",
-          tabBarStyle: {
-            backgroundColor: MainColor.darkblue,
-          },
-          tabBarActiveTintColor: MainColor.white,
-        }}
-      >
-        <Tabs.Screen name="index" options={{ href: null }} />
-
-        <Tabs.Screen
-          name="katalog"
-          options={{
-            title: "Katalog",
-            tabBarIcon: () => (
-              <Entypo name="book" size={20} color={MainColor.white} />
-            ),
-          }}
-        />
-        <Tabs.Screen
-          name="maps"
-          options={{
-            title: "Maps",
-            tabBarIcon: () => (
-              <Entypo name="map" size={20} color={MainColor.white} />
-            ),
-          }}
-        />
-
-        <Tabs.Screen
-          name="forum/index"
-          options={{
-            title: "Forum",
-            tabBarIcon: () => (
-              <Entypo name="chat" size={20} color={MainColor.white} />
-            ),
-          }}
-        />
-      </Tabs>
-    </>
-  );
-}
diff --git a/app/(application)/(home-tabs)/index.tsx b/app/(application)/(home-tabs)/index.tsx
deleted file mode 100644
index 28523eb..0000000
--- a/app/(application)/(home-tabs)/index.tsx
+++ /dev/null
@@ -1,30 +0,0 @@
-import HomeView from "@/screens/Home/HomeView";
-import { Styles } from "@/styles/global-styles";
-import { Stack } from "expo-router";
-import React from "react";
-import { View } from "react-native";
-
-export default function Tabs() {
-  // const router = useRouter();
-  // const navigation = useNavigation();
-  // useEffect(() => {
-  //   navigation.setOptions({
-
-  //   });
-  // }, [navigation]);
-
-  return (
-    <>
-      <View>
-        <Stack.Screen
-          options={{
-            title: "HIPMI",
-            headerStyle: Styles.headerStyle,
-            headerTitleStyle: Styles.headerTitleStyle,
-          }}
-        />
-        <HomeView />
-      </View>
-    </>
-  );
-}
diff --git a/app/(application)/_layout.tsx b/app/(application)/_layout.tsx
index 32c104d..e9f1c06 100644
--- a/app/(application)/_layout.tsx
+++ b/app/(application)/_layout.tsx
@@ -20,16 +20,77 @@ export default function ApplicationLayout() {
         }}
       >
         <Stack.Screen
-          name="(home-tabs)"
+          name="home"
           options={{
-           headerShown: false,
+            title: "HIPMI",
+            headerLeft: () => (
+              <Ionicons
+                name="search"
+                size={20}
+                color={MainColor.yellow}
+                onPress={() => router.back()}
+              />
+            ),
+            headerRight: () => (
+              <Ionicons
+                name="notifications"
+                size={20}
+                color={MainColor.yellow}
+                onPress={() => router.back()}
+              />
+            ),
           }}
         />
 
         <Stack.Screen
-          name="event/index"
+          name="forum/index"
           options={{
-            title: "Event",
+            title: "Forum",
+            headerLeft: () => (
+              <Ionicons
+                name="arrow-back"
+                size={20}
+                color={MainColor.yellow}
+                onPress={() => router.back()}
+              />
+            ),
+          }}
+        />
+
+        <Stack.Screen
+          name="maps/index"
+          options={{
+            title: "Maps",
+            headerLeft: () => (
+              <Ionicons
+                name="arrow-back"
+                size={20}
+                color={MainColor.yellow}
+                onPress={() => router.back()}
+              />
+            ),
+          }}
+        />
+
+        <Stack.Screen
+          name="market-place/index"
+          options={{
+            title: "Market Place",
+            headerLeft: () => (
+              <Ionicons
+                name="arrow-back"
+                size={20}
+                color={MainColor.yellow}
+                onPress={() => router.back()}
+              />
+            ),
+          }}
+        />
+
+        <Stack.Screen
+          name="profile/index"
+          options={{
+            title: "Profile",
             headerLeft: () => (
               <Ionicons
                 name="arrow-back"
diff --git a/app/(application)/coba/index.tsx b/app/(application)/coba/index.tsx
new file mode 100644
index 0000000..f033548
--- /dev/null
+++ b/app/(application)/coba/index.tsx
@@ -0,0 +1,239 @@
+/* eslint-disable @typescript-eslint/no-unused-vars */
+import React from "react";
+import {
+  View,
+  Text,
+  TouchableOpacity,
+  StyleSheet,
+  Dimensions,
+  ScrollView,
+} from "react-native";
+import { Ionicons } from "@expo/vector-icons";
+import { router } from "expo-router";
+
+const { width } = Dimensions.get("window");
+
+// Sample Screen Components
+const HomeScreen = () => (
+  <View style={styles.screen}>
+    <Text style={styles.screenTitle}>Selamat Datang!</Text>
+    <Text style={styles.screenText}>Ini adalah halaman utama aplikasi Anda</Text>
+  </View>
+);
+const SearchScreen = () => (
+  <View style={styles.screen}>
+    <Text style={styles.screenTitle}>Search Screen</Text>
+    <Text style={styles.screenText}>Cari apa yang Anda butuhkan</Text>
+  </View>
+);
+
+const ProfileScreen = () => (
+  <View style={styles.screen}>
+    <Text style={styles.screenTitle}>Profile Screen</Text>
+    <Text style={styles.screenText}>Informasi profil pengguna</Text>
+  </View>
+);
+
+const NotificationScreen = () => (
+  <View style={styles.screen}>
+    {Array.from({ length: 10 }).map((_, index) => (
+      <View key={index}>
+        <Text style={styles.screenTitle}>Notifications</Text>
+        <Text style={styles.screenText}>Notifikasi terbaru Anda</Text>
+      </View>
+    ))}
+  </View>
+);
+
+// Custom Tab Component
+const CustomTab = ({ icon, label, isActive, onPress }: any) => (
+  <TouchableOpacity
+    style={[styles.tabItem, isActive && styles.activeTab]}
+    onPress={onPress}
+    activeOpacity={0.7}
+  >
+    <View
+      style={[styles.iconContainer, isActive && styles.activeIconContainer]}
+    >
+      <Ionicons name={icon} size={24} color={isActive ? "#fff" : "#666"} />
+    </View>
+    <Text style={[styles.tabLabel, isActive && styles.activeTabLabel]}>
+      {label}
+    </Text>
+    {isActive && <View style={styles.activeIndicator} />}
+  </TouchableOpacity>
+);
+
+// Main Custom Tab Navigator
+const CustomTabNavigator = () => {
+  const [activeTab, setActiveTab] = React.useState(
+    'home'
+  );
+  const [showHome, setShowHome] = React.useState(true);
+
+  const tabs = [
+    {
+      id: "search",
+      icon: "search-outline",
+      activeIcon: "search",
+      label: "Event",
+      component: SearchScreen,
+      path: "/event",
+    },
+    {
+      id: "notifications",
+      icon: "notifications-outline",
+      activeIcon: "notifications",
+      label: "Forum",
+      component: NotificationScreen,
+      path: "/(application)/(home-tabs)/forum",
+    },
+    {
+      id: "profile",
+      icon: "person-outline",
+      activeIcon: "person",
+      label: "Katalog",
+      component: ProfileScreen,
+      path: "/(application)/(home-tabs)/katalog",
+    },
+  ];
+
+  
+  // Function untuk handle tab press
+  const handleTabPress = (tabId: string) => {
+    setActiveTab(tabId);
+    // setShowHome(false); // Hide home when any tab is pressed
+  };
+  
+  // Determine which component to show
+  const getActiveComponent = () => {
+    if (showHome || activeTab === "home") {
+      return HomeScreen;
+    }
+    const selectedTab = tabs.find((tab) => tab.id === activeTab);
+    return selectedTab ? selectedTab.component : HomeScreen;
+  };
+
+  const ActiveComponent = getActiveComponent();
+
+  return (
+    <View style={styles.container}>
+      {/* Content Area */}
+      <ScrollView>
+        <View style={styles.content}>
+          <ActiveComponent />
+        </View>
+      </ScrollView>
+
+      {/* Custom Tab Bar */}
+      <View style={styles.tabBar}>
+        <View style={styles.tabContainer}>
+          {tabs.map((e) => (
+            <CustomTab
+              key={e.id}
+              icon={activeTab === e.id ? e.activeIcon : e.icon}
+              label={e.label}
+              isActive={activeTab === e.id && !showHome}
+              onPress={() => {
+                // handleTabPress(e.id);
+                router.push(e.path as any);
+              }}
+            />
+          ))}
+        </View>
+      </View>
+    </View>
+  );
+};
+
+const styles = StyleSheet.create({
+  container: {
+    flex: 1,
+    backgroundColor: "#f5f5f5",
+  },
+  content: {
+    flex: 1,
+  },
+  screen: {
+    flex: 1,
+    justifyContent: "center",
+    alignItems: "center",
+    padding: 20,
+  },
+  screenTitle: {
+    fontSize: 28,
+    fontWeight: "bold",
+    color: "#333",
+    marginBottom: 10,
+  },
+  screenText: {
+    fontSize: 16,
+    color: "#666",
+    textAlign: "center",
+  },
+  tabBar: {
+    backgroundColor: "#fff",
+    paddingBottom: 20,
+    paddingTop: 10,
+    shadowColor: "#000",
+    shadowOffset: {
+      width: 0,
+      height: -2,
+    },
+    shadowOpacity: 0.1,
+    shadowRadius: 3,
+    elevation: 5,
+  },
+  tabContainer: {
+    flexDirection: "row",
+    justifyContent: "space-around",
+    alignItems: "center",
+    paddingHorizontal: 20,
+  },
+  tabItem: {
+    alignItems: "center",
+    justifyContent: "center",
+    paddingVertical: 8,
+    paddingHorizontal: 12,
+    minWidth: width / 5,
+    position: "relative",
+  },
+  activeTab: {
+    transform: [{ scale: 1.05 }],
+  },
+  iconContainer: {
+    padding: 8,
+    borderRadius: 20,
+    marginBottom: 4,
+  },
+  activeIconContainer: {
+    backgroundColor: "#007AFF",
+    shadowColor: "#007AFF",
+    shadowOffset: {
+      width: 0,
+      height: 2,
+    },
+    shadowOpacity: 0.3,
+    shadowRadius: 4,
+    elevation: 4,
+  },
+  tabLabel: {
+    fontSize: 12,
+    color: "#666",
+    fontWeight: "500",
+  },
+  activeTabLabel: {
+    color: "#007AFF",
+    fontWeight: "600",
+  },
+  activeIndicator: {
+    position: "absolute",
+    bottom: -2,
+    width: 4,
+    height: 4,
+    borderRadius: 2,
+    backgroundColor: "#007AFF",
+  },
+});
+
+export default CustomTabNavigator;
diff --git a/app/(application)/(home-tabs)/forum/index.tsx b/app/(application)/forum/index.tsx
similarity index 100%
rename from app/(application)/(home-tabs)/forum/index.tsx
rename to app/(application)/forum/index.tsx
diff --git a/app/(application)/home.tsx b/app/(application)/home.tsx
index 1fa68dd..1a69aac 100644
--- a/app/(application)/home.tsx
+++ b/app/(application)/home.tsx
@@ -1,16 +1,9 @@
-import ViewWrapper from "@/components/_ShareComponent/ViewWrapper";
-import HomeView from "@/screens/Home/HomeView";
-import { Styles } from "@/styles/global-styles";
-import { View } from "react-native";
+import NewHomeView from "@/screens/Home/UiHome";
 
 export default function Application() {
   return (
     <>
-      <ViewWrapper>
-        <View style={Styles.container}>
-          <HomeView />
-        </View>
-      </ViewWrapper>
+      <NewHomeView />
     </>
   );
 }
diff --git a/app/(application)/(home-tabs)/maps.tsx b/app/(application)/maps/index.tsx
similarity index 95%
rename from app/(application)/(home-tabs)/maps.tsx
rename to app/(application)/maps/index.tsx
index 0d51bc5..9f57a7e 100644
--- a/app/(application)/(home-tabs)/maps.tsx
+++ b/app/(application)/maps/index.tsx
@@ -5,5 +5,5 @@ export default function Maps() {
         <View>
             <Text>Maps</Text>
         </View>
-    );
+    )
 }
\ No newline at end of file
diff --git a/app/(application)/market-place/index.tsx b/app/(application)/market-place/index.tsx
new file mode 100644
index 0000000..2db5901
--- /dev/null
+++ b/app/(application)/market-place/index.tsx
@@ -0,0 +1,9 @@
+import { Text, View } from "react-native";
+
+export default function MarketPlace() {
+    return (
+        <View>
+            <Text>Market Place</Text>
+        </View>
+    );
+}
\ No newline at end of file
diff --git a/app/(application)/(home-tabs)/katalog.tsx b/app/(application)/profile/index.tsx
similarity index 58%
rename from app/(application)/(home-tabs)/katalog.tsx
rename to app/(application)/profile/index.tsx
index 5182a18..657677d 100644
--- a/app/(application)/(home-tabs)/katalog.tsx
+++ b/app/(application)/profile/index.tsx
@@ -1,9 +1,9 @@
 import { Text, View } from "react-native";
 
-export default function Katalog() {
+export default function Profile() {
     return (
         <View>
-            <Text>Katalog</Text>
+            <Text>Profile</Text>
         </View>
     );
 }
\ No newline at end of file
diff --git a/app/_layout.tsx b/app/_layout.tsx
index 1a2f7e1..58bcc64 100644
--- a/app/_layout.tsx
+++ b/app/_layout.tsx
@@ -1,9 +1,6 @@
-/* eslint-disable @typescript-eslint/no-unused-vars */
-import { AccentColor, MainColor } from "@/constants/color-palet";
-import { Feather, Ionicons, MaterialIcons } from "@expo/vector-icons";
+import { MainColor } from "@/constants/color-palet";
 import { Stack } from "expo-router";
-import { SafeAreaProvider, SafeAreaView } from "react-native-safe-area-context";
-import Icon from "react-native-vector-icons/FontAwesome";
+import { SafeAreaProvider } from "react-native-safe-area-context";
 
 export default function RootLayout() {
   return (
@@ -17,32 +14,17 @@ export default function RootLayout() {
           headerStyle: { backgroundColor: MainColor.darkblue },
           headerTitleStyle: { color: MainColor.yellow, fontWeight: "bold" },
           headerTitleAlign: "center",
-          contentStyle: {
-            borderBottomColor: AccentColor.blue,
-            borderBottomWidth: 2,
-          },
+          // contentStyle: {
+          //   borderBottomColor: AccentColor.blue,
+          //   borderBottomWidth: 2,
+          // },
           // headerLargeStyle: {
           //   backgroundColor: MainColor.darkblue,
           // },
           // headerShadowVisible: false,
         }}
       >
-        <Stack.Screen
-          name="index"
-          // options={{
-          //   title: "Login",
-          //   headerStyle: { backgroundColor: MainColor.darkblue },
-          //   headerTitleStyle: { color: MainColor.yellow, fontWeight: "bold" },
-          //   headerTitleAlign: "center",
-          //   headerRight: () => (
-          //     <MaterialIcons name="rocket" size={20} color={MainColor.yellow} />
-          //   ),
-          //   headerLeft: () => (
-          //     <Icon name="rocket" size={20} color={MainColor.yellow} />
-          //   ),
-          // }}
-          options={{ headerShown: false }}
-        />
+        <Stack.Screen name="index" options={{ headerShown: false }} />
         <Stack.Screen name="verification" options={{ headerShown: false }} />
         <Stack.Screen name="register" options={{ headerShown: false }} />
         <Stack.Screen name="(application)" options={{ headerShown: false }} />
diff --git a/components/Button/ButtonCustom.tsx b/components/Button/ButtonCustom.tsx
index b50ee40..9dedd2e 100644
--- a/components/Button/ButtonCustom.tsx
+++ b/components/Button/ButtonCustom.tsx
@@ -5,6 +5,7 @@ import { Text, TouchableOpacity } from "react-native";
 import buttonStyles from "./buttonStyles";
 
 // Definisi props dengan TypeScript
+
 interface ButtonProps {
   onPress: () => void;
   title?: string;
@@ -15,6 +16,17 @@ interface ButtonProps {
   iconLeft?: React.ReactNode;
 }
 
+/**
+ * Props untuk ButtonCustom
+ * @param onPress: () => void
+ * @param title?: string
+ * @param backgroundColor?: string
+ * @param textColor?: string
+ * @param radius?: number
+ * @param disabled?: boolean
+ * @param iconLeft?: React.ReactNode
+ * @example iconLeft={<Icon name="arrow-right" size={20} color={MainColor.black}/>
+ */
 const ButtonCustom: React.FC<ButtonProps> = ({
   onPress,
   title = "Button",
diff --git a/components/_ShareComponent/ViewWrapper.tsx b/components/_ShareComponent/ViewWrapper.tsx
index c409f76..c132330 100644
--- a/components/_ShareComponent/ViewWrapper.tsx
+++ b/components/_ShareComponent/ViewWrapper.tsx
@@ -5,19 +5,23 @@ import { SafeAreaProvider, SafeAreaView } from "react-native-safe-area-context";
 interface ViewWrapperProps {
   children: React.ReactNode;
   withBackground?: boolean;
+  tabBarComponent?: React.ReactNode;
 }
 
 const ViewWrapper = ({
   children,
   withBackground = false,
+  tabBarComponent,
 }: ViewWrapperProps) => {
-
   const assetBackground = require("../../assets/images/main-background.png");
 
   return (
     <SafeAreaProvider>
       <SafeAreaView
-        edges={[]}
+        edges={[
+          "bottom",
+          // "top",
+        ]}
         style={{
           flex: 1,
           // paddingTop: StatusBar.currentHeight,
@@ -36,6 +40,7 @@ const ViewWrapper = ({
             <View style={Styles.container}>{children}</View>
           )}
         </ScrollView>
+        {tabBarComponent}
       </SafeAreaView>
     </SafeAreaProvider>
   );
diff --git a/screens/Authentication/RegisterView.tsx b/screens/Authentication/RegisterView.tsx
index 49ca539..f7db88d 100644
--- a/screens/Authentication/RegisterView.tsx
+++ b/screens/Authentication/RegisterView.tsx
@@ -40,7 +40,7 @@ export default function RegisterView() {
               radius={10}
               onPress={() => (
                 console.log("Success register"),
-                router.push("/(application)/(home-tabs)")
+                router.push("/(application)/home")
               )}
             />
             <Spacing />
diff --git a/screens/Home/UiHome.tsx b/screens/Home/UiHome.tsx
new file mode 100644
index 0000000..572a876
--- /dev/null
+++ b/screens/Home/UiHome.tsx
@@ -0,0 +1,194 @@
+/* eslint-disable no-unused-expressions */
+import Spacing from "@/components/_ShareComponent/Spacing";
+import ViewWrapper from "@/components/_ShareComponent/ViewWrapper";
+import { AccentColor, MainColor } from "@/constants/color-palet";
+import { Ionicons } from "@expo/vector-icons";
+import { Href, router } from "expo-router";
+import React from "react";
+import {
+  Dimensions,
+  StyleSheet,
+  Text,
+  TouchableOpacity,
+  View,
+} from "react-native";
+import Home_BottomFeatureSection from "./bottomFeatureSection";
+import Home_ImageSection from "./imageSection";
+import Home_FeatureSection from "./topFeatureSection";
+
+interface Tabs {
+  id: string;
+  icon: string;
+  activeIcon: string;
+  label: string;
+  path: Href;
+  isActive: boolean;
+  disabled: boolean;
+}
+
+const { width } = Dimensions.get("window");
+
+export default function NewHomeView() {
+  const tabs: Tabs[] = [
+    {
+      id: "forum",
+      icon: "chatbubble-ellipses-outline",
+      activeIcon: "chatbubble-ellipses",
+      label: "Forum",
+      path: "/forum",
+      isActive: true,
+      disabled: false,
+    },
+    {
+      id: "marketplace",
+      icon: "cart-outline",
+      activeIcon: "cart",
+      label: "Marketplace",
+      path: "/market-place",
+      isActive: false,
+      disabled: true,
+    },
+    {
+      id: "maps",
+      icon: "map-outline",
+      activeIcon: "map",
+      label: "Maps",
+      path: "/maps",
+      isActive: true,
+      disabled: false,
+    },
+    {
+      id: "profile",
+      icon: "person-outline",
+      activeIcon: "person",
+      label: "Profile",
+      path: "/profile",
+      isActive: true,
+      disabled: false,
+    },
+  ];
+
+  const CustomTab = ({ icon, label, isActive, onPress, disabled }: any) => (
+    <TouchableOpacity
+      style={[styles.tabItem, isActive && styles.activeTab]}
+      onPress={onPress}
+      activeOpacity={0.7}
+    >
+      <View
+        style={[styles.iconContainer, isActive && styles.activeIconContainer]}
+      >
+        <Ionicons name={icon} size={20} color={isActive ? "#fff" : "#666"} />
+      </View>
+      <Text style={[styles.tabLabel, isActive && styles.activeTabLabel]}>
+        {label}
+      </Text>
+      {isActive && <View style={styles.activeIndicator} />}
+    </TouchableOpacity>
+  );
+
+  return (
+    <>
+      <ViewWrapper
+        tabBarComponent={
+          <View style={styles.tabBar}>
+            <View style={styles.tabContainer}>
+              {tabs.map((e) => (
+                <CustomTab
+                  key={e.id}
+                  icon={e.icon}
+                  label={e.label}
+                  isActive={e.isActive}
+                  onPress={() => {
+                    e.disabled ? console.log("disabled") : router.push(e.path);
+                  }}
+                />
+              ))}
+            </View>
+          </View>
+        }
+      >
+        <Home_ImageSection />
+        <Spacing height={10} />
+
+        {/* Grid Section */}
+        <Home_FeatureSection />
+        <Spacing height={10} />
+
+        {/* Job Vacancy Section */}
+        <Home_BottomFeatureSection />
+        <Spacing height={20} />
+      </ViewWrapper>
+    </>
+  );
+}
+
+const styles = StyleSheet.create({
+  tabBar: {
+    backgroundColor: MainColor.darkblue,
+    borderTopColor: AccentColor.blue,
+    borderTopWidth: 1,
+    // borderTopEndRadius: 10,
+    // borderTopStartRadius: 10,
+    // tintColor: MainColor.yellow
+    // paddingBottom: 20,
+    // paddingTop: 10,
+    // shadowColor: AccentColor.blue,
+    // shadowOffset: {
+    //   width: 0,
+    //   height: -2,
+    // },
+    // shadowOpacity: 0.9,
+    // shadowRadius: 3,
+    // elevation: 5,
+  },
+  tabContainer: {
+    flexDirection: "row",
+    justifyContent: "space-around",
+    alignItems: "center",
+    paddingHorizontal: 0,
+  },
+  tabItem: {
+    alignItems: "center",
+    justifyContent: "center",
+    paddingVertical: 8,
+    paddingHorizontal: 12,
+    minWidth: width / 5,
+    position: "relative",
+  },
+  activeTab: {
+    transform: [{ scale: 1.05 }],
+  },
+  iconContainer: {
+    padding: 8,
+    borderRadius: 20,
+    // marginBottom: 4,
+  },
+  activeIconContainer: {
+    // backgroundColor: "#007AFF",
+    // shadowColor: "#007AFF",
+    // shadowOffset: {
+    //   width: 0,
+    //   height: 2,
+    // },
+    // shadowOpacity: 0.3,
+    // shadowRadius: 4,
+    // elevation: 4,
+  },
+  tabLabel: {
+    fontSize: 10,
+    color: "#666",
+    fontWeight: "500",
+  },
+  activeTabLabel: {
+    color: MainColor.white,
+    fontWeight: "600",
+  },
+  activeIndicator: {
+    position: "absolute",
+    bottom: -2,
+    width: 4,
+    height: 4,
+    borderRadius: 2,
+    backgroundColor: "#007AFF",
+  },
+});
diff --git a/screens/Home/bottomFeatureSection.tsx b/screens/Home/bottomFeatureSection.tsx
new file mode 100644
index 0000000..e2fde4d
--- /dev/null
+++ b/screens/Home/bottomFeatureSection.tsx
@@ -0,0 +1,60 @@
+import Spacing from "@/components/_ShareComponent/Spacing";
+import DynamicTruncatedText from "@/components/_ShareComponent/TruncatedText";
+import { Text, View } from "react-native";
+import Icon from "react-native-vector-icons/FontAwesome";
+import { stylesHome } from "./homeViewStyle";
+
+export default function Home_BottomFeatureSection() {
+  return (
+    <>
+      <View style={stylesHome.jobVacancyContainer}>
+        <View style={stylesHome.jobVacancyHeader}>
+          <Icon name="briefcase" size={24} color="white" />
+          <Text style={stylesHome.jobVacancyTitle}>Job Vacancy</Text>
+        </View>
+
+        <View style={stylesHome.vacancyList}>
+          {/* Vacancy Item 1 */}
+          <View style={stylesHome.vacancyItem}>
+            {/* <Icon name="user" size={20} color="#FFD700" /> */}
+            <View style={stylesHome.vacancyDetails}>
+              <DynamicTruncatedText
+                text="Bagas_banuna"
+                fontSize={14}
+                fontFamily="System"
+                style={stylesHome.vacancyName}
+              />
+              <Spacing height={5} />
+              <DynamicTruncatedText
+                text="Dicari perawat kucing"
+                fontSize={12}
+                fontFamily="System"
+                style={stylesHome.vacancyDescription}
+              />
+            </View>
+          </View>
+
+          {/* Vacancy Item 2 */}
+          <View style={stylesHome.vacancyItem}>
+            {/* <Icon name="user" size={20} color="#FFD700" /> */}
+            <View style={stylesHome.vacancyDetails}>
+              <DynamicTruncatedText
+                text="fibramarcell"
+                fontSize={14}
+                fontFamily="System"
+                style={stylesHome.vacancyName}
+              />
+              <Spacing height={5} />
+              <DynamicTruncatedText
+                text="Di Butuhkan Seorang..."
+                fontSize={12}
+                fontFamily="System"
+                style={stylesHome.vacancyDescription}
+              />
+            </View>
+          </View>
+        </View>
+      </View>
+    </>
+  );
+}
diff --git a/screens/Home/imageSection.tsx b/screens/Home/imageSection.tsx
new file mode 100644
index 0000000..b38076b
--- /dev/null
+++ b/screens/Home/imageSection.tsx
@@ -0,0 +1,26 @@
+import { Image } from "expo-image";
+import { View } from "react-native";
+
+export default function Home_ImageSection() {
+  return (
+    <View
+      style={{
+        alignItems: "center",
+        justifyContent: "center",
+        backgroundColor: "#fff",
+        borderRadius: 10,
+      }}
+    >
+      <Image
+        source={require("@/assets/images/constants/home-hipmi.png")}
+        contentFit="cover"
+        transition={1000}
+        style={{
+          width: "100%",
+          height: 120,
+          borderRadius: 10,
+        }}
+      />
+    </View>
+  );
+}
diff --git a/screens/Home/topFeatureSection.tsx b/screens/Home/topFeatureSection.tsx
new file mode 100644
index 0000000..c029935
--- /dev/null
+++ b/screens/Home/topFeatureSection.tsx
@@ -0,0 +1,54 @@
+import { Ionicons } from "@expo/vector-icons";
+import { router } from "expo-router";
+import { Text, TouchableOpacity, View } from "react-native";
+import { stylesHome } from "./homeViewStyle";
+
+export default function Home_FeatureSection() {
+  return (
+    <>
+      <View style={stylesHome.gridContainer}>
+        <TouchableOpacity
+          style={stylesHome.gridItem}
+          onPress={() => router.push("/(application)/event")}
+        >
+          <Ionicons name="analytics" size={48} color="white" />
+          <Text style={stylesHome.gridLabel}>Event</Text>
+        </TouchableOpacity>
+        <TouchableOpacity style={stylesHome.gridItem}>
+          <Ionicons name="share" size={48} color="white" />
+          <Text style={stylesHome.gridLabel}>Collaboration</Text>
+        </TouchableOpacity>
+        <TouchableOpacity style={stylesHome.gridItem}>
+          <Ionicons name="cube" size={48} color="white" />
+          <Text style={stylesHome.gridLabel}>Voting</Text>
+        </TouchableOpacity>
+        <TouchableOpacity style={stylesHome.gridItem}>
+          <Ionicons name="heart" size={48} color="white" />
+          <Text style={stylesHome.gridLabel}>Crowdfunding</Text>
+        </TouchableOpacity>
+      </View>
+
+      <View style={stylesHome.gridContainer}>
+        <TouchableOpacity
+          style={stylesHome.gridItem}
+          onPress={() => router.push("/(application)/event")}
+        >
+          <Ionicons name="analytics" size={48} color="white" />
+          <Text style={stylesHome.gridLabel}>Event</Text>
+        </TouchableOpacity>
+        <TouchableOpacity style={stylesHome.gridItem}>
+          <Ionicons name="share" size={48} color="white" />
+          <Text style={stylesHome.gridLabel}>Collaboration</Text>
+        </TouchableOpacity>
+        <TouchableOpacity style={stylesHome.gridItem}>
+          <Ionicons name="cube" size={48} color="white" />
+          <Text style={stylesHome.gridLabel}>Voting</Text>
+        </TouchableOpacity>
+        <TouchableOpacity style={stylesHome.gridItem}>
+          <Ionicons name="heart" size={48} color="white" />
+          <Text style={stylesHome.gridLabel}>Crowdfunding</Text>
+        </TouchableOpacity>
+      </View>
+    </>
+  );
+}

From c1bee77629d5b870d7ea649ed349f5fd348bb661 Mon Sep 17 00:00:00 2001
From: Bagasbanuna02 <bagasbanuna02@gmail.com>
Date: Mon, 30 Jun 2025 10:39:04 +0800
Subject: [PATCH 07/64] new featur deskripsi: - search user - notifications

---
 app/(application)/_layout.tsx                 | 51 +++++++++++++++++--
 .../{market-place => marketplace}/index.tsx   |  0
 app/(application)/notifications/index.tsx     |  9 ++++
 app/(application)/user-search/index.tsx       |  9 ++++
 bun.lock                                      | 12 ++---
 package.json                                  |  4 +-
 screens/Home/UiHome.tsx                       | 30 +++++++++--
 screens/Home/topFeatureSection.tsx            |  4 +-
 8 files changed, 101 insertions(+), 18 deletions(-)
 rename app/(application)/{market-place => marketplace}/index.tsx (100%)
 create mode 100644 app/(application)/notifications/index.tsx
 create mode 100644 app/(application)/user-search/index.tsx

diff --git a/app/(application)/_layout.tsx b/app/(application)/_layout.tsx
index e9f1c06..61829f7 100644
--- a/app/(application)/_layout.tsx
+++ b/app/(application)/_layout.tsx
@@ -28,7 +28,7 @@ export default function ApplicationLayout() {
                 name="search"
                 size={20}
                 color={MainColor.yellow}
-                onPress={() => router.back()}
+                onPress={() => router.push("/(application)/user-search")}
               />
             ),
             headerRight: () => (
@@ -36,7 +36,7 @@ export default function ApplicationLayout() {
                 name="notifications"
                 size={20}
                 color={MainColor.yellow}
-                onPress={() => router.back()}
+                onPress={() => router.push("/(application)/notifications")}
               />
             ),
           }}
@@ -73,7 +73,7 @@ export default function ApplicationLayout() {
         />
 
         <Stack.Screen
-          name="market-place/index"
+          name="marketplace/index"
           options={{
             title: "Market Place",
             headerLeft: () => (
@@ -101,6 +101,51 @@ export default function ApplicationLayout() {
             ),
           }}
         />
+
+        <Stack.Screen
+          name="event/index"
+          options={{
+            title: "Event",
+            headerLeft: () => (
+              <Ionicons
+                name="arrow-back"
+                size={20}
+                color={MainColor.yellow}
+                onPress={() => router.back()}
+              />
+            ),
+          }}
+        />
+
+        <Stack.Screen
+          name="user-search/index"
+          options={{
+            title: "Pencarian Pengguna",
+            headerLeft: () => (
+              <Ionicons
+                name="arrow-back"
+                size={20}
+                color={MainColor.yellow}
+                onPress={() => router.back()}
+              />
+            ),
+          }}
+        />
+
+        <Stack.Screen
+          name="notifications/index"
+          options={{
+            title: "Notifikasi",
+            headerLeft: () => (
+              <Ionicons
+                name="arrow-back"
+                size={20}
+                color={MainColor.yellow}
+                onPress={() => router.back()}
+              />
+            ),
+          }}
+        />
       </Stack>
     </>
   );
diff --git a/app/(application)/market-place/index.tsx b/app/(application)/marketplace/index.tsx
similarity index 100%
rename from app/(application)/market-place/index.tsx
rename to app/(application)/marketplace/index.tsx
diff --git a/app/(application)/notifications/index.tsx b/app/(application)/notifications/index.tsx
new file mode 100644
index 0000000..2e5fad8
--- /dev/null
+++ b/app/(application)/notifications/index.tsx
@@ -0,0 +1,9 @@
+import { Text, View } from "react-native";
+
+export default function Notifications() {
+  return (
+    <View>
+      <Text>Notifications</Text>
+    </View>
+  );
+}
diff --git a/app/(application)/user-search/index.tsx b/app/(application)/user-search/index.tsx
new file mode 100644
index 0000000..84ac4ad
--- /dev/null
+++ b/app/(application)/user-search/index.tsx
@@ -0,0 +1,9 @@
+import { Text, View } from "react-native";
+
+export default function UserSearch() {
+    return (
+        <View>
+            <Text>User Search</Text>
+        </View>
+    )
+}
\ No newline at end of file
diff --git a/bun.lock b/bun.lock
index 0557a4f..a36c2c3 100644
--- a/bun.lock
+++ b/bun.lock
@@ -10,14 +10,14 @@
         "@react-navigation/native": "^7.1.6",
         "@react-navigation/native-stack": "^7.3.21",
         "@types/react-native-vector-icons": "^6.4.18",
-        "expo": "~53.0.12",
+        "expo": "53.0.13",
         "expo-blur": "~14.1.5",
         "expo-constants": "~17.1.6",
         "expo-font": "~13.3.1",
         "expo-haptics": "~14.1.4",
         "expo-image": "~2.3.0",
         "expo-linking": "~7.1.5",
-        "expo-router": "~5.1.0",
+        "expo-router": "~5.1.1",
         "expo-splash-screen": "~0.30.9",
         "expo-status-bar": "~2.2.3",
         "expo-symbols": "~0.4.5",
@@ -802,7 +802,7 @@
 
     "exec-async": ["exec-async@2.2.0", "", {}, "sha512-87OpwcEiMia/DeiKFzaQNBNFeN3XkkpYIh9FyOqq5mS2oKv3CBE67PXoEKcr6nodWdXNogTiQ0jE2NGuoffXPw=="],
 
-    "expo": ["expo@53.0.12", "", { "dependencies": { "@babel/runtime": "^7.20.0", "@expo/cli": "0.24.15", "@expo/config": "~11.0.10", "@expo/config-plugins": "~10.0.3", "@expo/fingerprint": "0.13.1", "@expo/metro-config": "0.20.15", "@expo/vector-icons": "^14.0.0", "babel-preset-expo": "~13.2.1", "expo-asset": "~11.1.5", "expo-constants": "~17.1.6", "expo-file-system": "~18.1.10", "expo-font": "~13.3.1", "expo-keep-awake": "~14.1.4", "expo-modules-autolinking": "2.1.12", "expo-modules-core": "2.4.0", "react-native-edge-to-edge": "1.6.0", "whatwg-url-without-unicode": "8.0.0-3" }, "peerDependencies": { "@expo/dom-webview": "*", "@expo/metro-runtime": "*", "react": "*", "react-native": "*", "react-native-webview": "*" }, "optionalPeers": ["@expo/dom-webview"], "bin": { "expo": "bin/cli", "expo-modules-autolinking": "bin/autolinking", "fingerprint": "bin/fingerprint" } }, "sha512-dtmED749hkxDWCcvtD++tb8bAm3Twv8qnUOXzVyXA5owNG0mwDIz0HveJTpWK1UzkY4HcTVRezDf0tflZJ+JXQ=="],
+    "expo": ["expo@53.0.13", "", { "dependencies": { "@babel/runtime": "^7.20.0", "@expo/cli": "0.24.15", "@expo/config": "~11.0.10", "@expo/config-plugins": "~10.0.3", "@expo/fingerprint": "0.13.1", "@expo/metro-config": "0.20.15", "@expo/vector-icons": "^14.0.0", "babel-preset-expo": "~13.2.1", "expo-asset": "~11.1.5", "expo-constants": "~17.1.6", "expo-file-system": "~18.1.10", "expo-font": "~13.3.1", "expo-keep-awake": "~14.1.4", "expo-modules-autolinking": "2.1.12", "expo-modules-core": "2.4.0", "react-native-edge-to-edge": "1.6.0", "whatwg-url-without-unicode": "8.0.0-3" }, "peerDependencies": { "@expo/dom-webview": "*", "@expo/metro-runtime": "*", "react": "*", "react-native": "*", "react-native-webview": "*" }, "optionalPeers": ["@expo/dom-webview", "@expo/metro-runtime", "react-native-webview"], "bin": { "expo": "bin/cli", "fingerprint": "bin/fingerprint", "expo-modules-autolinking": "bin/autolinking" } }, "sha512-QDdEEbFErUmm2IHR/UPKKIRLN3z5MmN2QLx0aPlOEGOx295buSUE42u6f7TppkgJn0BUX3f7wFaHRo86+G+Trg=="],
 
     "expo-asset": ["expo-asset@11.1.5", "", { "dependencies": { "@expo/image-utils": "^0.7.4", "expo-constants": "~17.1.5" }, "peerDependencies": { "expo": "*", "react": "*", "react-native": "*" } }, "sha512-GEQDCqC25uDBoXHEnXeBuwpeXvI+3fRGvtzwwt0ZKKzWaN+TgeF8H7c76p3Zi4DfBMFDcduM0CmOvJX+yCCLUQ=="],
 
@@ -826,7 +826,7 @@
 
     "expo-modules-core": ["expo-modules-core@2.4.0", "", { "dependencies": { "invariant": "^2.2.4" } }, "sha512-Ko5eHBdvuMykjw9P9C9PF54/wBSsGOxaOjx92I5BwgKvEmUwN3UrXFV4CXzlLVbLfSYUQaLcB220xmPfgvT7Fg=="],
 
-    "expo-router": ["expo-router@5.1.0", "", { "dependencies": { "@expo/metro-runtime": "5.0.4", "@expo/server": "^0.6.2", "@radix-ui/react-slot": "1.2.0", "@react-navigation/bottom-tabs": "^7.3.10", "@react-navigation/native": "^7.1.6", "@react-navigation/native-stack": "^7.3.10", "client-only": "^0.0.1", "invariant": "^2.2.4", "react-fast-compare": "^3.2.2", "react-native-is-edge-to-edge": "^1.1.6", "schema-utils": "^4.0.1", "semver": "~7.6.3", "server-only": "^0.0.1", "shallowequal": "^1.1.0" }, "peerDependencies": { "@react-navigation/drawer": "^7.3.9", "expo": "*", "expo-constants": "*", "expo-linking": "*", "react-native-reanimated": "*", "react-native-safe-area-context": "*", "react-native-screens": "*" }, "optionalPeers": ["@react-navigation/drawer"] }, "sha512-mnKpw35W6kKPpZm+ZxQei6HGUx2JO3znzqJZInzqrTZMgfAcHGgvP9AQFjg/Qi/Qy1CxunB9aQnqE9JPbSwbpw=="],
+    "expo-router": ["expo-router@5.1.1", "", { "dependencies": { "@expo/metro-runtime": "5.0.4", "@expo/server": "^0.6.3", "@radix-ui/react-slot": "1.2.0", "@react-navigation/bottom-tabs": "^7.3.10", "@react-navigation/native": "^7.1.6", "@react-navigation/native-stack": "^7.3.10", "client-only": "^0.0.1", "invariant": "^2.2.4", "react-fast-compare": "^3.2.2", "react-native-is-edge-to-edge": "^1.1.6", "schema-utils": "^4.0.1", "semver": "~7.6.3", "server-only": "^0.0.1", "shallowequal": "^1.1.0" }, "peerDependencies": { "@react-navigation/drawer": "^7.3.9", "expo": "*", "expo-constants": "*", "expo-linking": "*", "react-native-reanimated": "*", "react-native-safe-area-context": "*", "react-native-screens": "*" }, "optionalPeers": ["@react-navigation/drawer", "react-native-reanimated"] }, "sha512-KYAp/SwkPVgY+8OI+UPGENZG4j+breoOMXmZ01s99U7X0dpSihKGSNpK6LkEoU31MXMLuUHGYYwD00zm9aqcSg=="],
 
     "expo-splash-screen": ["expo-splash-screen@0.30.9", "", { "dependencies": { "@expo/prebuild-config": "^9.0.6" }, "peerDependencies": { "expo": "*" } }, "sha512-curHUaZxUTZ2dWvz32ao3xPv5mJr1LBqn5V8xm/IULAehB9RGCn8iKiROMN1PYebSG+56vPMuJmBm9P+ayvJpA=="],
 
@@ -1820,10 +1820,6 @@
 
     "expo-modules-autolinking/glob": ["glob@10.4.5", "", { "dependencies": { "foreground-child": "^3.1.0", "jackspeak": "^3.1.2", "minimatch": "^9.0.4", "minipass": "^7.1.2", "package-json-from-dist": "^1.0.0", "path-scurry": "^1.11.1" }, "bin": "dist/esm/bin.mjs" }, "sha512-7Bv8RF0k6xjo7d4A/PxYLbUCfb6c+Vpd2/mB2yRDlew7Jb5hEXiCD9ibfO7wpk8i4sevK6DFny9h7EYbM3/sHg=="],
 
-    "expo-router/@react-navigation/bottom-tabs": ["@react-navigation/bottom-tabs@7.3.16", "", { "dependencies": { "@react-navigation/elements": "^2.4.5", "color": "^4.2.3" }, "peerDependencies": { "@react-navigation/native": "^7.1.12", "react": ">= 18.2.0", "react-native": "*", "react-native-safe-area-context": ">= 4.0.0", "react-native-screens": ">= 4.0.0" } }, "sha512-BOVtrq5J3zV3T9CeQexX20JrjECWwIgUJj0Uj0DTVuZdvPIf1AHKHDQSWcG6XqDsbqFQu9yCAfRlnt0WwdRP2w=="],
-
-    "expo-router/@react-navigation/native-stack": ["@react-navigation/native-stack@7.3.17", "", { "dependencies": { "@react-navigation/elements": "^2.4.5", "warn-once": "^0.1.1" }, "peerDependencies": { "@react-navigation/native": "^7.1.12", "react": ">= 18.2.0", "react-native": "*", "react-native-safe-area-context": ">= 4.0.0", "react-native-screens": ">= 4.0.0" } }, "sha512-nPJv5E/7MYZ5NPD0sFP9DjSawEQ1fYXe0sCZT1C5EHGWK08p3+5HkVScXofDDqUtI/q6UU23uE1YoxVWgRbDRw=="],
-
     "expo-router/semver": ["semver@7.6.3", "", { "bin": "bin/semver.js" }, "sha512-oVekP1cKtI+CTDvHWYFUcMtsK/00wmAEfyqKfNdARm8u1wNVhSgaX7A8d4UuIlUI5e84iEwOhs7ZPYRmzU9U6A=="],
 
     "fast-glob/glob-parent": ["glob-parent@5.1.2", "", { "dependencies": { "is-glob": "^4.0.1" } }, "sha512-AOIgSQCepiJYwP3ARnGx+5VnTu2HBYdzbGP45eLw1vr3zB3vZLeyed1sC9hnbcOc9/SrMyM5RPQrkGz4aS9Zow=="],
diff --git a/package.json b/package.json
index e4d9d0d..79705a2 100644
--- a/package.json
+++ b/package.json
@@ -17,14 +17,14 @@
     "@react-navigation/native": "^7.1.6",
     "@react-navigation/native-stack": "^7.3.21",
     "@types/react-native-vector-icons": "^6.4.18",
-    "expo": "~53.0.12",
+    "expo": "53.0.13",
     "expo-blur": "~14.1.5",
     "expo-constants": "~17.1.6",
     "expo-font": "~13.3.1",
     "expo-haptics": "~14.1.4",
     "expo-image": "~2.3.0",
     "expo-linking": "~7.1.5",
-    "expo-router": "~5.1.0",
+    "expo-router": "~5.1.1",
     "expo-splash-screen": "~0.30.9",
     "expo-status-bar": "~2.2.3",
     "expo-symbols": "~0.4.5",
diff --git a/screens/Home/UiHome.tsx b/screens/Home/UiHome.tsx
index 572a876..0d0908b 100644
--- a/screens/Home/UiHome.tsx
+++ b/screens/Home/UiHome.tsx
@@ -3,8 +3,8 @@ import Spacing from "@/components/_ShareComponent/Spacing";
 import ViewWrapper from "@/components/_ShareComponent/ViewWrapper";
 import { AccentColor, MainColor } from "@/constants/color-palet";
 import { Ionicons } from "@expo/vector-icons";
-import { Href, router } from "expo-router";
-import React from "react";
+import { Href, router, useNavigation } from "expo-router";
+import React, { useEffect } from "react";
 import {
   Dimensions,
   StyleSheet,
@@ -44,7 +44,7 @@ export default function NewHomeView() {
       icon: "cart-outline",
       activeIcon: "cart",
       label: "Marketplace",
-      path: "/market-place",
+      path: "/marketplace",
       isActive: false,
       disabled: true,
     },
@@ -86,6 +86,30 @@ export default function NewHomeView() {
     </TouchableOpacity>
   );
 
+  const navigation = useNavigation();
+
+  useEffect(() => {
+    navigation.setOptions({
+      // headerTitle: "HIPMI",
+      // headerLeft: () => (
+      //   <Ionicons
+      //     name="search"
+      //     size={18}
+      //     color={MainColor.white}
+      //     onPress={() => router.push("/(application)/user-search")}
+      //   />
+      // ),
+      // headerRight: () => (
+      //   <Ionicons
+      //     name="notifications"
+      //     size={18}
+      //     color={MainColor.white}
+      //     onPress={() => router.push("/(application)/notifications")}
+      //   />
+      // ),
+    });
+  }, [navigation]);
+
   return (
     <>
       <ViewWrapper
diff --git a/screens/Home/topFeatureSection.tsx b/screens/Home/topFeatureSection.tsx
index c029935..acced72 100644
--- a/screens/Home/topFeatureSection.tsx
+++ b/screens/Home/topFeatureSection.tsx
@@ -28,7 +28,7 @@ export default function Home_FeatureSection() {
         </TouchableOpacity>
       </View>
 
-      <View style={stylesHome.gridContainer}>
+      {/* <View style={stylesHome.gridContainer}>
         <TouchableOpacity
           style={stylesHome.gridItem}
           onPress={() => router.push("/(application)/event")}
@@ -48,7 +48,7 @@ export default function Home_FeatureSection() {
           <Ionicons name="heart" size={48} color="white" />
           <Text style={stylesHome.gridLabel}>Crowdfunding</Text>
         </TouchableOpacity>
-      </View>
+      </View> */}
     </>
   );
 }

From 5577ef5d1e1d87178078f5d0711387998b0ddf42 Mon Sep 17 00:00:00 2001
From: Bagasbanuna02 <bagasbanuna02@gmail.com>
Date: Mon, 30 Jun 2025 12:09:52 +0800
Subject: [PATCH 08/64] fix custom tabs deskripsi: - penambahan style untuk
 tabs

---
 app/(application)/coba/index.tsx        |  14 +-
 components/_Interface/types.ts          |  13 ++
 screens/Authentication/RegisterView.tsx |  21 ++-
 screens/Home/UiHome.tsx                 | 197 +-----------------------
 screens/Home/tabSection.tsx             |  56 +++++++
 screens/Home/tabsList.ts                |  40 +++++
 styles/global-styles.ts                 |  81 +++++++++-
 7 files changed, 211 insertions(+), 211 deletions(-)
 create mode 100644 components/_Interface/types.ts
 create mode 100644 screens/Home/tabSection.tsx
 create mode 100644 screens/Home/tabsList.ts

diff --git a/app/(application)/coba/index.tsx b/app/(application)/coba/index.tsx
index f033548..7e1b43b 100644
--- a/app/(application)/coba/index.tsx
+++ b/app/(application)/coba/index.tsx
@@ -1,4 +1,3 @@
-/* eslint-disable @typescript-eslint/no-unused-vars */
 import React from "react";
 import {
   View,
@@ -86,7 +85,7 @@ const CustomTabNavigator = () => {
       activeIcon: "notifications",
       label: "Forum",
       component: NotificationScreen,
-      path: "/(application)/(home-tabs)/forum",
+      path: "/forum",
     },
     {
       id: "profile",
@@ -94,7 +93,7 @@ const CustomTabNavigator = () => {
       activeIcon: "person",
       label: "Katalog",
       component: ProfileScreen,
-      path: "/(application)/(home-tabs)/katalog",
+      path: "/profile",
     },
   ];
 
@@ -102,7 +101,7 @@ const CustomTabNavigator = () => {
   // Function untuk handle tab press
   const handleTabPress = (tabId: string) => {
     setActiveTab(tabId);
-    // setShowHome(false); // Hide home when any tab is pressed
+    setShowHome(false); // Hide home when any tab is pressed
   };
   
   // Determine which component to show
@@ -110,8 +109,9 @@ const CustomTabNavigator = () => {
     if (showHome || activeTab === "home") {
       return HomeScreen;
     }
-    const selectedTab = tabs.find((tab) => tab.id === activeTab);
-    return selectedTab ? selectedTab.component : HomeScreen;
+    // const selectedTab = tabs.find((tab) => tab.id === activeTab);
+    // return selectedTab ? selectedTab.component : HomeScreen;
+    return HomeScreen
   };
 
   const ActiveComponent = getActiveComponent();
@@ -135,7 +135,7 @@ const CustomTabNavigator = () => {
               label={e.label}
               isActive={activeTab === e.id && !showHome}
               onPress={() => {
-                // handleTabPress(e.id);
+                handleTabPress(e.id);
                 router.push(e.path as any);
               }}
             />
diff --git a/components/_Interface/types.ts b/components/_Interface/types.ts
new file mode 100644
index 0000000..19ccbd4
--- /dev/null
+++ b/components/_Interface/types.ts
@@ -0,0 +1,13 @@
+import { Href } from "expo-router";
+
+export { ITabs };
+
+interface ITabs {
+  id: string;
+  icon: string;
+  activeIcon: string;
+  label: string;
+  path: Href;
+  isActive: boolean;
+  disabled: boolean;
+}
diff --git a/screens/Authentication/RegisterView.tsx b/screens/Authentication/RegisterView.tsx
index f7db88d..317e788 100644
--- a/screens/Authentication/RegisterView.tsx
+++ b/screens/Authentication/RegisterView.tsx
@@ -8,7 +8,6 @@ import { MaterialCommunityIcons } from "@expo/vector-icons";
 import { router } from "expo-router";
 import { Text, View } from "react-native";
 
-
 export default function RegisterView() {
   return (
     <>
@@ -44,16 +43,16 @@ export default function RegisterView() {
               )}
             />
             <Spacing />
-            {/* <ButtonCustom
-            title="Home"
-            backgroundColor={MainColor.yellow}
-            textColor={MainColor.black}
-            radius={10}
-            onPress={() => {
-              console.log("Home clicked");
-              router.push("/(application)/home");
-            }}
-          /> */}
+            <ButtonCustom
+              title="Coba"
+              backgroundColor={MainColor.yellow}
+              textColor={MainColor.black}
+              radius={10}
+              onPress={() => {
+                console.log("Home clicked");
+                router.push("/(application)/coba");
+              }}
+            />
           </View>
         </View>
       </ViewWrapper>
diff --git a/screens/Home/UiHome.tsx b/screens/Home/UiHome.tsx
index 0d0908b..4713d33 100644
--- a/screens/Home/UiHome.tsx
+++ b/screens/Home/UiHome.tsx
@@ -1,136 +1,26 @@
-/* eslint-disable no-unused-expressions */
+// import { ITabs } from "@/components/_Interface/types";
 import Spacing from "@/components/_ShareComponent/Spacing";
 import ViewWrapper from "@/components/_ShareComponent/ViewWrapper";
-import { AccentColor, MainColor } from "@/constants/color-palet";
-import { Ionicons } from "@expo/vector-icons";
-import { Href, router, useNavigation } from "expo-router";
+import { useNavigation } from "expo-router";
 import React, { useEffect } from "react";
-import {
-  Dimensions,
-  StyleSheet,
-  Text,
-  TouchableOpacity,
-  View,
-} from "react-native";
 import Home_BottomFeatureSection from "./bottomFeatureSection";
 import Home_ImageSection from "./imageSection";
+import TabSection from "./tabSection";
+import { tabsHome } from "./tabsList";
 import Home_FeatureSection from "./topFeatureSection";
 
-interface Tabs {
-  id: string;
-  icon: string;
-  activeIcon: string;
-  label: string;
-  path: Href;
-  isActive: boolean;
-  disabled: boolean;
-}
-
-const { width } = Dimensions.get("window");
-
 export default function NewHomeView() {
-  const tabs: Tabs[] = [
-    {
-      id: "forum",
-      icon: "chatbubble-ellipses-outline",
-      activeIcon: "chatbubble-ellipses",
-      label: "Forum",
-      path: "/forum",
-      isActive: true,
-      disabled: false,
-    },
-    {
-      id: "marketplace",
-      icon: "cart-outline",
-      activeIcon: "cart",
-      label: "Marketplace",
-      path: "/marketplace",
-      isActive: false,
-      disabled: true,
-    },
-    {
-      id: "maps",
-      icon: "map-outline",
-      activeIcon: "map",
-      label: "Maps",
-      path: "/maps",
-      isActive: true,
-      disabled: false,
-    },
-    {
-      id: "profile",
-      icon: "person-outline",
-      activeIcon: "person",
-      label: "Profile",
-      path: "/profile",
-      isActive: true,
-      disabled: false,
-    },
-  ];
-
-  const CustomTab = ({ icon, label, isActive, onPress, disabled }: any) => (
-    <TouchableOpacity
-      style={[styles.tabItem, isActive && styles.activeTab]}
-      onPress={onPress}
-      activeOpacity={0.7}
-    >
-      <View
-        style={[styles.iconContainer, isActive && styles.activeIconContainer]}
-      >
-        <Ionicons name={icon} size={20} color={isActive ? "#fff" : "#666"} />
-      </View>
-      <Text style={[styles.tabLabel, isActive && styles.activeTabLabel]}>
-        {label}
-      </Text>
-      {isActive && <View style={styles.activeIndicator} />}
-    </TouchableOpacity>
-  );
-
   const navigation = useNavigation();
 
   useEffect(() => {
-    navigation.setOptions({
-      // headerTitle: "HIPMI",
-      // headerLeft: () => (
-      //   <Ionicons
-      //     name="search"
-      //     size={18}
-      //     color={MainColor.white}
-      //     onPress={() => router.push("/(application)/user-search")}
-      //   />
-      // ),
-      // headerRight: () => (
-      //   <Ionicons
-      //     name="notifications"
-      //     size={18}
-      //     color={MainColor.white}
-      //     onPress={() => router.push("/(application)/notifications")}
-      //   />
-      // ),
-    });
+    navigation.setOptions({});
   }, [navigation]);
 
+
   return (
     <>
-      <ViewWrapper
-        tabBarComponent={
-          <View style={styles.tabBar}>
-            <View style={styles.tabContainer}>
-              {tabs.map((e) => (
-                <CustomTab
-                  key={e.id}
-                  icon={e.icon}
-                  label={e.label}
-                  isActive={e.isActive}
-                  onPress={() => {
-                    e.disabled ? console.log("disabled") : router.push(e.path);
-                  }}
-                />
-              ))}
-            </View>
-          </View>
-        }
-      >
+      <ViewWrapper tabBarComponent={<TabSection tabs={tabsHome} />}>
+        {/* Content Image */}
         <Home_ImageSection />
         <Spacing height={10} />
 
@@ -145,74 +35,3 @@ export default function NewHomeView() {
     </>
   );
 }
-
-const styles = StyleSheet.create({
-  tabBar: {
-    backgroundColor: MainColor.darkblue,
-    borderTopColor: AccentColor.blue,
-    borderTopWidth: 1,
-    // borderTopEndRadius: 10,
-    // borderTopStartRadius: 10,
-    // tintColor: MainColor.yellow
-    // paddingBottom: 20,
-    // paddingTop: 10,
-    // shadowColor: AccentColor.blue,
-    // shadowOffset: {
-    //   width: 0,
-    //   height: -2,
-    // },
-    // shadowOpacity: 0.9,
-    // shadowRadius: 3,
-    // elevation: 5,
-  },
-  tabContainer: {
-    flexDirection: "row",
-    justifyContent: "space-around",
-    alignItems: "center",
-    paddingHorizontal: 0,
-  },
-  tabItem: {
-    alignItems: "center",
-    justifyContent: "center",
-    paddingVertical: 8,
-    paddingHorizontal: 12,
-    minWidth: width / 5,
-    position: "relative",
-  },
-  activeTab: {
-    transform: [{ scale: 1.05 }],
-  },
-  iconContainer: {
-    padding: 8,
-    borderRadius: 20,
-    // marginBottom: 4,
-  },
-  activeIconContainer: {
-    // backgroundColor: "#007AFF",
-    // shadowColor: "#007AFF",
-    // shadowOffset: {
-    //   width: 0,
-    //   height: 2,
-    // },
-    // shadowOpacity: 0.3,
-    // shadowRadius: 4,
-    // elevation: 4,
-  },
-  tabLabel: {
-    fontSize: 10,
-    color: "#666",
-    fontWeight: "500",
-  },
-  activeTabLabel: {
-    color: MainColor.white,
-    fontWeight: "600",
-  },
-  activeIndicator: {
-    position: "absolute",
-    bottom: -2,
-    width: 4,
-    height: 4,
-    borderRadius: 2,
-    backgroundColor: "#007AFF",
-  },
-});
diff --git a/screens/Home/tabSection.tsx b/screens/Home/tabSection.tsx
new file mode 100644
index 0000000..1e23c7d
--- /dev/null
+++ b/screens/Home/tabSection.tsx
@@ -0,0 +1,56 @@
+import { ITabs } from "@/components/_Interface/types";
+import { Styles } from "@/styles/global-styles";
+import { Ionicons } from "@expo/vector-icons";
+import { router } from "expo-router";
+import React from "react";
+import { Text, TouchableOpacity, View } from "react-native";
+
+interface ICustomTab {
+  icon: string;
+  label: string;
+  isActive: boolean;
+  onPress: () => void;
+}
+const CustomTab = ({ icon, label, isActive, onPress }: ICustomTab) => (
+  <TouchableOpacity
+    style={[Styles.tabItem, isActive && Styles.activeTab]}
+    onPress={onPress}
+    activeOpacity={0.7}
+  >
+    <View
+      style={[Styles.iconContainer, isActive && Styles.activeIconContainer]}
+    >
+      <Ionicons
+        name={icon as any}
+        size={20}
+        color={isActive ? "#fff" : "#666"}
+      />
+    </View>
+    <Text style={[Styles.tabLabel, isActive && Styles.activeTabLabel]}>
+      {label}
+    </Text>
+  </TouchableOpacity>
+);
+
+export default function TabSection({ tabs }: { tabs: ITabs[] }) {
+  return (
+    <>
+      <View style={Styles.tabBar}>
+        <View style={Styles.tabContainer}>
+          {tabs.map((e) => (
+            <CustomTab
+              key={e.id}
+              icon={e.icon}
+              label={e.label}
+              isActive={e.isActive}
+              onPress={() => {
+                // eslint-disable-next-line no-unused-expressions
+                e.disabled ? console.log("disabled") : router.push(e.path);
+              }}
+            />
+          ))}
+        </View>
+      </View>
+    </>
+  );
+}
diff --git a/screens/Home/tabsList.ts b/screens/Home/tabsList.ts
new file mode 100644
index 0000000..e1677bf
--- /dev/null
+++ b/screens/Home/tabsList.ts
@@ -0,0 +1,40 @@
+import { ITabs } from "@/components/_Interface/types";
+
+export  const tabsHome: ITabs[] = [
+  {
+    id: "forum",
+    icon: "chatbubble-ellipses-outline",
+    activeIcon: "chatbubble-ellipses",
+    label: "Forum",
+    path: "/forum",
+    isActive: true,
+    disabled: false,
+  },
+  {
+    id: "marketplace",
+    icon: "cart-outline",
+    activeIcon: "cart",
+    label: "Marketplace",
+    path: "/marketplace",
+    isActive: false,
+    disabled: true,
+  },
+  {
+    id: "maps",
+    icon: "map-outline",
+    activeIcon: "map",
+    label: "Maps",
+    path: "/maps",
+    isActive: true,
+    disabled: false,
+  },
+  {
+    id: "profile",
+    icon: "person-outline",
+    activeIcon: "person",
+    label: "Profile",
+    path: "/profile",
+    isActive: true,
+    disabled: false,
+  },
+];
\ No newline at end of file
diff --git a/styles/global-styles.ts b/styles/global-styles.ts
index 9281469..cd56a74 100644
--- a/styles/global-styles.ts
+++ b/styles/global-styles.ts
@@ -1,5 +1,7 @@
-import { StyleSheet } from "react-native";
-import { MainColor } from "../constants/color-palet";
+import { Dimensions, StyleSheet } from "react-native";
+import { AccentColor, MainColor } from "../constants/color-palet";
+
+const { width } = Dimensions.get("window");
 
 export const Styles = StyleSheet.create({
   container: {
@@ -17,7 +19,7 @@ export const Styles = StyleSheet.create({
     height: "100%",
     width: "100%",
   },
-  
+
   // AUTHENTICATION
   authContainer: {
     flex: 1,
@@ -37,7 +39,7 @@ export const Styles = StyleSheet.create({
     color: MainColor.yellow,
     fontWeight: "bold",
   },
-  
+
   // TEXT & LABEL
   textLabel: {
     fontSize: 14,
@@ -61,4 +63,75 @@ export const Styles = StyleSheet.create({
     paddingBlock: 10,
     backgroundColor: MainColor.darkblue,
   },
+
+  // =============== TAB =============== //
+  tabBar: {
+    backgroundColor: MainColor.darkblue,
+    borderTopColor: AccentColor.blue,
+    borderTopWidth: 1,
+    // borderTopEndRadius: 10,
+    // borderTopStartRadius: 10,
+    // tintColor: MainColor.yellow
+    // paddingBottom: 20,
+    // paddingTop: 10,
+    // shadowColor: AccentColor.blue,
+    // shadowOffset: {
+    //   width: 0,
+    //   height: -2,
+    // },
+    // shadowOpacity: 0.9,
+    // shadowRadius: 3,
+    // elevation: 5,
+  },
+  tabContainer: {
+    flexDirection: "row",
+    justifyContent: "space-around",
+    alignItems: "center",
+    paddingHorizontal: 0,
+  },
+  tabItem: {
+    alignItems: "center",
+    justifyContent: "center",
+    paddingVertical: 8,
+    paddingHorizontal: 12,
+    minWidth: width / 5,
+    position: "relative",
+  },
+  activeTab: {
+    transform: [{ scale: 1.05 }],
+  },
+  iconContainer: {
+    padding: 8,
+    borderRadius: 20,
+    // marginBottom: 4,
+  },
+  activeIconContainer: {
+    // backgroundColor: "#007AFF",
+    // shadowColor: "#007AFF",
+    // shadowOffset: {
+    //   width: 0,
+    //   height: 2,
+    // },
+    // shadowOpacity: 0.3,
+    // shadowRadius: 4,
+    // elevation: 4,
+  },
+  tabLabel: {
+    fontSize: 10,
+    color: "#666",
+    fontWeight: "500",
+  },
+  activeTabLabel: {
+    color: MainColor.white,
+    fontWeight: "600",
+  },
+  activeIndicator: {
+    position: "absolute",
+    bottom: -2,
+    width: 4,
+    height: 4,
+    borderRadius: 2,
+    backgroundColor: "#007AFF",
+  },
+  // =============== TAB =============== //
 });

From d58304a14622a868188b3d043ff110b4c2b3296c Mon Sep 17 00:00:00 2001
From: Bagasbanuna02 <bagasbanuna02@gmail.com>
Date: Mon, 30 Jun 2025 16:41:17 +0800
Subject: [PATCH 09/64] feature event deskripsi: - resourcing component event

---
 app/(application)/_layout.tsx                 | 31 +++++++--
 app/(application)/event/(tabs)/_layout.tsx    | 64 +++++++++++++++++++
 app/(application)/event/(tabs)/index.tsx      | 25 ++++++++
 app/(application)/event/(tabs)/kontribusi.tsx | 11 ++++
 app/(application)/event/(tabs)/riwayat.tsx    | 11 ++++
 app/(application)/event/(tabs)/status.tsx     | 11 ++++
 app/(application)/event/detail/[id].tsx       | 14 ++++
 app/(application)/event/index.tsx             |  9 ---
 app/(application)/home.tsx                    |  4 +-
 components/_Interface/types.ts                | 11 +++-
 screens/Home/UiHome.tsx                       |  2 +-
 screens/Home/tabSection.tsx                   |  9 +--
 screens/Home/topFeatureSection.tsx            |  2 +-
 styles/global-styles.ts                       |  2 +-
 14 files changed, 177 insertions(+), 29 deletions(-)
 create mode 100644 app/(application)/event/(tabs)/_layout.tsx
 create mode 100644 app/(application)/event/(tabs)/index.tsx
 create mode 100644 app/(application)/event/(tabs)/kontribusi.tsx
 create mode 100644 app/(application)/event/(tabs)/riwayat.tsx
 create mode 100644 app/(application)/event/(tabs)/status.tsx
 create mode 100644 app/(application)/event/detail/[id].tsx
 delete mode 100644 app/(application)/event/index.tsx

diff --git a/app/(application)/_layout.tsx b/app/(application)/_layout.tsx
index 61829f7..9045b69 100644
--- a/app/(application)/_layout.tsx
+++ b/app/(application)/_layout.tsx
@@ -1,4 +1,5 @@
 import { AccentColor, MainColor } from "@/constants/color-palet";
+import { Styles } from "@/styles/global-styles";
 import { Ionicons } from "@expo/vector-icons";
 import { router, Stack } from "expo-router";
 
@@ -7,16 +8,16 @@ export default function ApplicationLayout() {
     <>
       <Stack
         screenOptions={{
-          headerStyle: { backgroundColor: MainColor.darkblue },
-          headerTitleStyle: { color: MainColor.yellow, fontWeight: "bold" },
+          headerStyle: Styles.headerStyle,
+          headerTitleStyle: Styles.headerTitleStyle,
           headerTitleAlign: "center",
           contentStyle: {
             borderBottomColor: AccentColor.blue,
             borderBottomWidth: 2,
           },
-          headerLargeStyle: {
-            backgroundColor: MainColor.darkblue,
-          },
+          // headerLargeStyle: {
+          //   backgroundColor: MainColor.darkblue,
+          // },
         }}
       >
         <Stack.Screen
@@ -102,10 +103,26 @@ export default function ApplicationLayout() {
           }}
         />
 
+        {/* Event */}
         <Stack.Screen
-          name="event/index"
+          name="event/(tabs)"
           options={{
             title: "Event",
+            headerLeft: () => (
+              <Ionicons
+                name="arrow-back"
+                size={20}
+                color={MainColor.yellow}
+                onPress={() => router.push("/(application)/home")}
+              />
+            ),
+          }}
+        />
+
+        <Stack.Screen
+          name="event/detail/[id]"
+          options={{
+            title: "Detail",
             headerLeft: () => (
               <Ionicons
                 name="arrow-back"
@@ -117,6 +134,7 @@ export default function ApplicationLayout() {
           }}
         />
 
+        {/* User Search */}
         <Stack.Screen
           name="user-search/index"
           options={{
@@ -132,6 +150,7 @@ export default function ApplicationLayout() {
           }}
         />
 
+        {/* Notification */}
         <Stack.Screen
           name="notifications/index"
           options={{
diff --git a/app/(application)/event/(tabs)/_layout.tsx b/app/(application)/event/(tabs)/_layout.tsx
new file mode 100644
index 0000000..44081e8
--- /dev/null
+++ b/app/(application)/event/(tabs)/_layout.tsx
@@ -0,0 +1,64 @@
+import { MainColor } from "@/constants/color-palet";
+import { FontAwesome5, Ionicons } from "@expo/vector-icons";
+import { Tabs } from "expo-router";
+
+export default function EventLayout() {
+  return (
+    <Tabs
+      screenOptions={{
+        headerShown: false,
+        tabBarActiveTintColor: MainColor.yellow,
+        tabBarInactiveTintColor: MainColor.white,
+        tabBarStyle: {
+          backgroundColor: MainColor.darkblue,
+        },
+        //   tabBarButton: HapticTab,
+        //   tabBarBackground: BlurTabBarBackground,
+        //   tabBarStyle: Platform.select({
+        //     ios: {
+        //       // Use a transparent background on iOS to show the blur effect
+        //       position: "absolute",
+        //     },
+        //     default: {},
+        //   }),
+      }}
+    >
+      <Tabs.Screen
+        name="index"
+        options={{
+          title: "Home",
+          tabBarIcon: ({ color }) => (
+            <Ionicons size={20} name="home" color={color} />
+          ),
+        }}
+      />
+      <Tabs.Screen
+        name="status"
+        options={{
+          title: "Status",
+          tabBarIcon: ({ color }) => (
+            <Ionicons size={20} name="list" color={color} />
+          ),
+        }}
+      />
+      <Tabs.Screen
+        name="kontribusi"
+        options={{
+          title: "Kontribusi",
+          tabBarIcon: ({ color }) => (
+            <Ionicons size={20} name="extension-puzzle" color={color} />
+          ),
+        }}
+      />
+      <Tabs.Screen
+        name="riwayat"
+        options={{
+          title: "Riwayat",
+          tabBarIcon: ({ color }) => (
+            <FontAwesome5 size={20} name="history" color={color} />
+          ),
+        }}
+      />
+    </Tabs>
+  );
+}
diff --git a/app/(application)/event/(tabs)/index.tsx b/app/(application)/event/(tabs)/index.tsx
new file mode 100644
index 0000000..8d7bc89
--- /dev/null
+++ b/app/(application)/event/(tabs)/index.tsx
@@ -0,0 +1,25 @@
+import ViewWrapper from "@/components/_ShareComponent/ViewWrapper";
+import { AccentColor, MainColor } from "@/constants/color-palet";
+import { Styles } from "@/styles/global-styles";
+import { router } from "expo-router";
+import { Text, TouchableHighlight, View } from "react-native";
+
+export default function Event() {
+  return (
+    <ViewWrapper>
+      <TouchableHighlight onPress={() => router.push("/event/detail/1")}>
+        <View
+          style={{
+            padding: 20,
+            backgroundColor: MainColor.darkblue,
+            borderRadius: 10,
+            borderColor: AccentColor.blue,
+            borderWidth: 1,
+          }}
+        >
+          <Text style={Styles.textLabel}>Event</Text>
+        </View>
+      </TouchableHighlight>
+    </ViewWrapper>
+  );
+}
diff --git a/app/(application)/event/(tabs)/kontribusi.tsx b/app/(application)/event/(tabs)/kontribusi.tsx
new file mode 100644
index 0000000..5ce9d24
--- /dev/null
+++ b/app/(application)/event/(tabs)/kontribusi.tsx
@@ -0,0 +1,11 @@
+import ViewWrapper from "@/components/_ShareComponent/ViewWrapper";
+import { Styles } from "@/styles/global-styles";
+import { Text } from "react-native";
+
+export default function Kontribusi() {
+  return (
+    <ViewWrapper>
+      <Text style={Styles.textLabel}>Kontribusi</Text>
+    </ViewWrapper>
+  );
+}
diff --git a/app/(application)/event/(tabs)/riwayat.tsx b/app/(application)/event/(tabs)/riwayat.tsx
new file mode 100644
index 0000000..3d98934
--- /dev/null
+++ b/app/(application)/event/(tabs)/riwayat.tsx
@@ -0,0 +1,11 @@
+import ViewWrapper from "@/components/_ShareComponent/ViewWrapper";
+import { Styles } from "@/styles/global-styles";
+import { Text } from "react-native";
+
+export default function Riwayat() {
+  return (
+    <ViewWrapper>
+      <Text style={Styles.textLabel}>Riwayat</Text>
+    </ViewWrapper>
+  );
+}
diff --git a/app/(application)/event/(tabs)/status.tsx b/app/(application)/event/(tabs)/status.tsx
new file mode 100644
index 0000000..de5684f
--- /dev/null
+++ b/app/(application)/event/(tabs)/status.tsx
@@ -0,0 +1,11 @@
+import ViewWrapper from "@/components/_ShareComponent/ViewWrapper";
+import { Styles } from "@/styles/global-styles";
+import { Text } from "react-native";
+
+export default function Status() {
+  return (
+    <ViewWrapper>
+      <Text style={Styles.textLabel}>Status</Text>
+    </ViewWrapper>
+  );
+}
diff --git a/app/(application)/event/detail/[id].tsx b/app/(application)/event/detail/[id].tsx
new file mode 100644
index 0000000..56fb64b
--- /dev/null
+++ b/app/(application)/event/detail/[id].tsx
@@ -0,0 +1,14 @@
+import ViewWrapper from "@/components/_ShareComponent/ViewWrapper";
+import { Styles } from "@/styles/global-styles";
+import { useLocalSearchParams } from "expo-router";
+import { Text } from "react-native";
+
+export default function DetailEvent() {
+  const { id } = useLocalSearchParams();
+  console.log("id event >", id);
+  return (
+    <ViewWrapper>
+      <Text style={Styles.textLabel}>Detail Event {id}</Text>
+    </ViewWrapper>
+  );
+}
diff --git a/app/(application)/event/index.tsx b/app/(application)/event/index.tsx
deleted file mode 100644
index 707b155..0000000
--- a/app/(application)/event/index.tsx
+++ /dev/null
@@ -1,9 +0,0 @@
-import { Text, View } from "react-native";
-
-export default function Event() {
-    return (
-        <View>
-            <Text>Event</Text>
-        </View>
-    )
-}
\ No newline at end of file
diff --git a/app/(application)/home.tsx b/app/(application)/home.tsx
index 1a69aac..657c6fe 100644
--- a/app/(application)/home.tsx
+++ b/app/(application)/home.tsx
@@ -1,9 +1,9 @@
-import NewHomeView from "@/screens/Home/UiHome";
+import UiHome from "@/screens/Home/UiHome";
 
 export default function Application() {
   return (
     <>
-      <NewHomeView />
+      <UiHome />
     </>
   );
 }
diff --git a/components/_Interface/types.ts b/components/_Interface/types.ts
index 19ccbd4..12444ac 100644
--- a/components/_Interface/types.ts
+++ b/components/_Interface/types.ts
@@ -1,6 +1,13 @@
 import { Href } from "expo-router";
 
-export { ITabs };
+export { ICustomTab, ITabs };
+
+interface ICustomTab {
+  icon: string;
+  label: string;
+  isActive: boolean;
+  onPress: () => void;
+}
 
 interface ITabs {
   id: string;
@@ -9,5 +16,5 @@ interface ITabs {
   label: string;
   path: Href;
   isActive: boolean;
-  disabled: boolean;
+  disabled?: boolean;
 }
diff --git a/screens/Home/UiHome.tsx b/screens/Home/UiHome.tsx
index 4713d33..37dd2da 100644
--- a/screens/Home/UiHome.tsx
+++ b/screens/Home/UiHome.tsx
@@ -9,7 +9,7 @@ import TabSection from "./tabSection";
 import { tabsHome } from "./tabsList";
 import Home_FeatureSection from "./topFeatureSection";
 
-export default function NewHomeView() {
+export default function UiHome() {
   const navigation = useNavigation();
 
   useEffect(() => {
diff --git a/screens/Home/tabSection.tsx b/screens/Home/tabSection.tsx
index 1e23c7d..38a0ed0 100644
--- a/screens/Home/tabSection.tsx
+++ b/screens/Home/tabSection.tsx
@@ -1,16 +1,11 @@
-import { ITabs } from "@/components/_Interface/types";
+import { ICustomTab, ITabs } from "@/components/_Interface/types";
 import { Styles } from "@/styles/global-styles";
 import { Ionicons } from "@expo/vector-icons";
 import { router } from "expo-router";
 import React from "react";
 import { Text, TouchableOpacity, View } from "react-native";
 
-interface ICustomTab {
-  icon: string;
-  label: string;
-  isActive: boolean;
-  onPress: () => void;
-}
+
 const CustomTab = ({ icon, label, isActive, onPress }: ICustomTab) => (
   <TouchableOpacity
     style={[Styles.tabItem, isActive && Styles.activeTab]}
diff --git a/screens/Home/topFeatureSection.tsx b/screens/Home/topFeatureSection.tsx
index acced72..01ac859 100644
--- a/screens/Home/topFeatureSection.tsx
+++ b/screens/Home/topFeatureSection.tsx
@@ -9,7 +9,7 @@ export default function Home_FeatureSection() {
       <View style={stylesHome.gridContainer}>
         <TouchableOpacity
           style={stylesHome.gridItem}
-          onPress={() => router.push("/(application)/event")}
+          onPress={() => router.push("/(application)/event/(tabs)")}
         >
           <Ionicons name="analytics" size={48} color="white" />
           <Text style={stylesHome.gridLabel}>Event</Text>
diff --git a/styles/global-styles.ts b/styles/global-styles.ts
index cd56a74..a92a8bf 100644
--- a/styles/global-styles.ts
+++ b/styles/global-styles.ts
@@ -49,7 +49,7 @@ export const Styles = StyleSheet.create({
 
   // Stack Header Style
   headerStyle: {
-    backgroundColor: MainColor.darkblue,
+    backgroundColor: AccentColor.darkblue,
   },
   headerTitleStyle: {
     color: MainColor.yellow,

From 4701fce07cdff84819a6c4ab7178451d450c5152 Mon Sep 17 00:00:00 2001
From: Bagasbanuna02 <bagasbanuna02@gmail.com>
Date: Mon, 30 Jun 2025 17:44:00 +0800
Subject: [PATCH 10/64] feature profile deskripsi - resaourcing drawer

---
 app/(application)/_layout.tsx       |  20 +++-
 app/(application)/profile/[id].tsx  | 145 ++++++++++++++++++++++++++++
 app/(application)/profile/index.tsx |   9 --
 app/_layout.tsx                     |   1 +
 bun.lock                            |   7 ++
 package.json                        |   1 +
 screens/Home/tabsList.ts            |   2 +-
 7 files changed, 173 insertions(+), 12 deletions(-)
 create mode 100644 app/(application)/profile/[id].tsx
 delete mode 100644 app/(application)/profile/index.tsx

diff --git a/app/(application)/_layout.tsx b/app/(application)/_layout.tsx
index 9045b69..01afae9 100644
--- a/app/(application)/_layout.tsx
+++ b/app/(application)/_layout.tsx
@@ -88,7 +88,8 @@ export default function ApplicationLayout() {
           }}
         />
 
-        <Stack.Screen
+        {/* Profile */}
+        {/* <Stack.Screen
           name="profile/index"
           options={{
             title: "Profile",
@@ -101,7 +102,22 @@ export default function ApplicationLayout() {
               />
             ),
           }}
-        />
+        /> */}
+
+        {/* <Stack.Screen
+          name="profile/[id]"
+          options={{
+            title: "Profile",
+            headerLeft: () => (
+              <Ionicons
+                name="arrow-back"
+                size={20}
+                color={MainColor.yellow}
+                onPress={() => router.back()}
+              />
+            ),
+          }}
+        /> */}
 
         {/* Event */}
         <Stack.Screen
diff --git a/app/(application)/profile/[id].tsx b/app/(application)/profile/[id].tsx
new file mode 100644
index 0000000..5d5f93d
--- /dev/null
+++ b/app/(application)/profile/[id].tsx
@@ -0,0 +1,145 @@
+import ViewWrapper from "@/components/_ShareComponent/ViewWrapper";
+import { MainColor } from "@/constants/color-palet";
+import { Styles } from "@/styles/global-styles";
+import { Ionicons } from "@expo/vector-icons";
+import { router, Stack, useLocalSearchParams } from "expo-router";
+import {
+  Text,
+  TouchableOpacity,
+  View,
+  Animated,
+  PanResponder,
+} from "react-native";
+import React, { useRef, useState } from "react";
+
+export default function Profile() {
+  const { id } = useLocalSearchParams();
+  const [isDrawerOpen, setIsDrawerOpen] = useState(false);
+
+  // Animasi menggunakan translateY (lebih kompatibel)
+  const drawerAnim = useRef(new Animated.Value(200)).current; // mulai di luar bawah layar
+
+  const openDrawer = () => {
+    setIsDrawerOpen(true);
+    Animated.timing(drawerAnim, {
+      toValue: 0,
+      duration: 300,
+      useNativeDriver: true,
+    }).start();
+  };
+
+  const closeDrawer = () => {
+    Animated.timing(drawerAnim, {
+      toValue: 200,
+      duration: 300,
+      useNativeDriver: true,
+    }).start(() => setIsDrawerOpen(false));
+  };
+
+  const panResponder = useRef(
+    PanResponder.create({
+      onMoveShouldSetPanResponder: (_, gestureState) => {
+        return gestureState.dy < -10; // gesek ke atas untuk tutup
+      },
+      onPanResponderRelease: (_, gestureState) => {
+        if (gestureState.dy < -50) {
+          closeDrawer(); // tutup jika gesek cukup tinggi
+        } else {
+          // kembali ke posisi awal
+          Animated.spring(drawerAnim, {
+            toValue: 0,
+            useNativeDriver: true,
+          }).start();
+        }
+      },
+    })
+  ).current;
+
+  return (
+    <>
+      <ViewWrapper >
+        <Stack.Screen
+          options={{
+            title: "Profile",
+            headerLeft: () => (
+              <Ionicons
+                name="arrow-back"
+                size={20}
+                color={MainColor.yellow}
+                onPress={() => router.back()}
+              />
+            ),
+            headerRight: () => (
+              <TouchableOpacity onPress={openDrawer}>
+                <Ionicons
+                  name="ellipsis-vertical"
+                  size={20}
+                  color={MainColor.yellow}
+                />
+              </TouchableOpacity>
+            ),
+          }}
+        />
+        <Text style={Styles.textLabel}>Profile {id}</Text>
+      </ViewWrapper>
+
+      {/* Custom Bottom Drawer */}
+      {isDrawerOpen && (
+        <Animated.View
+          style={{
+            position: "absolute",
+            left: 0,
+            right: 0,
+            bottom: 0,
+            height: 200,
+            backgroundColor: "white",
+            borderTopLeftRadius: 20,
+            borderTopRightRadius: 20,
+            padding: 20,
+            shadowColor: "#000",
+            shadowOffset: { width: 0, height: -2 },
+            shadowOpacity: 0.2,
+            elevation: 5,
+            transform: [{ translateY: drawerAnim }],
+          }}
+          {...panResponder.panHandlers}
+        >
+          <View
+            style={{
+              width: 40,
+              height: 5,
+              backgroundColor: "#ccc",
+              borderRadius: 5,
+              alignSelf: "center",
+              marginVertical: 10,
+            }}
+          />
+
+          <TouchableOpacity
+            style={{ padding: 15 }}
+            onPress={() => {
+              alert("Pilihan 1 diklik");
+              closeDrawer();
+            }}
+          >
+            <Text>Menu Item 1</Text>
+          </TouchableOpacity>
+
+          <TouchableOpacity
+            style={{ padding: 15 }}
+            onPress={() => {
+              alert("Pilihan 2 diklik");
+              closeDrawer();
+            }}
+          >
+            <Text>Menu Item 2</Text>
+          </TouchableOpacity>
+
+          <TouchableOpacity style={{ padding: 15 }} onPress={closeDrawer}>
+            <Text style={{ color: "red" }}>Tutup</Text>
+          </TouchableOpacity>
+        </Animated.View>
+      )}
+    </>
+  );
+}
diff --git a/app/(application)/profile/index.tsx b/app/(application)/profile/index.tsx
deleted file mode 100644
index 657677d..0000000
--- a/app/(application)/profile/index.tsx
+++ /dev/null
@@ -1,9 +0,0 @@
-import { Text, View } from "react-native";
-
-export default function Profile() {
-    return (
-        <View>
-            <Text>Profile</Text>
-        </View>
-    );
-}
\ No newline at end of file
diff --git a/app/_layout.tsx b/app/_layout.tsx
index 58bcc64..b7a0950 100644
--- a/app/_layout.tsx
+++ b/app/_layout.tsx
@@ -1,3 +1,4 @@
+import "react-native-gesture-handler";
 import { MainColor } from "@/constants/color-palet";
 import { Stack } from "expo-router";
 import { SafeAreaProvider } from "react-native-safe-area-context";
diff --git a/bun.lock b/bun.lock
index a36c2c3..b6f3ced 100644
--- a/bun.lock
+++ b/bun.lock
@@ -6,6 +6,7 @@
       "dependencies": {
         "@expo/vector-icons": "^14.1.0",
         "@react-navigation/bottom-tabs": "^7.4.2",
+        "@react-navigation/drawer": "^7.5.2",
         "@react-navigation/elements": "^2.3.8",
         "@react-navigation/native": "^7.1.6",
         "@react-navigation/native-stack": "^7.3.21",
@@ -390,6 +391,8 @@
 
     "@react-navigation/core": ["@react-navigation/core@7.11.0", "", { "dependencies": { "@react-navigation/routers": "^7.4.1", "escape-string-regexp": "^4.0.0", "nanoid": "^3.3.11", "query-string": "^7.1.3", "react-is": "^19.1.0", "use-latest-callback": "^0.2.4", "use-sync-external-store": "^1.5.0" }, "peerDependencies": { "react": ">= 18.2.0" } }, "sha512-LfYPtxsMjldJ80BBeedaDCN0LE81WU1NP4V9Ia3wSrCPTAXt11y6holaBUrmUMVQVqpEyPRQrjwrT1QkfGKquw=="],
 
+    "@react-navigation/drawer": ["@react-navigation/drawer@7.5.2", "", { "dependencies": { "@react-navigation/elements": "^2.5.2", "color": "^4.2.3", "react-native-drawer-layout": "^4.1.11", "use-latest-callback": "^0.2.4" }, "peerDependencies": { "@react-navigation/native": "^7.1.14", "react": ">= 18.2.0", "react-native": "*", "react-native-gesture-handler": ">= 2.0.0", "react-native-reanimated": ">= 2.0.0", "react-native-safe-area-context": ">= 4.0.0", "react-native-screens": ">= 4.0.0" } }, "sha512-1FSo+DyJe2zlIcQBhHcayZCe2aAF2JF+rpn7HnVnTV2HaCEpgJ0/zgHIa9MZByKntp/aSexL9YkDFQhQj2+7ag=="],
+
     "@react-navigation/elements": ["@react-navigation/elements@2.4.5", "", { "dependencies": { "color": "^4.2.3", "use-latest-callback": "^0.2.4" }, "peerDependencies": { "@react-native-masked-view/masked-view": ">= 0.2.0", "@react-navigation/native": "^7.1.12", "react": ">= 18.2.0", "react-native": "*", "react-native-safe-area-context": ">= 4.0.0" }, "optionalPeers": ["@react-native-masked-view/masked-view"] }, "sha512-rzoQQ07dZGA3h608imB1nAZ2rPw9vZ2xc2K36XSZoV/7IZRDxI4BCIj38Wc4saQaYhfJIoeVssK4+6IwhZBedg=="],
 
     "@react-navigation/native": ["@react-navigation/native@7.1.12", "", { "dependencies": { "@react-navigation/core": "^7.11.0", "escape-string-regexp": "^4.0.0", "fast-deep-equal": "^3.1.3", "nanoid": "^3.3.11", "use-latest-callback": "^0.2.4" }, "peerDependencies": { "react": ">= 18.2.0", "react-native": "*" } }, "sha512-ezHzrZN+9SE4Co6/H8MgDWlBxfJbVc5xi8szRi2QW8eJlsZsAvgGqtKs4YECraV4Yr9zW8RCzNuUxYiQiPMtEQ=="],
@@ -1352,6 +1355,8 @@
 
     "react-native-country-codes-picker": ["react-native-country-codes-picker@2.3.5", "", { "peerDependencies": { "react": "*", "react-native": "*" } }, "sha512-dDQhd0bVvlmgb84NPhTOmTk5UVYPHtk3lqZI+BPb61H1rC2IDrTvPWENg6u1DMGliqWHQDBYpeH37zvxxQL71w=="],
 
+    "react-native-drawer-layout": ["react-native-drawer-layout@4.1.11", "", { "dependencies": { "use-latest-callback": "^0.2.4" }, "peerDependencies": { "react": ">= 18.2.0", "react-native": "*", "react-native-gesture-handler": ">= 2.0.0", "react-native-reanimated": ">= 2.0.0" } }, "sha512-31gilubSKPLToy31/bb0hhgOOenHYJq4JC7g/JkIEqBqSWzoCgiOlccDHlBRG+MV37UtXZnJN2spj3VusdCd4A=="],
+
     "react-native-edge-to-edge": ["react-native-edge-to-edge@1.6.0", "", { "peerDependencies": { "react": "*", "react-native": "*" } }, "sha512-2WCNdE3Qd6Fwg9+4BpbATUxCLcouF6YRY7K+J36KJ4l3y+tWN6XCqAC4DuoGblAAbb2sLkhEDp4FOlbOIot2Og=="],
 
     "react-native-gesture-handler": ["react-native-gesture-handler@2.24.0", "", { "dependencies": { "@egjs/hammerjs": "^2.0.17", "hoist-non-react-statics": "^3.3.0", "invariant": "^2.2.4" }, "peerDependencies": { "react": "*", "react-native": "*" } }, "sha512-ZdWyOd1C8axKJHIfYxjJKCcxjWEpUtUWgTOVY2wynbiveSQDm8X/PDyAKXSer/GOtIpjudUbACOndZXCN3vHsw=="],
@@ -1770,6 +1775,8 @@
 
     "@react-navigation/bottom-tabs/@react-navigation/elements": ["@react-navigation/elements@2.5.2", "", { "dependencies": { "color": "^4.2.3", "use-latest-callback": "^0.2.4", "use-sync-external-store": "^1.5.0" }, "peerDependencies": { "@react-native-masked-view/masked-view": ">= 0.2.0", "@react-navigation/native": "^7.1.14", "react": ">= 18.2.0", "react-native": "*", "react-native-safe-area-context": ">= 4.0.0" }, "optionalPeers": ["@react-native-masked-view/masked-view"] }, "sha512-aGC3ukF5+lXuiF5bK7bJyRuWCE+Tk4MZ3GoQpAb7u7+m0KmsquliDhj4UCWEUU5kUoCeoRAUvv+1lKcYKf+WTQ=="],
 
+    "@react-navigation/drawer/@react-navigation/elements": ["@react-navigation/elements@2.5.2", "", { "dependencies": { "color": "^4.2.3", "use-latest-callback": "^0.2.4", "use-sync-external-store": "^1.5.0" }, "peerDependencies": { "@react-native-masked-view/masked-view": ">= 0.2.0", "@react-navigation/native": "^7.1.14", "react": ">= 18.2.0", "react-native": "*", "react-native-safe-area-context": ">= 4.0.0" }, "optionalPeers": ["@react-native-masked-view/masked-view"] }, "sha512-aGC3ukF5+lXuiF5bK7bJyRuWCE+Tk4MZ3GoQpAb7u7+m0KmsquliDhj4UCWEUU5kUoCeoRAUvv+1lKcYKf+WTQ=="],
+
     "@react-navigation/native-stack/@react-navigation/elements": ["@react-navigation/elements@2.5.2", "", { "dependencies": { "color": "^4.2.3", "use-latest-callback": "^0.2.4", "use-sync-external-store": "^1.5.0" }, "peerDependencies": { "@react-native-masked-view/masked-view": ">= 0.2.0", "@react-navigation/native": "^7.1.14", "react": ">= 18.2.0", "react-native": "*", "react-native-safe-area-context": ">= 4.0.0" }, "optionalPeers": ["@react-native-masked-view/masked-view"] }, "sha512-aGC3ukF5+lXuiF5bK7bJyRuWCE+Tk4MZ3GoQpAb7u7+m0KmsquliDhj4UCWEUU5kUoCeoRAUvv+1lKcYKf+WTQ=="],
 
     "@typescript-eslint/eslint-plugin/ignore": ["ignore@7.0.5", "", {}, "sha512-Hs59xBNfUIunMFgWAbGX5cq6893IbWg4KnrjbYwX3tx0ztorVgTDA6B2sxf8ejHJ4wz8BqGUMYlnzNBer5NvGg=="],
diff --git a/package.json b/package.json
index 79705a2..0bd2d65 100644
--- a/package.json
+++ b/package.json
@@ -13,6 +13,7 @@
   "dependencies": {
     "@expo/vector-icons": "^14.1.0",
     "@react-navigation/bottom-tabs": "^7.4.2",
+    "@react-navigation/drawer": "^7.5.2",
     "@react-navigation/elements": "^2.3.8",
     "@react-navigation/native": "^7.1.6",
     "@react-navigation/native-stack": "^7.3.21",
diff --git a/screens/Home/tabsList.ts b/screens/Home/tabsList.ts
index e1677bf..afa6fbb 100644
--- a/screens/Home/tabsList.ts
+++ b/screens/Home/tabsList.ts
@@ -33,7 +33,7 @@ export  const tabsHome: ITabs[] = [
     icon: "person-outline",
     activeIcon: "person",
     label: "Profile",
-    path: "/profile",
+    path: "/profile/coba-id",
     isActive: true,
     disabled: false,
   },

From 564ea68d29ec2408c6cdb4e7c43e6878643d47a4 Mon Sep 17 00:00:00 2001
From: Bagasbanuna02 <bagasbanuna02@gmail.com>
Date: Tue, 1 Jul 2025 11:58:54 +0800
Subject: [PATCH 11/64] feature deksripsi: - resourcing drawer dan alert

---
 app/(application)/profile/[id].tsx         | 242 +++++++++++++++++----
 app/_layout.tsx                            |  90 +++++---
 components/_ShareComponent/ViewWrapper.tsx |  37 +++-
 screens/Authentication/RegisterView.tsx    |   4 +-
 4 files changed, 301 insertions(+), 72 deletions(-)

diff --git a/app/(application)/profile/[id].tsx b/app/(application)/profile/[id].tsx
index 5d5f93d..0bc1a54 100644
--- a/app/(application)/profile/[id].tsx
+++ b/app/(application)/profile/[id].tsx
@@ -1,23 +1,27 @@
 import ViewWrapper from "@/components/_ShareComponent/ViewWrapper";
-import { MainColor } from "@/constants/color-palet";
+import { AccentColor, MainColor } from "@/constants/color-palet";
 import { Styles } from "@/styles/global-styles";
 import { Ionicons } from "@expo/vector-icons";
 import { router, Stack, useLocalSearchParams } from "expo-router";
+import React, { useRef, useState } from "react";
 import {
+  Alert,
+  Animated,
+  PanResponder,
+  StyleSheet,
   Text,
   TouchableOpacity,
   View,
-  Animated,
-  PanResponder,
 } from "react-native";
-import React, { useRef, useState } from "react";
 
+const DRAWER_HEIGHT = 300; // tinggi drawer
 export default function Profile() {
   const { id } = useLocalSearchParams();
   const [isDrawerOpen, setIsDrawerOpen] = useState(false);
+  const [showLogoutAlert, setShowLogoutAlert] = useState(false);
 
   // Animasi menggunakan translateY (lebih kompatibel)
-  const drawerAnim = useRef(new Animated.Value(200)).current; // mulai di luar bawah layar
+  const drawerAnim = useRef(new Animated.Value(DRAWER_HEIGHT)).current; // mulai di luar bawah layar
 
   const openDrawer = () => {
     setIsDrawerOpen(true);
@@ -30,22 +34,31 @@ export default function Profile() {
 
   const closeDrawer = () => {
     Animated.timing(drawerAnim, {
-      toValue: 200,
+      toValue: DRAWER_HEIGHT, // sesuaikan dengan tinggi drawer Anda
       duration: 300,
       useNativeDriver: true,
-    }).start(() => setIsDrawerOpen(false));
+    }).start(() => {
+      setIsDrawerOpen(false); // baru ganti state setelah animasi selesai
+    });
   };
 
   const panResponder = useRef(
     PanResponder.create({
       onMoveShouldSetPanResponder: (_, gestureState) => {
-        return gestureState.dy < -10; // gesek ke atas untuk tutup
+        return gestureState.dy > 10; // gesek ke bawah
+      },
+      onPanResponderMove: (_, gestureState) => {
+        const offset = gestureState.dy;
+        if (offset >= 0 && offset <= DRAWER_HEIGHT) {
+          drawerAnim.setValue(offset); // batasi hingga max 500
+        }
       },
       onPanResponderRelease: (_, gestureState) => {
-        if (gestureState.dy < -50) {
-          closeDrawer(); // tutup jika gesek cukup tinggi
+        if (gestureState.dy > 200) {
+          // Tutup drawer sepenuhnya jika gesek lebih dari 200
+          closeDrawer();
         } else {
-          // kembali ke posisi awal
+          // Reset ke posisi awal jika gesek kurang
           Animated.spring(drawerAnim, {
             toValue: 0,
             useNativeDriver: true,
@@ -57,7 +70,7 @@ export default function Profile() {
 
   return (
     <>
-      <ViewWrapper >
+      <ViewWrapper>
         <Stack.Screen
           options={{
             title: "Profile",
@@ -83,40 +96,37 @@ export default function Profile() {
         <Text style={Styles.textLabel}>Profile {id}</Text>
       </ViewWrapper>
 
+      {/* Overlay Gelap */}
+      {isDrawerOpen && (
+        <View
+          style={[
+            stylesDrawer.overlay,
+            { opacity: isDrawerOpen ? 0.6 : 0 }, // tampilkan overlay hanya saat drawer terbuka
+          ]}
+          pointerEvents={isDrawerOpen ? "auto" : "none"}
+        >
+          <TouchableOpacity onPress={closeDrawer} />
+        </View>
+      )}
+
       {/* Custom Bottom Drawer */}
       {isDrawerOpen && (
         <Animated.View
-          style={{
-            position: "absolute",
-            left: 0,
-            right: 0,
-            bottom: 0,
-            height: 200,
-            backgroundColor: "white",
-            borderTopLeftRadius: 20,
-            borderTopRightRadius: 20,
-            padding: 20,
-            shadowColor: "#000",
-            shadowOffset: { width: 0, height: -2 },
-            shadowOpacity: 0.2,
-            elevation: 5,
-            transform: [{ translateY: drawerAnim }],
-          }}
+          style={[
+            stylesDrawer.drawer,
+            { transform: [{ translateY: drawerAnim }] },
+          ]}
           {...panResponder.panHandlers}
         >
           <View
-            style={{
-              width: 40,
-              height: 5,
-              backgroundColor: "#ccc",
-              borderRadius: 5,
-              alignSelf: "center",
-              marginVertical: 10,
-            }}
+            style={[
+              stylesDrawer.headerBar,
+              { backgroundColor: MainColor.white },
+            ]}
           />
 
           <TouchableOpacity
-            style={{ padding: 15 }}
+            style={stylesDrawer.menuItem}
             onPress={() => {
               alert("Pilihan 1 diklik");
               closeDrawer();
@@ -126,7 +136,7 @@ export default function Profile() {
           </TouchableOpacity>
 
           <TouchableOpacity
-            style={{ padding: 15 }}
+            style={stylesDrawer.menuItem}
             onPress={() => {
               alert("Pilihan 2 diklik");
               closeDrawer();
@@ -135,11 +145,163 @@ export default function Profile() {
             <Text>Menu Item 2</Text>
           </TouchableOpacity>
 
-          <TouchableOpacity style={{ padding: 15 }} onPress={closeDrawer}>
-            <Text style={{ color: "red" }}>Tutup</Text>
+          <TouchableOpacity
+            style={stylesDrawer.menuItem}
+            onPress={() => setShowLogoutAlert(true)}
+          >
+            <Text style={{ color: "red" }}>Logout Custom</Text>
+          </TouchableOpacity>
+
+          <TouchableOpacity
+            style={stylesDrawer.menuItem}
+            onPress={() =>
+              Alert.alert(
+                "Konfirmasi Logout",
+                "Apakah Anda sudah yakin?",
+                [
+                  {
+                    text: "Batal",
+                    onPress: () => console.log("Batal logout"),
+                    style: "cancel",
+                  },
+                  {
+                    text: "Ya",
+                    onPress: () => {
+                      console.log("Logout dipilih");
+                      // Di sini Anda bisa tambahkan fungsi logout seperti clear token, redirect, dll
+                      closeDrawer();
+                    },
+                  },
+                ],
+                { cancelable: true }
+              )
+            }
+          >
+            <Text style={{ color: "red" }}>Keluar</Text>
           </TouchableOpacity>
         </Animated.View>
       )}
+
+      {showLogoutAlert && (
+        <View style={styles.alertOverlay}>
+          <View style={styles.alertBox}>
+            <Text style={styles.alertTitle}>Konfirmasi Logout</Text>
+            <Text style={styles.alertMessage}>Apakah Anda sudah yakin?</Text>
+            <View style={styles.alertButtons}>
+              <TouchableOpacity
+                style={[styles.alertButton, styles.cancelButton]}
+                onPress={() => setShowLogoutAlert(false)}
+              >
+                <Text style={styles.buttonText}>Batal</Text>
+              </TouchableOpacity>
+              <TouchableOpacity
+                style={[styles.alertButton, styles.confirmButton]}
+                onPress={() => {
+                  console.log("Logout dipilih");
+                  setShowLogoutAlert(false);
+                  closeDrawer();
+                }}
+              >
+                <Text style={styles.buttonText}>Ya</Text>
+              </TouchableOpacity>
+            </View>
+          </View>
+        </View>
+      )}
     </>
   );
 }
+
+const stylesDrawer = StyleSheet.create({
+  overlay: {
+    position: "absolute",
+    top: 0,
+    left: 0,
+    right: 0,
+    bottom: 0,
+    backgroundColor: "black",
+    opacity: 0.4,
+  },
+  drawer: {
+    position: "absolute",
+    left: 0,
+    right: 0,
+    bottom: 0,
+    height: DRAWER_HEIGHT,
+    backgroundColor: AccentColor.darkblue,
+    borderTopLeftRadius: 20,
+    borderTopRightRadius: 20,
+    padding: 20,
+    shadowColor: "#000",
+    shadowOffset: { width: 0, height: -2 },
+    shadowOpacity: 0.2,
+    elevation: 5,
+  },
+  headerBar: {
+    width: 40,
+    height: 5,
+    backgroundColor: MainColor.white,
+    borderRadius: 5,
+    alignSelf: "center",
+    marginVertical: 10,
+  },
+  menuItem: {
+    padding: 15,
+  },
+});
+
+const styles = StyleSheet.create({
+  alertOverlay: {
+    position: "absolute",
+    top: 0,
+    left: 0,
+    right: 0,
+    bottom: 0,
+    backgroundColor: "rgba(0,0,0,0.5)",
+    justifyContent: "center",
+    alignItems: "center",
+    zIndex: 999,
+  },
+  alertBox: {
+    width: "80%",
+    backgroundColor: "white",
+    borderRadius: 10,
+    padding: 20,
+    alignItems: "center",
+    shadowColor: "#000",
+    shadowOffset: { width: 0, height: 2 },
+    shadowOpacity: 0.25,
+    elevation: 5,
+  },
+  alertTitle: {
+    fontSize: 18,
+    fontWeight: "bold",
+    marginBottom: 10,
+  },
+  alertMessage: {
+    textAlign: "center",
+    marginBottom: 20,
+  },
+  alertButtons: {
+    flexDirection: "row",
+    justifyContent: "space-between",
+    width: "100%",
+  },
+  alertButton: {
+    flex: 1,
+    padding: 10,
+    borderRadius: 5,
+    marginHorizontal: 5,
+    alignItems: "center",
+  },
+  cancelButton: {
+    backgroundColor: "#ccc",
+  },
+  confirmButton: {
+    backgroundColor: "red",
+  },
+  buttonText: {
+    color: "white",
+    fontWeight: "bold",
+  },
+});
diff --git a/app/_layout.tsx b/app/_layout.tsx
index b7a0950..cca9aac 100644
--- a/app/_layout.tsx
+++ b/app/_layout.tsx
@@ -1,35 +1,71 @@
-import "react-native-gesture-handler";
 import { MainColor } from "@/constants/color-palet";
 import { Stack } from "expo-router";
+import "react-native-gesture-handler";
 import { SafeAreaProvider } from "react-native-safe-area-context";
 
 export default function RootLayout() {
   return (
-    <SafeAreaProvider
-      style={{
-        backgroundColor: MainColor.darkblue,
-      }}
-    >
-      <Stack
-        screenOptions={{
-          headerStyle: { backgroundColor: MainColor.darkblue },
-          headerTitleStyle: { color: MainColor.yellow, fontWeight: "bold" },
-          headerTitleAlign: "center",
-          // contentStyle: {
-          //   borderBottomColor: AccentColor.blue,
-          //   borderBottomWidth: 2,
-          // },
-          // headerLargeStyle: {
-          //   backgroundColor: MainColor.darkblue,
-          // },
-          // headerShadowVisible: false,
-        }}
-      >
-        <Stack.Screen name="index" options={{ headerShown: false }} />
-        <Stack.Screen name="verification" options={{ headerShown: false }} />
-        <Stack.Screen name="register" options={{ headerShown: false }} />
-        <Stack.Screen name="(application)" options={{ headerShown: false }} />
-      </Stack>
-    </SafeAreaProvider>
+    <>
+      <SafeAreaProvider>
+        <Stack
+          screenOptions={{
+            headerStyle: { backgroundColor: MainColor.darkblue },
+            headerTitleStyle: { color: MainColor.yellow, fontWeight: "bold" },
+            headerTitleAlign: "center",
+            // contentStyle: {
+            //   borderBottomColor: AccentColor.blue,
+            //   borderBottomWidth: 2,
+            // },
+            // headerLargeStyle: {
+            //   backgroundColor: MainColor.darkblue,
+            // },
+            // headerShadowVisible: false,
+          }}
+        >
+          <Stack.Screen name="index" options={{ headerShown: false }} />
+          <Stack.Screen name="verification" options={{ headerShown: false }} />
+          <Stack.Screen name="register" options={{ headerShown: false }} />
+          <Stack.Screen name="(application)" options={{ headerShown: false }} />
+        </Stack>
+      </SafeAreaProvider>
+    </>
+    // <SafeAreaProvider
+    //   style={{
+    //     backgroundColor: AccentColor.darkblue,
+    //   }}
+    // >
+    //   <SafeAreaView
+    //     edges={[
+    //       "bottom",
+    //       // "top",
+    //     ]}
+    //     style={{
+    //       flex: 1,
+    //       // paddingTop: StatusBar.currentHeight,
+    //       // backgroundColor: MainColor.darkblue,
+    //     }}
+    //   >
+    //     <Stack
+    //       screenOptions={{
+    //         headerStyle: { backgroundColor: MainColor.darkblue },
+    //         headerTitleStyle: { color: MainColor.yellow, fontWeight: "bold" },
+    //         headerTitleAlign: "center",
+    //         // contentStyle: {
+    //         //   borderBottomColor: AccentColor.blue,
+    //         //   borderBottomWidth: 2,
+    //         // },
+    //         // headerLargeStyle: {
+    //         //   backgroundColor: MainColor.darkblue,
+    //         // },
+    //         // headerShadowVisible: false,
+    //       }}
+    //     >
+    //       <Stack.Screen name="index" options={{ headerShown: false }} />
+    //       <Stack.Screen name="verification" options={{ headerShown: false }} />
+    //       <Stack.Screen name="register" options={{ headerShown: false }} />
+    //       <Stack.Screen name="(application)" options={{ headerShown: false }} />
+    //     </Stack>
+    //   </SafeAreaView>
+    // </SafeAreaProvider>
   );
 }
diff --git a/components/_ShareComponent/ViewWrapper.tsx b/components/_ShareComponent/ViewWrapper.tsx
index c132330..c214f34 100644
--- a/components/_ShareComponent/ViewWrapper.tsx
+++ b/components/_ShareComponent/ViewWrapper.tsx
@@ -1,6 +1,7 @@
+import { MainColor } from "@/constants/color-palet";
 import { Styles } from "@/styles/global-styles";
 import { ImageBackground, ScrollView, View } from "react-native";
-import { SafeAreaProvider, SafeAreaView } from "react-native-safe-area-context";
+import { SafeAreaView } from "react-native-safe-area-context";
 
 interface ViewWrapperProps {
   children: React.ReactNode;
@@ -16,7 +17,7 @@ const ViewWrapper = ({
   const assetBackground = require("../../assets/images/main-background.png");
 
   return (
-    <SafeAreaProvider>
+    <>
       <SafeAreaView
         edges={[
           "bottom",
@@ -25,6 +26,7 @@ const ViewWrapper = ({
         style={{
           flex: 1,
           // paddingTop: StatusBar.currentHeight,
+          backgroundColor: MainColor.darkblue,
         }}
       >
         <ScrollView contentContainerStyle={{ flexGrow: 1 }}>
@@ -42,7 +44,36 @@ const ViewWrapper = ({
         </ScrollView>
         {tabBarComponent}
       </SafeAreaView>
-    </SafeAreaProvider>
+    </>
+    
+    // <SafeAreaProvider>
+    //   <SafeAreaView
+    //     edges={[
+    //       "bottom",
+    //       // "top",
+    //     ]}
+    //     style={{
+    //       flex: 1,
+    //       // paddingTop: StatusBar.currentHeight,
+    //       backgroundColor: MainColor.darkblue,
+    //     }}
+    //   >
+    //     <ScrollView contentContainerStyle={{ flexGrow: 1 }}>
+    //       {withBackground ? (
+    //         <ImageBackground
+    //           source={assetBackground}
+    //           resizeMode="cover"
+    //           style={Styles.imageBackground}
+    //         >
+    //           <View style={Styles.containerWithBackground}>{children}</View>
+    //         </ImageBackground>
+    //       ) : (
+    //         <View style={Styles.container}>{children}</View>
+    //       )}
+    //     </ScrollView>
+    //     {tabBarComponent}
+    //   </SafeAreaView>
+    // </SafeAreaProvider>
   );
 };
 
diff --git a/screens/Authentication/RegisterView.tsx b/screens/Authentication/RegisterView.tsx
index 317e788..aa064a1 100644
--- a/screens/Authentication/RegisterView.tsx
+++ b/screens/Authentication/RegisterView.tsx
@@ -42,7 +42,7 @@ export default function RegisterView() {
                 router.push("/(application)/home")
               )}
             />
-            <Spacing />
+            {/* <Spacing />
             <ButtonCustom
               title="Coba"
               backgroundColor={MainColor.yellow}
@@ -52,7 +52,7 @@ export default function RegisterView() {
                 console.log("Home clicked");
                 router.push("/(application)/coba");
               }}
-            />
+            /> */}
           </View>
         </View>
       </ViewWrapper>

From 258e20751e0ed136ad65bb64f04e45e73aa3e85d Mon Sep 17 00:00:00 2001
From: Bagasbanuna02 <bagasbanuna02@gmail.com>
Date: Tue, 1 Jul 2025 17:47:51 +0800
Subject: [PATCH 12/64] feature profile deskripsi: - drawer & alert - screen
 baru: edit profile, update photo, update background, create portofolio

---
 app/(application)/portofolio/[id].tsx         |   9 +
 app/(application)/portofolio/create/[id].tsx  |  11 +
 app/(application)/profile/[id].tsx            | 306 ++++--------------
 app/(application)/profile/edit.tsx            |   9 +
 .../profile/update-background/[id].tsx        |  11 +
 .../profile/update-photo/[id].tsx             |  11 +
 components/Alert/AlertCustom.tsx              | 127 ++++++++
 components/Drawer/DrawerCustom.tsx            | 150 +++++++++
 components/Drawer/MenuDrawerDynamicGird.tsx   |  57 ++++
 components/_Interface/types.ts                |   9 +-
 constants/constans-value.ts                   |  15 +
 eas.build.android                             |   1 +
 eas.json                                      |   7 +-
 screens/Profile/menuDrawerSection.tsx         |  31 ++
 14 files changed, 510 insertions(+), 244 deletions(-)
 create mode 100644 app/(application)/portofolio/[id].tsx
 create mode 100644 app/(application)/portofolio/create/[id].tsx
 create mode 100644 app/(application)/profile/edit.tsx
 create mode 100644 app/(application)/profile/update-background/[id].tsx
 create mode 100644 app/(application)/profile/update-photo/[id].tsx
 create mode 100644 components/Alert/AlertCustom.tsx
 create mode 100644 components/Drawer/DrawerCustom.tsx
 create mode 100644 components/Drawer/MenuDrawerDynamicGird.tsx
 create mode 100644 constants/constans-value.ts
 create mode 100644 eas.build.android
 create mode 100644 screens/Profile/menuDrawerSection.tsx

diff --git a/app/(application)/portofolio/[id].tsx b/app/(application)/portofolio/[id].tsx
new file mode 100644
index 0000000..9b2bf63
--- /dev/null
+++ b/app/(application)/portofolio/[id].tsx
@@ -0,0 +1,9 @@
+import { Text, View } from "react-native";
+
+export default function Portofolio() {
+    return (
+        <View>
+            <Text>Portofolio</Text>
+        </View>
+    );
+}
\ No newline at end of file
diff --git a/app/(application)/portofolio/create/[id].tsx b/app/(application)/portofolio/create/[id].tsx
new file mode 100644
index 0000000..2b08612
--- /dev/null
+++ b/app/(application)/portofolio/create/[id].tsx
@@ -0,0 +1,11 @@
+import { Text, View } from "react-native";
+import { useLocalSearchParams } from "expo-router";
+
+export default function PortofolioCreate() {
+    const { id } = useLocalSearchParams();
+    return (
+        <View>
+            <Text>Portofolio Create {id}</Text>
+        </View> 
+    );
+}
\ No newline at end of file
diff --git a/app/(application)/profile/[id].tsx b/app/(application)/profile/[id].tsx
index 0bc1a54..d7f5885 100644
--- a/app/(application)/profile/[id].tsx
+++ b/app/(application)/profile/[id].tsx
@@ -1,25 +1,51 @@
+
+import { IMenuDrawerItem } from "@/components/_Interface/types";
 import ViewWrapper from "@/components/_ShareComponent/ViewWrapper";
-import { AccentColor, MainColor } from "@/constants/color-palet";
+import AlertCustom from "@/components/Alert/AlertCustom";
+import DrawerCustom from "@/components/Drawer/DrawerCustom";
+import { MainColor } from "@/constants/color-palet";
+import { DRAWER_HEIGHT } from "@/constants/constans-value";
+import Profile_MenuDrawerSection from "@/screens/Profile/menuDrawerSection";
 import { Styles } from "@/styles/global-styles";
 import { Ionicons } from "@expo/vector-icons";
 import { router, Stack, useLocalSearchParams } from "expo-router";
 import React, { useRef, useState } from "react";
-import {
-  Alert,
-  Animated,
-  PanResponder,
-  StyleSheet,
-  Text,
-  TouchableOpacity,
-  View,
-} from "react-native";
+import { Animated, Text, TouchableOpacity } from "react-native";
 
-const DRAWER_HEIGHT = 300; // tinggi drawer
 export default function Profile() {
   const { id } = useLocalSearchParams();
   const [isDrawerOpen, setIsDrawerOpen] = useState(false);
   const [showLogoutAlert, setShowLogoutAlert] = useState(false);
 
+  const drawerItems: IMenuDrawerItem[] = [
+    {
+      icon: "create",
+      label: "Edit profile",
+      path: "/(application)/profile/edit",
+    },
+    {
+      icon: "camera",
+      label: "Ubah foto profile",
+      path: `/(application)/profile/update-photo/${id}`,
+    },
+    {
+      icon: "image",
+      label: "Ubah latar belakang",
+      path: `/(application)/profile/update-background/${id}`,
+    },
+    {
+      icon: "add-circle",
+      label: "Tambah portofolio",
+      path: `/(application)/portofolio/create/${id}`,
+    },
+    // {
+    //   icon: "settings",
+    //   label: "Dashboard Admin",
+    //   path: `/(application)/profile/dashboard-admin`,
+    // },
+    { icon: "log-out", label: "Keluar", color: "red", path: "" },
+  ];
+
   // Animasi menggunakan translateY (lebih kompatibel)
   const drawerAnim = useRef(new Animated.Value(DRAWER_HEIGHT)).current; // mulai di luar bawah layar
 
@@ -42,35 +68,16 @@ export default function Profile() {
     });
   };
 
-  const panResponder = useRef(
-    PanResponder.create({
-      onMoveShouldSetPanResponder: (_, gestureState) => {
-        return gestureState.dy > 10; // gesek ke bawah
-      },
-      onPanResponderMove: (_, gestureState) => {
-        const offset = gestureState.dy;
-        if (offset >= 0 && offset <= DRAWER_HEIGHT) {
-          drawerAnim.setValue(offset); // batasi hingga max 500
-        }
-      },
-      onPanResponderRelease: (_, gestureState) => {
-        if (gestureState.dy > 200) {
-          // Tutup drawer sepenuhnya jika gesek lebih dari 200
-          closeDrawer();
-        } else {
-          // Reset ke posisi awal jika gesek kurang
-          Animated.spring(drawerAnim, {
-            toValue: 0,
-            useNativeDriver: true,
-          }).start();
-        }
-      },
-    })
-  ).current;
+  const handleLogout = () => {
+    console.log("User logout");
+    router.replace("/");
+    setShowLogoutAlert(false);
+  };
 
   return (
     <>
       <ViewWrapper>
+        {/* Header */}
         <Stack.Screen
           options={{
             title: "Profile",
@@ -96,212 +103,29 @@ export default function Profile() {
         <Text style={Styles.textLabel}>Profile {id}</Text>
       </ViewWrapper>
 
-      {/* Overlay Gelap */}
-      {isDrawerOpen && (
-        <View
-          style={[
-            stylesDrawer.overlay,
-            { opacity: isDrawerOpen ? 0.6 : 0 }, // tampilkan overlay hanya saat drawer terbuka
-          ]}
-          pointerEvents={isDrawerOpen ? "auto" : "none"}
-        >
-          <TouchableOpacity onPress={closeDrawer} />
-        </View>
-      )}
+      {/* Drawer Komponen Eksternal */}
+      <DrawerCustom
+        height={350}
+        isVisible={isDrawerOpen}
+        drawerAnim={drawerAnim}
+        closeDrawer={closeDrawer}
+      >
+        <Profile_MenuDrawerSection
+          drawerItems={drawerItems}
+          setShowLogoutAlert={setShowLogoutAlert}
+        />
+      </DrawerCustom>
 
-      {/* Custom Bottom Drawer */}
-      {isDrawerOpen && (
-        <Animated.View
-          style={[
-            stylesDrawer.drawer,
-            { transform: [{ translateY: drawerAnim }] },
-          ]}
-          {...panResponder.panHandlers}
-        >
-          <View
-            style={[
-              stylesDrawer.headerBar,
-              { backgroundColor: MainColor.white },
-            ]}
-          />
-
-          <TouchableOpacity
-            style={stylesDrawer.menuItem}
-            onPress={() => {
-              alert("Pilihan 1 diklik");
-              closeDrawer();
-            }}
-          >
-            <Text>Menu Item 1</Text>
-          </TouchableOpacity>
-
-          <TouchableOpacity
-            style={stylesDrawer.menuItem}
-            onPress={() => {
-              alert("Pilihan 2 diklik");
-              closeDrawer();
-            }}
-          >
-            <Text>Menu Item 2</Text>
-          </TouchableOpacity>
-
-          <TouchableOpacity
-            style={stylesDrawer.menuItem}
-            onPress={() => setShowLogoutAlert(true)}
-          >
-            <Text style={{ color: "red" }}>Logout Custom</Text>
-          </TouchableOpacity>
-
-          <TouchableOpacity
-            style={stylesDrawer.menuItem}
-            onPress={() =>
-              Alert.alert(
-                "Konfirmasi Logout",
-                "Apakah Anda sudah yakin?",
-                [
-                  {
-                    text: "Batal",
-                    onPress: () => console.log("Batal logout"),
-                    style: "cancel",
-                  },
-                  {
-                    text: "Ya",
-                    onPress: () => {
-                      console.log("Logout dipilih");
-                      // Di sini Anda bisa tambahkan fungsi logout seperti clear token, redirect, dll
-                      closeDrawer();
-                    },
-                  },
-                ],
-                { cancelable: true }
-              )
-            }
-          >
-            <Text style={{ color: "red" }}>Keluar</Text>
-          </TouchableOpacity>
-        </Animated.View>
-      )}
-
-      {showLogoutAlert && (
-        <View style={styles.alertOverlay}>
-          <View style={styles.alertBox}>
-            <Text style={styles.alertTitle}>Konfirmasi Logout</Text>
-            <Text style={styles.alertMessage}>Apakah Anda sudah yakin?</Text>
-            <View style={styles.alertButtons}>
-              <TouchableOpacity
-                style={[styles.alertButton, styles.cancelButton]}
-                onPress={() => setShowLogoutAlert(false)}
-              >
-                <Text style={styles.buttonText}>Batal</Text>
-              </TouchableOpacity>
-              <TouchableOpacity
-                style={[styles.alertButton, styles.confirmButton]}
-                onPress={() => {
-                  console.log("Logout dipilih");
-                  setShowLogoutAlert(false);
-                  closeDrawer();
-                }}
-              >
-                <Text style={styles.buttonText}>Ya</Text>
-              </TouchableOpacity>
-            </View>
-          </View>
-        </View>
-      )}
+      {/* Alert Komponen Eksternal */}
+      <AlertCustom
+        isVisible={showLogoutAlert}
+        onLeftPress={() => setShowLogoutAlert(false)}
+        onRightPress={handleLogout}
+        title="Apakah anda yakin ingin keluar?"
+        textLeft="Batal"
+        textRight="Keluar"
+        colorRight={MainColor.red}
+      />
     </>
   );
 }
-
-const stylesDrawer = StyleSheet.create({
-  overlay: {
-    position: "absolute",
-    top: 0,
-    left: 0,
-    right: 0,
-    bottom: 0,
-    backgroundColor: "black",
-    opacity: 0.4,
-  },
-  drawer: {
-    position: "absolute",
-    left: 0,
-    right: 0,
-    bottom: 0,
-    height: DRAWER_HEIGHT,
-    backgroundColor: AccentColor.darkblue,
-    borderTopLeftRadius: 20,
-    borderTopRightRadius: 20,
-    padding: 20,
-    shadowColor: "#000",
-    shadowOffset: { width: 0, height: -2 },
-    shadowOpacity: 0.2,
-    elevation: 5,
-  },
-  headerBar: {
-    width: 40,
-    height: 5,
-    backgroundColor: MainColor.white,
-    borderRadius: 5,
-    alignSelf: "center",
-    marginVertical: 10,
-  },
-  menuItem: {
-    padding: 15,
-  },
-});
-
-const styles = StyleSheet.create({
-  alertOverlay: {
-    position: "absolute",
-    top: 0,
-    left: 0,
-    right: 0,
-    bottom: 0,
-    backgroundColor: "rgba(0,0,0,0.5)",
-    justifyContent: "center",
-    alignItems: "center",
-    zIndex: 999,
-  },
-  alertBox: {
-    width: "80%",
-    backgroundColor: "white",
-    borderRadius: 10,
-    padding: 20,
-    alignItems: "center",
-    shadowColor: "#000",
-    shadowOffset: { width: 0, height: 2 },
-    shadowOpacity: 0.25,
-    elevation: 5,
-  },
-  alertTitle: {
-    fontSize: 18,
-    fontWeight: "bold",
-    marginBottom: 10,
-  },
-  alertMessage: {
-    textAlign: "center",
-    marginBottom: 20,
-  },
-  alertButtons: {
-    flexDirection: "row",
-    justifyContent: "space-between",
-    width: "100%",
-  },
-  alertButton: {
-    flex: 1,
-    padding: 10,
-    borderRadius: 5,
-    marginHorizontal: 5,
-    alignItems: "center",
-  },
-  cancelButton: {
-    backgroundColor: "#ccc",
-  },
-  confirmButton: {
-    backgroundColor: "red",
-  },
-  buttonText: {
-    color: "white",
-    fontWeight: "bold",
-  },
-});
diff --git a/app/(application)/profile/edit.tsx b/app/(application)/profile/edit.tsx
new file mode 100644
index 0000000..09259ce
--- /dev/null
+++ b/app/(application)/profile/edit.tsx
@@ -0,0 +1,9 @@
+import { Text, View } from "react-native";
+
+export default function ProfileEdit() {
+    return (
+        <View>
+            <Text>Profile Edit</Text>
+        </View>
+    )
+}
\ No newline at end of file
diff --git a/app/(application)/profile/update-background/[id].tsx b/app/(application)/profile/update-background/[id].tsx
new file mode 100644
index 0000000..cab1900
--- /dev/null
+++ b/app/(application)/profile/update-background/[id].tsx
@@ -0,0 +1,11 @@
+import { Text, View } from "react-native";
+import { useLocalSearchParams } from "expo-router";
+
+export default function UpdatePhotoBackground() {
+    const { id } = useLocalSearchParams();
+    return (
+        <View>
+            <Text>Update Photo Background {id}</Text>
+        </View>
+    )
+}
\ No newline at end of file
diff --git a/app/(application)/profile/update-photo/[id].tsx b/app/(application)/profile/update-photo/[id].tsx
new file mode 100644
index 0000000..1342743
--- /dev/null
+++ b/app/(application)/profile/update-photo/[id].tsx
@@ -0,0 +1,11 @@
+import { Text, View } from "react-native";
+import { useLocalSearchParams } from "expo-router";
+
+export default function UpdatePhotoProfile() {
+  const { id } = useLocalSearchParams();
+  return (
+    <View>
+      <Text>Update Photo Profile {id}</Text>
+    </View>
+  );
+}
diff --git a/components/Alert/AlertCustom.tsx b/components/Alert/AlertCustom.tsx
new file mode 100644
index 0000000..d6732e4
--- /dev/null
+++ b/components/Alert/AlertCustom.tsx
@@ -0,0 +1,127 @@
+import { AccentColor, MainColor } from "@/constants/color-palet";
+import { TEXT_SIZE_LARGE } from "@/constants/constans-value";
+import React from "react";
+import { StyleSheet, Text, TouchableOpacity, View } from "react-native";
+
+interface AlertCustomProps {
+  isVisible: boolean;
+  onLeftPress: () => void;
+  onRightPress: () => void;
+  title?: string;
+  message?: string;
+  textLeft?: string;
+  textRight?: string;
+  colorLeft?: string;
+  colorRight?: string;
+}
+
+export default function AlertCustom({
+  isVisible,
+  onLeftPress,
+  onRightPress,
+  title,
+  message,
+  textLeft,
+  textRight,
+  colorLeft,
+  colorRight,
+}: AlertCustomProps) {
+  if (!isVisible) return null;
+
+  return (
+    <View style={styles.overlay}>
+      <View style={styles.alertBox}>
+        {title && message ? (
+          <>
+            <Text style={styles.alertTitle}>{title}</Text>
+            <Text style={styles.alertMessage}>{message}</Text>
+          </>
+        ) : title ? (
+          <Text style={styles.alertTitle}>{title}</Text>
+        ) : (
+          <Text style={styles.alertMessage}>{message}</Text>
+        )}
+        <View style={styles.alertButtons}>
+          <TouchableOpacity
+            style={[
+              styles.alertButton,
+              colorLeft ? { backgroundColor: colorLeft } : styles.leftButton,
+            ]}
+            onPress={onLeftPress}
+          >
+            <Text style={styles.buttonText}>{textLeft}</Text>
+          </TouchableOpacity>
+          <TouchableOpacity
+            style={[
+              styles.alertButton,
+              colorRight ? { backgroundColor: colorRight } : styles.rightButton,
+            ]}
+            onPress={onRightPress}
+          >
+            <Text style={styles.buttonText}>{textRight}</Text>
+          </TouchableOpacity>
+        </View>
+      </View>
+    </View>
+  );
+}
+
+const styles = StyleSheet.create({
+  overlay: {
+    position: "absolute",
+    top: 0,
+    left: 0,
+    right: 0,
+    bottom: 0,
+    backgroundColor: "rgba(0,0,0,0.5)",
+    justifyContent: "center",
+    alignItems: "center",
+    zIndex: 999,
+  },
+  alertBox: {
+    width: "90%",
+    backgroundColor: MainColor.darkblue,
+    borderColor: AccentColor.blue,
+    borderWidth: 1,
+    borderRadius: 10,
+    padding: 20,
+    alignItems: "center",
+    shadowColor: "#000",
+    shadowOffset: { width: 0, height: 2 },
+    shadowOpacity: 0.25,
+    elevation: 5,
+  },
+  alertTitle: {
+    fontSize: TEXT_SIZE_LARGE,
+    fontWeight: "bold",
+    marginBottom: 20,
+    color: MainColor.white,
+  },
+  alertMessage: {
+    textAlign: "center",
+    marginBottom: 20,
+    color: MainColor.white,
+  },
+  alertButtons: {
+    flexDirection: "row",
+    justifyContent: "space-between",
+    width: "100%",
+  },
+  alertButton: {
+    flex: 1,
+    padding: 10,
+    borderRadius: 5,
+    marginHorizontal: 5,
+    alignItems: "center",
+  },
+  leftButton: {
+    backgroundColor: "gray",
+  },
+  rightButton: {
+    backgroundColor: MainColor.green,
+  },
+  buttonText: {
+    color: "white",
+    fontWeight: "bold",
+  },
+});
diff --git a/components/Drawer/DrawerCustom.tsx b/components/Drawer/DrawerCustom.tsx
new file mode 100644
index 0000000..603d38e
--- /dev/null
+++ b/components/Drawer/DrawerCustom.tsx
@@ -0,0 +1,150 @@
+import React, { useRef } from "react";
+import {
+    Animated,
+    PanResponder,
+    StyleSheet,
+    View
+} from "react-native";
+
+import { AccentColor, MainColor } from "@/constants/color-palet";
+import { DRAWER_HEIGHT } from "@/constants/constans-value";
+
+interface DrawerCustomProps {
+  children?: React.ReactNode;
+  height?: number;
+  isVisible: boolean;
+  drawerAnim: Animated.Value;
+  closeDrawer: () => void;
+  //   openLogoutAlert: () => void;
+}
+
+export default function DrawerCustom({
+  children,
+  height,
+  isVisible,
+  drawerAnim,
+  closeDrawer,
+}: //   openLogoutAlert,
+DrawerCustomProps) {
+  const panResponder = useRef(
+    PanResponder.create({
+      onMoveShouldSetPanResponder: (_, gestureState) => {
+        return gestureState.dy > 10; // gesek ke bawah
+      },
+      onPanResponderMove: (_, gestureState) => {
+        const offset = gestureState.dy;
+        if (offset >= 0 && offset <= DRAWER_HEIGHT) {
+          drawerAnim.setValue(offset);
+        }
+      },
+      onPanResponderRelease: (_, gestureState) => {
+        if (gestureState.dy > 200) {
+          closeDrawer();
+        } else {
+          Animated.spring(drawerAnim, {
+            toValue: 0,
+            useNativeDriver: true,
+          }).start();
+        }
+      },
+    })
+  ).current;
+
+  if (!isVisible) return null;
+
+  return (
+    <>
+      {/* Overlay Gelap */}
+      <View
+        style={styles.overlay}
+        pointerEvents="auto"
+        onTouchStart={closeDrawer}
+      />
+
+      {/* Custom Bottom Drawer */}
+      <Animated.View
+        style={[
+          styles.drawer,
+          {
+            height: height || DRAWER_HEIGHT,
+            transform: [{ translateY: drawerAnim }],
+          },
+        ]}
+        {...panResponder.panHandlers}
+      >
+        <View
+          style={[styles.headerBar, { backgroundColor: MainColor.white }]}
+        />
+
+        {children}
+
+        {/* <TouchableOpacity
+          style={styles.menuItem}
+          onPress={() => {
+            alert("Pilihan 1 diklik");
+            closeDrawer();
+          }}
+        >
+          <Text>Menu Item 1</Text>
+        </TouchableOpacity>
+
+        <TouchableOpacity
+          style={styles.menuItem}
+          onPress={() => {
+            alert("Pilihan 2 diklik");
+            closeDrawer();
+          }}
+        >
+          <Text>Menu Item 2</Text>
+        </TouchableOpacity>
+
+
+        <TouchableOpacity
+          style={styles.menuItem}
+          onPress={() => alert("Logout via Alert bawaan")}
+        >
+          <Text style={{ color: "red" }}>Keluar</Text>
+        </TouchableOpacity> */}
+      </Animated.View>
+    </>
+  );
+}
+
+const styles = StyleSheet.create({
+  overlay: {
+    position: "absolute",
+    top: 0,
+    left: 0,
+    right: 0,
+    bottom: 0,
+    backgroundColor: "black",
+    opacity: 0.6,
+    zIndex: 998,
+  },
+  drawer: {
+    position: "absolute",
+    left: 0,
+    right: 0,
+    bottom: 0,
+    backgroundColor: AccentColor.darkblue,
+    borderTopLeftRadius: 20,
+    borderTopRightRadius: 20,
+    padding: 20,
+    shadowColor: "#000",
+    shadowOffset: { width: 0, height: -2 },
+    shadowOpacity: 0.2,
+    elevation: 5,
+    zIndex: 999,
+  },
+  headerBar: {
+    width: 40,
+    height: 5,
+    backgroundColor: MainColor.white,
+    borderRadius: 5,
+    alignSelf: "center",
+    marginVertical: 10,
+  },
+  menuItem: {
+    padding: 15,
+  },
+});
diff --git a/components/Drawer/MenuDrawerDynamicGird.tsx b/components/Drawer/MenuDrawerDynamicGird.tsx
new file mode 100644
index 0000000..ad6c2ce
--- /dev/null
+++ b/components/Drawer/MenuDrawerDynamicGird.tsx
@@ -0,0 +1,57 @@
+import { AccentColor, MainColor } from "@/constants/color-palet";
+import { ICON_SIZE_MEDIUM, TEXT_SIZE_SMALL } from "@/constants/constans-value";
+import { Ionicons } from "@expo/vector-icons";
+import { View, TouchableOpacity, Text, StyleSheet } from "react-native";
+
+const MenuDrawerDynamicGrid = ({ data, columns = 3, onPressItem }: any) => {
+  const numColumns = columns;
+
+  return (
+    <View style={styles.container}>
+      {data.map((item: any, index: any) => (
+        <TouchableOpacity
+          key={index}
+          style={[styles.itemContainer, { flexBasis: `${100 / numColumns}%` }]}
+          onPress={() => onPressItem?.(item)}
+        >
+          <View style={styles.iconContainer}>
+            <Ionicons
+              name={item.icon}
+              size={ICON_SIZE_MEDIUM}
+              color={item.color || MainColor.white}
+            />
+          </View>
+          <Text style={styles.label}>{item.label}</Text>
+        </TouchableOpacity>
+      ))}
+    </View>
+  );
+};
+
+export default MenuDrawerDynamicGrid;
+
+const styles = StyleSheet.create({
+  container: {
+    flexDirection: "row",
+    flexWrap: "wrap",
+    padding: 0,
+  },
+  itemContainer: {
+    padding: 10,
+    alignItems: "center",
+  },
+  iconContainer: {
+    width: 56,
+    height: 56,
+    borderRadius: 28,
+    backgroundColor: AccentColor.blue,
+    justifyContent: "center",
+    alignItems: "center",
+  },
+  label: {
+    marginTop: 10,
+    fontSize: TEXT_SIZE_SMALL,
+    textAlign: "center",
+    color: MainColor.white,
+  },
+});
\ No newline at end of file
diff --git a/components/_Interface/types.ts b/components/_Interface/types.ts
index 12444ac..ecf36f9 100644
--- a/components/_Interface/types.ts
+++ b/components/_Interface/types.ts
@@ -1,6 +1,6 @@
 import { Href } from "expo-router";
 
-export { ICustomTab, ITabs };
+export { ICustomTab, ITabs, IMenuDrawerItem };
 
 interface ICustomTab {
   icon: string;
@@ -18,3 +18,10 @@ interface ITabs {
   isActive: boolean;
   disabled?: boolean;
 }
+
+interface IMenuDrawerItem {
+  icon: string;
+  label: string;
+  path?: string;
+  color?: string;
+}
diff --git a/constants/constans-value.ts b/constants/constans-value.ts
new file mode 100644
index 0000000..166a20d
--- /dev/null
+++ b/constants/constans-value.ts
@@ -0,0 +1,15 @@
+export {
+  TEXT_SIZE_SMALL,
+  TEXT_SIZE_MEDIUM,
+  TEXT_SIZE_LARGE,
+  ICON_SIZE_SMALL,
+  ICON_SIZE_MEDIUM,
+  DRAWER_HEIGHT,
+};
+
+const TEXT_SIZE_SMALL = 12;
+const TEXT_SIZE_MEDIUM = 14;
+const TEXT_SIZE_LARGE = 16;
+const ICON_SIZE_SMALL = 20;
+const ICON_SIZE_MEDIUM = 24;
+const DRAWER_HEIGHT = 500; // tinggi drawer5
diff --git a/eas.build.android b/eas.build.android
new file mode 100644
index 0000000..2b00de1
--- /dev/null
+++ b/eas.build.android
@@ -0,0 +1 @@
+eas build --profile preview
\ No newline at end of file
diff --git a/eas.json b/eas.json
index c6600e8..4804edb 100644
--- a/eas.json
+++ b/eas.json
@@ -1,6 +1,6 @@
 {
   "cli": {
-    "version": ">= 16.12.0",
+    "version": ">= 16.10.0",
     "appVersionSource": "remote"
   },
   "build": {
@@ -9,7 +9,10 @@
       "distribution": "internal"
     },
     "preview": {
-      "distribution": "internal"
+      "distribution": "internal",
+      "android": {
+        "buildType": "apk"
+      }
     },
     "production": {
       "autoIncrement": true
diff --git a/screens/Profile/menuDrawerSection.tsx b/screens/Profile/menuDrawerSection.tsx
new file mode 100644
index 0000000..3853011
--- /dev/null
+++ b/screens/Profile/menuDrawerSection.tsx
@@ -0,0 +1,31 @@
+import { IMenuDrawerItem } from "@/components/_Interface/types";
+import MenuDrawerDynamicGrid from "@/components/Drawer/MenuDrawerDynamicGird";
+import { router } from "expo-router";
+
+export default function Profile_MenuDrawerSection({
+  drawerItems,
+  setShowLogoutAlert,
+}: {
+  drawerItems: IMenuDrawerItem[];
+  setShowLogoutAlert: (value: boolean) => void;
+}) {
+  const handlePress = (item: IMenuDrawerItem) => {
+    if (item.label === "Keluar") {
+    //   console.log("Logout clicked");
+      setShowLogoutAlert(true);
+    } else {
+      router.push(item.path as any);
+    }
+  };
+
+  return (
+    <>
+      {/* Menu Items */}
+      <MenuDrawerDynamicGrid
+        data={drawerItems}
+        columns={4} // Ubah ke 2 jika ingin 2 kolom per baris
+        onPressItem={handlePress}
+      />
+    </>
+  );
+}

From 8fb37db0db950e0a8b7cfd9382b801c0906009b2 Mon Sep 17 00:00:00 2001
From: Bagasbanuna02 <bagasbanuna02@gmail.com>
Date: Wed, 2 Jul 2025 11:43:22 +0800
Subject: [PATCH 13/64] feature deksripsi: - merapikan folder profile - Issu:
 Drawer

---
 app/(application)/_layout.tsx                 | 33 +++++-----------
 app/(application)/portofolio/[id].tsx         |  9 -----
 .../{create/[id].tsx => [id]/create.tsx}      |  0
 app/(application)/portofolio/[id]/index.tsx   | 32 ++++++++++++++++
 app/(application)/portofolio/_layout.tsx      | 26 +++++++++++++
 app/(application)/profile/[id]/edit.tsx       | 11 ++++++
 .../profile/{[id].tsx => [id]/index.tsx}      | 37 +++++++++++-------
 .../[id].tsx => [id]/update-background.tsx}   |  0
 .../[id].tsx => [id]/update-photo.tsx}        |  0
 app/(application)/profile/_layout.tsx         | 38 +++++++++++++++++++
 app/(application)/profile/edit.tsx            |  9 -----
 components/Drawer/DrawerCustom.tsx            |  4 +-
 components/_ShareComponent/BackButton.tsx     | 16 ++++++++
 screens/Home/tabsList.ts                      |  2 +-
 screens/Profile/menuDrawerSection.tsx         |  1 +
 15 files changed, 160 insertions(+), 58 deletions(-)
 delete mode 100644 app/(application)/portofolio/[id].tsx
 rename app/(application)/portofolio/{create/[id].tsx => [id]/create.tsx} (100%)
 create mode 100644 app/(application)/portofolio/[id]/index.tsx
 create mode 100644 app/(application)/portofolio/_layout.tsx
 create mode 100644 app/(application)/profile/[id]/edit.tsx
 rename app/(application)/profile/{[id].tsx => [id]/index.tsx} (78%)
 rename app/(application)/profile/{update-background/[id].tsx => [id]/update-background.tsx} (100%)
 rename app/(application)/profile/{update-photo/[id].tsx => [id]/update-photo.tsx} (100%)
 create mode 100644 app/(application)/profile/_layout.tsx
 delete mode 100644 app/(application)/profile/edit.tsx
 create mode 100644 components/_ShareComponent/BackButton.tsx

diff --git a/app/(application)/_layout.tsx b/app/(application)/_layout.tsx
index 01afae9..16a7b08 100644
--- a/app/(application)/_layout.tsx
+++ b/app/(application)/_layout.tsx
@@ -89,35 +89,20 @@ export default function ApplicationLayout() {
         />
 
         {/* Profile */}
-        {/* <Stack.Screen
-          name="profile/index"
+        <Stack.Screen
+          name="profile"
           options={{
-            title: "Profile",
-            headerLeft: () => (
-              <Ionicons
-                name="arrow-back"
-                size={20}
-                color={MainColor.yellow}
-                onPress={() => router.back()}
-              />
-            ),
+            headerShown: false,
           }}
-        /> */}
+        />
 
-        {/* <Stack.Screen
-          name="profile/[id]"
+        {/* Portofolio */}
+        <Stack.Screen
+          name="portofolio"
           options={{
-            title: "Profile",
-            headerLeft: () => (
-              <Ionicons
-                name="arrow-back"
-                size={20}
-                color={MainColor.yellow}
-                onPress={() => router.back()}
-              />
-            ),
+            headerShown: false,
           }}
-        /> */}
+        />
 
         {/* Event */}
         <Stack.Screen
diff --git a/app/(application)/portofolio/[id].tsx b/app/(application)/portofolio/[id].tsx
deleted file mode 100644
index 9b2bf63..0000000
--- a/app/(application)/portofolio/[id].tsx
+++ /dev/null
@@ -1,9 +0,0 @@
-import { Text, View } from "react-native";
-
-export default function Portofolio() {
-    return (
-        <View>
-            <Text>Portofolio</Text>
-        </View>
-    );
-}
\ No newline at end of file
diff --git a/app/(application)/portofolio/create/[id].tsx b/app/(application)/portofolio/[id]/create.tsx
similarity index 100%
rename from app/(application)/portofolio/create/[id].tsx
rename to app/(application)/portofolio/[id]/create.tsx
diff --git a/app/(application)/portofolio/[id]/index.tsx b/app/(application)/portofolio/[id]/index.tsx
new file mode 100644
index 0000000..adbe835
--- /dev/null
+++ b/app/(application)/portofolio/[id]/index.tsx
@@ -0,0 +1,32 @@
+import BackButton from "@/components/_ShareComponent/BackButton";
+import ViewWrapper from "@/components/_ShareComponent/ViewWrapper";
+import { Styles } from "@/styles/global-styles";
+import { Stack, useLocalSearchParams } from "expo-router";
+import { Text } from "react-native";
+
+export default function Portofolio() {
+    const { id } = useLocalSearchParams();
+  return (
+    <ViewWrapper>
+      {/* Header */}
+      <Stack.Screen
+        options={{
+          title: "Portofolio",
+          headerLeft: () => <BackButton />,
+        //   headerRight: () => (
+        //     <TouchableOpacity onPress={openDrawer}>
+        //       <Ionicons
+        //         name="ellipsis-vertical"
+        //         size={20}
+        //         color={MainColor.yellow}
+        //       />
+        //     </TouchableOpacity>
+        //   ),
+          headerStyle: Styles.headerStyle,
+          headerTitleStyle: Styles.headerTitleStyle,
+        }}
+      />
+      <Text style={Styles.textLabel}>Portofolio {id}</Text>
+    </ViewWrapper>
+  );
+}
diff --git a/app/(application)/portofolio/_layout.tsx b/app/(application)/portofolio/_layout.tsx
new file mode 100644
index 0000000..1d82e97
--- /dev/null
+++ b/app/(application)/portofolio/_layout.tsx
@@ -0,0 +1,26 @@
+
+import BackButton from "@/components/_ShareComponent/BackButton";
+import { Styles } from "@/styles/global-styles";
+import { Stack } from "expo-router";
+
+export default function PortofolioLayout() {
+  return (
+    <>
+      <Stack
+        screenOptions={{
+          headerStyle: Styles.headerStyle,
+          headerTitleStyle: Styles.headerTitleStyle,
+          headerTitleAlign: "center",
+          headerBackButtonDisplayMode: "minimal",
+          headerLeft: () => <BackButton />,
+        }}
+      >
+        {/* <Stack.Screen name="[id]/index" options={{ title: "Portofolio" }} /> */}
+        <Stack.Screen
+          name="[id]/create"
+          options={{ title: "Tambah Portofolio" }}
+        />
+      </Stack>
+    </>
+  );
+}
diff --git a/app/(application)/profile/[id]/edit.tsx b/app/(application)/profile/[id]/edit.tsx
new file mode 100644
index 0000000..58980aa
--- /dev/null
+++ b/app/(application)/profile/[id]/edit.tsx
@@ -0,0 +1,11 @@
+import { Text, View } from "react-native";
+import { useLocalSearchParams } from "expo-router";
+
+export default function ProfileEdit() {
+    const { id } = useLocalSearchParams();
+    return (
+        <View>
+            <Text>Profile Edit {id}</Text>
+        </View>
+    )
+}
\ No newline at end of file
diff --git a/app/(application)/profile/[id].tsx b/app/(application)/profile/[id]/index.tsx
similarity index 78%
rename from app/(application)/profile/[id].tsx
rename to app/(application)/profile/[id]/index.tsx
index d7f5885..6d0f18e 100644
--- a/app/(application)/profile/[id].tsx
+++ b/app/(application)/profile/[id]/index.tsx
@@ -1,5 +1,5 @@
-
 import { IMenuDrawerItem } from "@/components/_Interface/types";
+import BackButton from "@/components/_ShareComponent/BackButton";
 import ViewWrapper from "@/components/_ShareComponent/ViewWrapper";
 import AlertCustom from "@/components/Alert/AlertCustom";
 import DrawerCustom from "@/components/Drawer/DrawerCustom";
@@ -10,7 +10,7 @@ import { Styles } from "@/styles/global-styles";
 import { Ionicons } from "@expo/vector-icons";
 import { router, Stack, useLocalSearchParams } from "expo-router";
 import React, { useRef, useState } from "react";
-import { Animated, Text, TouchableOpacity } from "react-native";
+import { Animated, Text, TouchableHighlight, TouchableOpacity, View } from "react-native";
 
 export default function Profile() {
   const { id } = useLocalSearchParams();
@@ -21,22 +21,22 @@ export default function Profile() {
     {
       icon: "create",
       label: "Edit profile",
-      path: "/(application)/profile/edit",
+      path: `/(application)/profile/${id}/edit`,
     },
     {
       icon: "camera",
       label: "Ubah foto profile",
-      path: `/(application)/profile/update-photo/${id}`,
+      path: `/(application)/profile/${id}/update-photo`,
     },
     {
       icon: "image",
       label: "Ubah latar belakang",
-      path: `/(application)/profile/update-background/${id}`,
+      path: `/(application)/profile/${id}/update-background`,
     },
     {
       icon: "add-circle",
       label: "Tambah portofolio",
-      path: `/(application)/portofolio/create/${id}`,
+      path: `/(application)/portofolio/${id}/create`,
     },
     // {
     //   icon: "settings",
@@ -81,14 +81,7 @@ export default function Profile() {
         <Stack.Screen
           options={{
             title: "Profile",
-            headerLeft: () => (
-              <Ionicons
-                name="arrow-back"
-                size={20}
-                color={MainColor.yellow}
-                onPress={() => router.back()}
-              />
-            ),
+            headerLeft: () => <BackButton />,
             headerRight: () => (
               <TouchableOpacity onPress={openDrawer}>
                 <Ionicons
@@ -98,9 +91,25 @@ export default function Profile() {
                 />
               </TouchableOpacity>
             ),
+            headerStyle: Styles.headerStyle,
+            headerTitleStyle: Styles.headerTitleStyle,
           }}
         />
         <Text style={Styles.textLabel}>Profile {id}</Text>
+        <TouchableHighlight
+          onPress={() => router.push(`/(application)/portofolio/${id}`)}
+        >
+          <View
+            style={{
+              backgroundColor: MainColor.white,
+              padding: 10,
+              borderRadius: 10,
+              marginTop: 10,
+            }}
+          >
+            <Text>Portofolio</Text>
+          </View>
+        </TouchableHighlight>
       </ViewWrapper>
 
       {/* Drawer Komponen Eksternal */}
diff --git a/app/(application)/profile/update-background/[id].tsx b/app/(application)/profile/[id]/update-background.tsx
similarity index 100%
rename from app/(application)/profile/update-background/[id].tsx
rename to app/(application)/profile/[id]/update-background.tsx
diff --git a/app/(application)/profile/update-photo/[id].tsx b/app/(application)/profile/[id]/update-photo.tsx
similarity index 100%
rename from app/(application)/profile/update-photo/[id].tsx
rename to app/(application)/profile/[id]/update-photo.tsx
diff --git a/app/(application)/profile/_layout.tsx b/app/(application)/profile/_layout.tsx
new file mode 100644
index 0000000..93fd582
--- /dev/null
+++ b/app/(application)/profile/_layout.tsx
@@ -0,0 +1,38 @@
+import { MainColor } from "@/constants/color-palet";
+import { Styles } from "@/styles/global-styles";
+import { Ionicons } from "@expo/vector-icons";
+import { router, Stack } from "expo-router";
+
+export default function ProfileLayout() {
+  return (
+    <>
+      <Stack
+        screenOptions={{
+          headerStyle: Styles.headerStyle,
+          headerTitleStyle: Styles.headerTitleStyle,
+          headerTitleAlign: "center",
+          headerBackButtonDisplayMode: "minimal",
+          headerLeft: () => (
+            <Ionicons
+              name="arrow-back"
+              size={20}
+              color={MainColor.yellow}
+              onPress={() => router.back()}
+            />
+          ),
+        }}
+      >
+        {/* <Stack.Screen name="[id]/index" options={{ headerShown: false }} /> */}
+        <Stack.Screen name="[id]/edit" options={{ title: "Edit Profile" }} />
+        <Stack.Screen
+          name="[id]/update-photo"
+          options={{ title: "Update Foto" }}
+        />
+        <Stack.Screen
+          name="[id]/update-background"
+          options={{ title: "Update Latar Belakang" }}
+        />
+      </Stack>
+    </>
+  );
+}
diff --git a/app/(application)/profile/edit.tsx b/app/(application)/profile/edit.tsx
deleted file mode 100644
index 09259ce..0000000
--- a/app/(application)/profile/edit.tsx
+++ /dev/null
@@ -1,9 +0,0 @@
-import { Text, View } from "react-native";
-
-export default function ProfileEdit() {
-    return (
-        <View>
-            <Text>Profile Edit</Text>
-        </View>
-    )
-}
\ No newline at end of file
diff --git a/components/Drawer/DrawerCustom.tsx b/components/Drawer/DrawerCustom.tsx
index 603d38e..af4524d 100644
--- a/components/Drawer/DrawerCustom.tsx
+++ b/components/Drawer/DrawerCustom.tsx
@@ -58,7 +58,9 @@ DrawerCustomProps) {
       <View
         style={styles.overlay}
         pointerEvents="auto"
-        onTouchStart={closeDrawer}
+        onTouchStart={() => {
+          setTimeout(closeDrawer, 0);
+        }}
       />
 
       {/* Custom Bottom Drawer */}
diff --git a/components/_ShareComponent/BackButton.tsx b/components/_ShareComponent/BackButton.tsx
new file mode 100644
index 0000000..7d6b0d5
--- /dev/null
+++ b/components/_ShareComponent/BackButton.tsx
@@ -0,0 +1,16 @@
+import { Ionicons } from "@expo/vector-icons";
+import { MainColor } from "@/constants/color-palet";
+import { router } from "expo-router";
+
+const BackButton = () => {
+  return (
+    <Ionicons
+      name="arrow-back"
+      size={20}
+      color={MainColor.yellow}
+      onPress={() => router.back()}
+    />
+  );
+};
+
+export default BackButton;
diff --git a/screens/Home/tabsList.ts b/screens/Home/tabsList.ts
index afa6fbb..227d06c 100644
--- a/screens/Home/tabsList.ts
+++ b/screens/Home/tabsList.ts
@@ -33,7 +33,7 @@ export  const tabsHome: ITabs[] = [
     icon: "person-outline",
     activeIcon: "person",
     label: "Profile",
-    path: "/profile/coba-id",
+    path: "/profile/id-percoban-123456",
     isActive: true,
     disabled: false,
   },
diff --git a/screens/Profile/menuDrawerSection.tsx b/screens/Profile/menuDrawerSection.tsx
index 3853011..d9095ae 100644
--- a/screens/Profile/menuDrawerSection.tsx
+++ b/screens/Profile/menuDrawerSection.tsx
@@ -14,6 +14,7 @@ export default function Profile_MenuDrawerSection({
     //   console.log("Logout clicked");
       setShowLogoutAlert(true);
     } else {
+      console.log("PATH >> ",item.path);
       router.push(item.path as any);
     }
   };

From 23ae416f428e70c18f84e7011543c468dcb9b072 Mon Sep 17 00:00:00 2001
From: Bagasbanuna02 <bagasbanuna02@gmail.com>
Date: Wed, 2 Jul 2025 11:56:04 +0800
Subject: [PATCH 14/64] fix component drawer

---
 app/(application)/profile/[id]/index.tsx |  6 ++++--
 components/Drawer/DrawerCustom.tsx       | 17 +++++++++++------
 components/index.ts                      | 19 +++++++++++++++++++
 3 files changed, 34 insertions(+), 8 deletions(-)
 create mode 100644 components/index.ts

diff --git a/app/(application)/profile/[id]/index.tsx b/app/(application)/profile/[id]/index.tsx
index 6d0f18e..e68051b 100644
--- a/app/(application)/profile/[id]/index.tsx
+++ b/app/(application)/profile/[id]/index.tsx
@@ -10,7 +10,7 @@ import { Styles } from "@/styles/global-styles";
 import { Ionicons } from "@expo/vector-icons";
 import { router, Stack, useLocalSearchParams } from "expo-router";
 import React, { useRef, useState } from "react";
-import { Animated, Text, TouchableHighlight, TouchableOpacity, View } from "react-native";
+import { Animated, InteractionManager, Text, TouchableHighlight, TouchableOpacity, View } from "react-native";
 
 export default function Profile() {
   const { id } = useLocalSearchParams();
@@ -64,7 +64,9 @@ export default function Profile() {
       duration: 300,
       useNativeDriver: true,
     }).start(() => {
-      setIsDrawerOpen(false); // baru ganti state setelah animasi selesai
+      InteractionManager.runAfterInteractions(() => {
+        setIsDrawerOpen(false); // baru ganti state setelah animasi selesai
+      });
     });
   };
 
diff --git a/components/Drawer/DrawerCustom.tsx b/components/Drawer/DrawerCustom.tsx
index af4524d..937bc4a 100644
--- a/components/Drawer/DrawerCustom.tsx
+++ b/components/Drawer/DrawerCustom.tsx
@@ -1,9 +1,10 @@
 import React, { useRef } from "react";
 import {
-    Animated,
-    PanResponder,
-    StyleSheet,
-    View
+  Animated,
+  PanResponder,
+  StyleSheet,
+  View,
+  InteractionManager,
 } from "react-native";
 
 import { AccentColor, MainColor } from "@/constants/color-palet";
@@ -39,7 +40,9 @@ DrawerCustomProps) {
       },
       onPanResponderRelease: (_, gestureState) => {
         if (gestureState.dy > 200) {
-          closeDrawer();
+          InteractionManager.runAfterInteractions(() => {
+            closeDrawer();
+          });
         } else {
           Animated.spring(drawerAnim, {
             toValue: 0,
@@ -59,7 +62,9 @@ DrawerCustomProps) {
         style={styles.overlay}
         pointerEvents="auto"
         onTouchStart={() => {
-          setTimeout(closeDrawer, 0);
+          InteractionManager.runAfterInteractions(() => {
+            closeDrawer();
+          });
         }}
       />
 
diff --git a/components/index.ts b/components/index.ts
new file mode 100644
index 0000000..55331a9
--- /dev/null
+++ b/components/index.ts
@@ -0,0 +1,19 @@
+import { TextInputCustom } from "./TextInput/TextInputCustom";
+import ButtonCustom from "./Button/ButtonCustom";
+import AlertCustom from "./Alert/AlertCustom";
+import DrawerCustom from "./Drawer/DrawerCustom";
+import ViewWrapper from "./_ShareComponent/ViewWrapper";
+import BackButton from "./_ShareComponent/BackButton";
+import Spacing from "./_ShareComponent/Spacing";
+import TruncatedText from "./_ShareComponent/TruncatedText";
+
+export {
+  TextInputCustom,
+  ButtonCustom,
+  AlertCustom,
+  DrawerCustom,
+  ViewWrapper,
+  BackButton,
+  Spacing,
+  TruncatedText,
+};

From 9667065bb3ce7f844440b519788482092cde99dc Mon Sep 17 00:00:00 2001
From: Bagasbanuna02 <bagasbanuna02@gmail.com>
Date: Wed, 2 Jul 2025 12:20:42 +0800
Subject: [PATCH 15/64] fix folder component

---
 app/(application)/portofolio/[id]/index.tsx   |  2 +-
 app/(application)/portofolio/_layout.tsx      |  2 +-
 app/(application)/profile/[id]/index.tsx      |  3 ++-
 .../BackButton.tsx                            |  0
 components/Button/ButtonCustom.tsx            |  2 +-
 ...{buttonStyles.ts => buttonCustomStyles.ts} |  0
 components/index.ts                           | 27 +++++++++++++------
 screens/Profile/menuDrawerSection.tsx         |  7 +++--
 styles/global-styles.ts                       |  7 ++---
 9 files changed, 33 insertions(+), 17 deletions(-)
 rename components/{_ShareComponent => Button}/BackButton.tsx (100%)
 rename components/Button/{buttonStyles.ts => buttonCustomStyles.ts} (100%)

diff --git a/app/(application)/portofolio/[id]/index.tsx b/app/(application)/portofolio/[id]/index.tsx
index adbe835..b3a52a8 100644
--- a/app/(application)/portofolio/[id]/index.tsx
+++ b/app/(application)/portofolio/[id]/index.tsx
@@ -1,4 +1,4 @@
-import BackButton from "@/components/_ShareComponent/BackButton";
+import BackButton from "@/components/Button/BackButton";
 import ViewWrapper from "@/components/_ShareComponent/ViewWrapper";
 import { Styles } from "@/styles/global-styles";
 import { Stack, useLocalSearchParams } from "expo-router";
diff --git a/app/(application)/portofolio/_layout.tsx b/app/(application)/portofolio/_layout.tsx
index 1d82e97..ef2a78a 100644
--- a/app/(application)/portofolio/_layout.tsx
+++ b/app/(application)/portofolio/_layout.tsx
@@ -1,5 +1,5 @@
 
-import BackButton from "@/components/_ShareComponent/BackButton";
+import BackButton from "@/components/Button/BackButton";
 import { Styles } from "@/styles/global-styles";
 import { Stack } from "expo-router";
 
diff --git a/app/(application)/profile/[id]/index.tsx b/app/(application)/profile/[id]/index.tsx
index e68051b..483d014 100644
--- a/app/(application)/profile/[id]/index.tsx
+++ b/app/(application)/profile/[id]/index.tsx
@@ -1,7 +1,7 @@
 import { IMenuDrawerItem } from "@/components/_Interface/types";
-import BackButton from "@/components/_ShareComponent/BackButton";
 import ViewWrapper from "@/components/_ShareComponent/ViewWrapper";
 import AlertCustom from "@/components/Alert/AlertCustom";
+import BackButton from "@/components/Button/BackButton";
 import DrawerCustom from "@/components/Drawer/DrawerCustom";
 import { MainColor } from "@/constants/color-palet";
 import { DRAWER_HEIGHT } from "@/constants/constans-value";
@@ -124,6 +124,7 @@ export default function Profile() {
         <Profile_MenuDrawerSection
           drawerItems={drawerItems}
           setShowLogoutAlert={setShowLogoutAlert}
+          setIsDrawerOpen={setIsDrawerOpen}
         />
       </DrawerCustom>
 
diff --git a/components/_ShareComponent/BackButton.tsx b/components/Button/BackButton.tsx
similarity index 100%
rename from components/_ShareComponent/BackButton.tsx
rename to components/Button/BackButton.tsx
diff --git a/components/Button/ButtonCustom.tsx b/components/Button/ButtonCustom.tsx
index 9dedd2e..fc36720 100644
--- a/components/Button/ButtonCustom.tsx
+++ b/components/Button/ButtonCustom.tsx
@@ -2,7 +2,7 @@
 
 import React from "react";
 import { Text, TouchableOpacity } from "react-native";
-import buttonStyles from "./buttonStyles";
+import buttonStyles from "./buttonCustomStyles";
 
 // Definisi props dengan TypeScript
 
diff --git a/components/Button/buttonStyles.ts b/components/Button/buttonCustomStyles.ts
similarity index 100%
rename from components/Button/buttonStyles.ts
rename to components/Button/buttonCustomStyles.ts
diff --git a/components/index.ts b/components/index.ts
index 55331a9..aeb2044 100644
--- a/components/index.ts
+++ b/components/index.ts
@@ -1,19 +1,30 @@
-import { TextInputCustom } from "./TextInput/TextInputCustom";
-import ButtonCustom from "./Button/ButtonCustom";
+// Alert
 import AlertCustom from "./Alert/AlertCustom";
+// Button
+import BackButton from "./Button/BackButton";
+import ButtonCustom from "./Button/ButtonCustom";
+// Drawer
 import DrawerCustom from "./Drawer/DrawerCustom";
+import MenuDrawerDynamicGrid from "./Drawer/MenuDrawerDynamicGird";
+// ShareComponent
 import ViewWrapper from "./_ShareComponent/ViewWrapper";
-import BackButton from "./_ShareComponent/BackButton";
-import Spacing from "./_ShareComponent/Spacing";
 import TruncatedText from "./_ShareComponent/TruncatedText";
+import Spacing from "./_ShareComponent/Spacing";
+// TextInput
+import { TextInputCustom } from "./TextInput/TextInputCustom";
 
 export {
-  TextInputCustom,
-  ButtonCustom,
   AlertCustom,
-  DrawerCustom,
-  ViewWrapper,
+  // Button
   BackButton,
+  ButtonCustom,
+  // Drawer
+  DrawerCustom,
+  MenuDrawerDynamicGrid,
+  // ShareComponent
   Spacing,
   TruncatedText,
+  ViewWrapper,
+  // TextInput
+  TextInputCustom,
 };
diff --git a/screens/Profile/menuDrawerSection.tsx b/screens/Profile/menuDrawerSection.tsx
index d9095ae..b9a574d 100644
--- a/screens/Profile/menuDrawerSection.tsx
+++ b/screens/Profile/menuDrawerSection.tsx
@@ -5,18 +5,21 @@ import { router } from "expo-router";
 export default function Profile_MenuDrawerSection({
   drawerItems,
   setShowLogoutAlert,
+  setIsDrawerOpen,
 }: {
   drawerItems: IMenuDrawerItem[];
   setShowLogoutAlert: (value: boolean) => void;
+  setIsDrawerOpen: (value: boolean) => void;
 }) {
   const handlePress = (item: IMenuDrawerItem) => {
     if (item.label === "Keluar") {
-    //   console.log("Logout clicked");
+      //   console.log("Logout clicked");
       setShowLogoutAlert(true);
     } else {
-      console.log("PATH >> ",item.path);
+      console.log("PATH >> ", item.path);
       router.push(item.path as any);
     }
+    setIsDrawerOpen(false);
   };
 
   return (
diff --git a/styles/global-styles.ts b/styles/global-styles.ts
index a92a8bf..8940212 100644
--- a/styles/global-styles.ts
+++ b/styles/global-styles.ts
@@ -1,18 +1,19 @@
 import { Dimensions, StyleSheet } from "react-native";
 import { AccentColor, MainColor } from "../constants/color-palet";
+import { TEXT_SIZE_MEDIUM } from "@/constants/constans-value";
 
 const { width } = Dimensions.get("window");
 
 export const Styles = StyleSheet.create({
   container: {
     flex: 1,
-    paddingInline: 25,
+    paddingInline: 20,
     paddingBlock: 10,
     backgroundColor: MainColor.darkblue,
   },
   containerWithBackground: {
     flex: 1,
-    paddingInline: 25,
+    paddingInline: 20,
     paddingBlock: 10,
   },
   imageBackground: {
@@ -42,7 +43,7 @@ export const Styles = StyleSheet.create({
 
   // TEXT & LABEL
   textLabel: {
-    fontSize: 14,
+    fontSize: TEXT_SIZE_MEDIUM,
     color: MainColor.white,
     fontWeight: "normal",
   },

From e2744f03448f581835d3979ac28d7fc57e7aeb2f Mon Sep 17 00:00:00 2001
From: Bagasbanuna02 <bagasbanuna02@gmail.com>
Date: Wed, 2 Jul 2025 14:55:12 +0800
Subject: [PATCH 16/64] fix styles dan feature component text

---
 app/(application)/_layout.tsx                 |   6 +-
 app/(application)/event/(tabs)/index.tsx      |   4 +-
 app/(application)/event/(tabs)/kontribusi.tsx |   4 +-
 app/(application)/event/(tabs)/riwayat.tsx    |   4 +-
 app/(application)/event/(tabs)/status.tsx     |   4 +-
 app/(application)/event/detail/[id].tsx       |   4 +-
 app/(application)/portofolio/[id]/index.tsx   |   8 +-
 app/(application)/portofolio/_layout.tsx      |   6 +-
 app/(application)/profile/[id]/index.tsx      |  26 ++---
 app/(application)/profile/_layout.tsx         |   6 +-
 components/Text/TextCustom.tsx                |  82 ++++++++++++++
 components/_ShareComponent/ViewWrapper.tsx    |   8 +-
 components/index.ts                           |   4 +
 screens/Authentication/LoginView.tsx          |  18 +--
 screens/Authentication/RegisterView.tsx       |  12 +-
 screens/Authentication/VerificationView.tsx   |  16 +--
 screens/Home/HomeView.tsx                     |   6 +-
 screens/Home/tabSection.tsx                   |  12 +-
 screens/Profile/profilSection.tsx             | 104 ++++++++++++++++++
 styles/global-styles.ts                       |   4 +-
 20 files changed, 258 insertions(+), 80 deletions(-)
 create mode 100644 components/Text/TextCustom.tsx
 create mode 100644 screens/Profile/profilSection.tsx

diff --git a/app/(application)/_layout.tsx b/app/(application)/_layout.tsx
index 16a7b08..f6e682f 100644
--- a/app/(application)/_layout.tsx
+++ b/app/(application)/_layout.tsx
@@ -1,5 +1,5 @@
 import { AccentColor, MainColor } from "@/constants/color-palet";
-import { Styles } from "@/styles/global-styles";
+import { GStyles } from "@/styles/global-styles";
 import { Ionicons } from "@expo/vector-icons";
 import { router, Stack } from "expo-router";
 
@@ -8,8 +8,8 @@ export default function ApplicationLayout() {
     <>
       <Stack
         screenOptions={{
-          headerStyle: Styles.headerStyle,
-          headerTitleStyle: Styles.headerTitleStyle,
+          headerStyle: GStyles.headerStyle,
+          headerTitleStyle: GStyles.headerTitleStyle,
           headerTitleAlign: "center",
           contentStyle: {
             borderBottomColor: AccentColor.blue,
diff --git a/app/(application)/event/(tabs)/index.tsx b/app/(application)/event/(tabs)/index.tsx
index 8d7bc89..97b9b0b 100644
--- a/app/(application)/event/(tabs)/index.tsx
+++ b/app/(application)/event/(tabs)/index.tsx
@@ -1,6 +1,6 @@
 import ViewWrapper from "@/components/_ShareComponent/ViewWrapper";
 import { AccentColor, MainColor } from "@/constants/color-palet";
-import { Styles } from "@/styles/global-styles";
+import { GStyles } from "@/styles/global-styles";
 import { router } from "expo-router";
 import { Text, TouchableHighlight, View } from "react-native";
 
@@ -17,7 +17,7 @@ export default function Event() {
             borderWidth: 1,
           }}
         >
-          <Text style={Styles.textLabel}>Event</Text>
+          <Text style={GStyles.textLabel}>Event</Text>
         </View>
       </TouchableHighlight>
     </ViewWrapper>
diff --git a/app/(application)/event/(tabs)/kontribusi.tsx b/app/(application)/event/(tabs)/kontribusi.tsx
index 5ce9d24..b5c627d 100644
--- a/app/(application)/event/(tabs)/kontribusi.tsx
+++ b/app/(application)/event/(tabs)/kontribusi.tsx
@@ -1,11 +1,11 @@
 import ViewWrapper from "@/components/_ShareComponent/ViewWrapper";
-import { Styles } from "@/styles/global-styles";
+import { GStyles } from "@/styles/global-styles";
 import { Text } from "react-native";
 
 export default function Kontribusi() {
   return (
     <ViewWrapper>
-      <Text style={Styles.textLabel}>Kontribusi</Text>
+      <Text style={GStyles.textLabel}>Kontribusi</Text>
     </ViewWrapper>
   );
 }
diff --git a/app/(application)/event/(tabs)/riwayat.tsx b/app/(application)/event/(tabs)/riwayat.tsx
index 3d98934..f3cde8a 100644
--- a/app/(application)/event/(tabs)/riwayat.tsx
+++ b/app/(application)/event/(tabs)/riwayat.tsx
@@ -1,11 +1,11 @@
 import ViewWrapper from "@/components/_ShareComponent/ViewWrapper";
-import { Styles } from "@/styles/global-styles";
+import { GStyles } from "@/styles/global-styles";
 import { Text } from "react-native";
 
 export default function Riwayat() {
   return (
     <ViewWrapper>
-      <Text style={Styles.textLabel}>Riwayat</Text>
+      <Text style={GStyles.textLabel}>Riwayat</Text>
     </ViewWrapper>
   );
 }
diff --git a/app/(application)/event/(tabs)/status.tsx b/app/(application)/event/(tabs)/status.tsx
index de5684f..9649f6e 100644
--- a/app/(application)/event/(tabs)/status.tsx
+++ b/app/(application)/event/(tabs)/status.tsx
@@ -1,11 +1,11 @@
 import ViewWrapper from "@/components/_ShareComponent/ViewWrapper";
-import { Styles } from "@/styles/global-styles";
+import { GStyles } from "@/styles/global-styles";
 import { Text } from "react-native";
 
 export default function Status() {
   return (
     <ViewWrapper>
-      <Text style={Styles.textLabel}>Status</Text>
+      <Text style={GStyles.textLabel}>Status</Text>
     </ViewWrapper>
   );
 }
diff --git a/app/(application)/event/detail/[id].tsx b/app/(application)/event/detail/[id].tsx
index 56fb64b..372530f 100644
--- a/app/(application)/event/detail/[id].tsx
+++ b/app/(application)/event/detail/[id].tsx
@@ -1,5 +1,5 @@
 import ViewWrapper from "@/components/_ShareComponent/ViewWrapper";
-import { Styles } from "@/styles/global-styles";
+import { GStyles } from "@/styles/global-styles";
 import { useLocalSearchParams } from "expo-router";
 import { Text } from "react-native";
 
@@ -8,7 +8,7 @@ export default function DetailEvent() {
   console.log("id event >", id);
   return (
     <ViewWrapper>
-      <Text style={Styles.textLabel}>Detail Event {id}</Text>
+      <Text style={GStyles.textLabel}>Detail Event {id}</Text>
     </ViewWrapper>
   );
 }
diff --git a/app/(application)/portofolio/[id]/index.tsx b/app/(application)/portofolio/[id]/index.tsx
index b3a52a8..dfdbd81 100644
--- a/app/(application)/portofolio/[id]/index.tsx
+++ b/app/(application)/portofolio/[id]/index.tsx
@@ -1,6 +1,6 @@
 import BackButton from "@/components/Button/BackButton";
 import ViewWrapper from "@/components/_ShareComponent/ViewWrapper";
-import { Styles } from "@/styles/global-styles";
+import { GStyles } from "@/styles/global-styles";
 import { Stack, useLocalSearchParams } from "expo-router";
 import { Text } from "react-native";
 
@@ -22,11 +22,11 @@ export default function Portofolio() {
         //       />
         //     </TouchableOpacity>
         //   ),
-          headerStyle: Styles.headerStyle,
-          headerTitleStyle: Styles.headerTitleStyle,
+          headerStyle: GStyles.headerStyle,
+          headerTitleStyle: GStyles.headerTitleStyle,
         }}
       />
-      <Text style={Styles.textLabel}>Portofolio {id}</Text>
+      <Text style={GStyles.textLabel}>Portofolio {id}</Text>
     </ViewWrapper>
   );
 }
diff --git a/app/(application)/portofolio/_layout.tsx b/app/(application)/portofolio/_layout.tsx
index ef2a78a..669a22f 100644
--- a/app/(application)/portofolio/_layout.tsx
+++ b/app/(application)/portofolio/_layout.tsx
@@ -1,6 +1,6 @@
 
 import BackButton from "@/components/Button/BackButton";
-import { Styles } from "@/styles/global-styles";
+import { GStyles } from "@/styles/global-styles";
 import { Stack } from "expo-router";
 
 export default function PortofolioLayout() {
@@ -8,8 +8,8 @@ export default function PortofolioLayout() {
     <>
       <Stack
         screenOptions={{
-          headerStyle: Styles.headerStyle,
-          headerTitleStyle: Styles.headerTitleStyle,
+          headerStyle: GStyles.headerStyle,
+          headerTitleStyle: GStyles.headerTitleStyle,
           headerTitleAlign: "center",
           headerBackButtonDisplayMode: "minimal",
           headerLeft: () => <BackButton />,
diff --git a/app/(application)/profile/[id]/index.tsx b/app/(application)/profile/[id]/index.tsx
index 483d014..1fcb5c9 100644
--- a/app/(application)/profile/[id]/index.tsx
+++ b/app/(application)/profile/[id]/index.tsx
@@ -6,11 +6,12 @@ import DrawerCustom from "@/components/Drawer/DrawerCustom";
 import { MainColor } from "@/constants/color-palet";
 import { DRAWER_HEIGHT } from "@/constants/constans-value";
 import Profile_MenuDrawerSection from "@/screens/Profile/menuDrawerSection";
-import { Styles } from "@/styles/global-styles";
+import ProfilSection from "@/screens/Profile/profilSection";
+import { GStyles } from "@/styles/global-styles";
 import { Ionicons } from "@expo/vector-icons";
 import { router, Stack, useLocalSearchParams } from "expo-router";
 import React, { useRef, useState } from "react";
-import { Animated, InteractionManager, Text, TouchableHighlight, TouchableOpacity, View } from "react-native";
+import { Animated, InteractionManager, TouchableOpacity } from "react-native";
 
 export default function Profile() {
   const { id } = useLocalSearchParams();
@@ -93,25 +94,12 @@ export default function Profile() {
                 />
               </TouchableOpacity>
             ),
-            headerStyle: Styles.headerStyle,
-            headerTitleStyle: Styles.headerTitleStyle,
+            headerStyle: GStyles.headerStyle,
+            headerTitleStyle: GStyles.headerTitleStyle,
           }}
         />
-        <Text style={Styles.textLabel}>Profile {id}</Text>
-        <TouchableHighlight
-          onPress={() => router.push(`/(application)/portofolio/${id}`)}
-        >
-          <View
-            style={{
-              backgroundColor: MainColor.white,
-              padding: 10,
-              borderRadius: 10,
-              marginTop: 10,
-            }}
-          >
-            <Text>Portofolio</Text>
-          </View>
-        </TouchableHighlight>
+        <ProfilSection />
+       
       </ViewWrapper>
 
       {/* Drawer Komponen Eksternal */}
diff --git a/app/(application)/profile/_layout.tsx b/app/(application)/profile/_layout.tsx
index 93fd582..3271635 100644
--- a/app/(application)/profile/_layout.tsx
+++ b/app/(application)/profile/_layout.tsx
@@ -1,5 +1,5 @@
 import { MainColor } from "@/constants/color-palet";
-import { Styles } from "@/styles/global-styles";
+import { GStyles } from "@/styles/global-styles";
 import { Ionicons } from "@expo/vector-icons";
 import { router, Stack } from "expo-router";
 
@@ -8,8 +8,8 @@ export default function ProfileLayout() {
     <>
       <Stack
         screenOptions={{
-          headerStyle: Styles.headerStyle,
-          headerTitleStyle: Styles.headerTitleStyle,
+          headerStyle: GStyles.headerStyle,
+          headerTitleStyle: GStyles.headerTitleStyle,
           headerTitleAlign: "center",
           headerBackButtonDisplayMode: "minimal",
           headerLeft: () => (
diff --git a/components/Text/TextCustom.tsx b/components/Text/TextCustom.tsx
new file mode 100644
index 0000000..492293a
--- /dev/null
+++ b/components/Text/TextCustom.tsx
@@ -0,0 +1,82 @@
+import { MainColor } from "@/constants/color-palet";
+import {
+  TEXT_SIZE_LARGE,
+  TEXT_SIZE_MEDIUM,
+  TEXT_SIZE_SMALL,
+} from "@/constants/constans-value";
+import React from "react";
+import { StyleProp, Text as RNText, TextStyle, StyleSheet } from "react-native";
+
+interface TextCustomProps {
+  children: string;
+  style?: StyleProp<TextStyle>;
+  bold?: boolean;
+  semiBold?: boolean;
+  size?: "default" | "large" | "small";
+  color?: "default" | "primary" | "secondary";
+}
+
+const TextCustom: React.FC<TextCustomProps> = ({
+  children,
+  style,
+  bold = false,
+  semiBold = false,
+  size = "default",
+  color = "default",
+}) => {
+  const getStyle = () => {
+    let selectedStyles = [];
+
+    // Base style
+    selectedStyles.push(styles.default);
+
+    // Font weight
+    if (bold) selectedStyles.push(styles.bold);
+    else if (semiBold) selectedStyles.push(styles.semiBold);
+
+    // Size
+    if (size === "large") selectedStyles.push(styles.large);
+    else if (size === "small") selectedStyles.push(styles.small);
+
+    // Color
+    if (color === "primary") selectedStyles.push(styles.primaryColor);
+    else if (color === "secondary") selectedStyles.push(styles.secondaryColor);
+
+    // Override with passed style
+    if (style) selectedStyles.push(style);
+
+    return selectedStyles;
+  };
+
+  return <RNText style={getStyle()}>{children}</RNText>;
+};
+
+export default TextCustom;
+
+export const styles = StyleSheet.create({
+  default: {
+    // fontFamily: "Poppins-Regular", // Ganti dengan font yang kamu gunakan
+    fontSize: TEXT_SIZE_MEDIUM,
+    color: MainColor.white,
+  },
+  bold: {
+    fontFamily: "Poppins-Bold",
+    fontWeight: "700",
+  },
+  semiBold: {
+    fontFamily: "Poppins-SemiBold",
+    fontWeight: "500",
+  },
+  large: {
+    fontSize: TEXT_SIZE_LARGE,
+  },
+  small: {
+    fontSize: TEXT_SIZE_SMALL,
+  },
+  primaryColor: {
+    color: "#007AFF", // Warna utama aplikasi kamu
+  },
+  secondaryColor: {
+    color: "#666",
+  },
+});
diff --git a/components/_ShareComponent/ViewWrapper.tsx b/components/_ShareComponent/ViewWrapper.tsx
index c214f34..3f7ced4 100644
--- a/components/_ShareComponent/ViewWrapper.tsx
+++ b/components/_ShareComponent/ViewWrapper.tsx
@@ -1,5 +1,5 @@
 import { MainColor } from "@/constants/color-palet";
-import { Styles } from "@/styles/global-styles";
+import { GStyles } from "@/styles/global-styles";
 import { ImageBackground, ScrollView, View } from "react-native";
 import { SafeAreaView } from "react-native-safe-area-context";
 
@@ -34,12 +34,12 @@ const ViewWrapper = ({
             <ImageBackground
               source={assetBackground}
               resizeMode="cover"
-              style={Styles.imageBackground}
+              style={GStyles.imageBackground}
             >
-              <View style={Styles.containerWithBackground}>{children}</View>
+              <View style={GStyles.containerWithBackground}>{children}</View>
             </ImageBackground>
           ) : (
-            <View style={Styles.container}>{children}</View>
+            <View style={GStyles.container}>{children}</View>
           )}
         </ScrollView>
         {tabBarComponent}
diff --git a/components/index.ts b/components/index.ts
index aeb2044..d049dab 100644
--- a/components/index.ts
+++ b/components/index.ts
@@ -10,6 +10,8 @@ import MenuDrawerDynamicGrid from "./Drawer/MenuDrawerDynamicGird";
 import ViewWrapper from "./_ShareComponent/ViewWrapper";
 import TruncatedText from "./_ShareComponent/TruncatedText";
 import Spacing from "./_ShareComponent/Spacing";
+// Text
+import TextCustom from "./Text/TextCustom";
 // TextInput
 import { TextInputCustom } from "./TextInput/TextInputCustom";
 
@@ -25,6 +27,8 @@ export {
   Spacing,
   TruncatedText,
   ViewWrapper,
+  // Text
+  TextCustom,
   // TextInput
   TextInputCustom,
 };
diff --git a/screens/Authentication/LoginView.tsx b/screens/Authentication/LoginView.tsx
index 44c290c..16c8527 100644
--- a/screens/Authentication/LoginView.tsx
+++ b/screens/Authentication/LoginView.tsx
@@ -1,12 +1,12 @@
+import ButtonCustom from "@/components/Button/ButtonCustom";
+import Spacing from "@/components/_ShareComponent/Spacing";
+import ViewWrapper from "@/components/_ShareComponent/ViewWrapper";
 import { MainColor } from "@/constants/color-palet";
-import { Styles } from "@/styles/global-styles";
+import { GStyles } from "@/styles/global-styles";
 import { router } from "expo-router";
 import { useState } from "react";
 import { Text, View } from "react-native";
 import PhoneInput, { ICountry } from "react-native-international-phone-number";
-import ButtonCustom from "@/components/Button/ButtonCustom";
-import Spacing from "@/components/_ShareComponent/Spacing";
-import ViewWrapper from "@/components/_ShareComponent/ViewWrapper";
 
 
 export default function LoginView() {
@@ -25,17 +25,17 @@ export default function LoginView() {
     const callingCode = selectedCountry?.callingCode.replace(/^\+/, "") || "";
     const fixNumber = callingCode + inputValue;
     console.log(fixNumber);
-    router.push("/verification");
+    router.navigate("/(application)/profile/1");
   }
 
   return (
     <ViewWrapper withBackground>
-      <View style={Styles.authContainer}>
+      <View style={GStyles.authContainer}>
         <View>
-          <View style={Styles.authContainerTitle}>
-            <Text style={Styles.authSubTitle}>WELCOME TO</Text>
+          <View style={GStyles.authContainerTitle}>
+            <Text style={GStyles.authSubTitle}>WELCOME TO</Text>
             <Spacing height={5} />
-            <Text style={Styles.authTitle}>HIPMI BADUNG APPS</Text>
+            <Text style={GStyles.authTitle}>HIPMI BADUNG APPS</Text>
             <Spacing height={5} />
           </View>
           <Spacing height={50} />
diff --git a/screens/Authentication/RegisterView.tsx b/screens/Authentication/RegisterView.tsx
index aa064a1..d8e1d01 100644
--- a/screens/Authentication/RegisterView.tsx
+++ b/screens/Authentication/RegisterView.tsx
@@ -3,7 +3,7 @@ import ViewWrapper from "@/components/_ShareComponent/ViewWrapper";
 import ButtonCustom from "@/components/Button/ButtonCustom";
 import { TextInputCustom } from "@/components/TextInput/TextInputCustom";
 import { MainColor } from "@/constants/color-palet";
-import { Styles } from "@/styles/global-styles";
+import { GStyles } from "@/styles/global-styles";
 import { MaterialCommunityIcons } from "@expo/vector-icons";
 import { router } from "expo-router";
 import { Text, View } from "react-native";
@@ -12,10 +12,10 @@ export default function RegisterView() {
   return (
     <>
       <ViewWrapper withBackground>
-        <View style={Styles.authContainer}>
+        <View style={GStyles.authContainer}>
           <View>
-            <View style={Styles.authContainerTitle}>
-              <Text style={Styles.authTitle}>REGISTRASI</Text>
+            <View style={GStyles.authContainerTitle}>
+              <Text style={GStyles.authTitle}>REGISTRASI</Text>
               <Spacing />
               <MaterialCommunityIcons
                 name="account"
@@ -24,10 +24,10 @@ export default function RegisterView() {
               />
               <Spacing />
 
-              <Text style={Styles.textLabel}>
+              <Text style={GStyles.textLabel}>
                 Anda akan terdaftar dengan nomor
               </Text>
-              <Text style={Styles.textLabel}>+6282xxxxxxxxx</Text>
+              <Text style={GStyles.textLabel}>+6282xxxxxxxxx</Text>
               <Spacing />
             </View>
             <TextInputCustom placeholder="Masukkan username" />
diff --git a/screens/Authentication/VerificationView.tsx b/screens/Authentication/VerificationView.tsx
index 5f2a492..d26621f 100644
--- a/screens/Authentication/VerificationView.tsx
+++ b/screens/Authentication/VerificationView.tsx
@@ -2,7 +2,7 @@ import Spacing from "@/components/_ShareComponent/Spacing";
 import ViewWrapper from "@/components/_ShareComponent/ViewWrapper";
 import ButtonCustom from "@/components/Button/ButtonCustom";
 import { MainColor } from "@/constants/color-palet";
-import { Styles } from "@/styles/global-styles";
+import { GStyles } from "@/styles/global-styles";
 import { router } from "expo-router";
 import { Text, View } from "react-native";
 import { OtpInput } from "react-native-otp-entry";
@@ -11,13 +11,13 @@ export default function VerificationView() {
   return (
     <>
       <ViewWrapper withBackground>
-        <View style={Styles.authContainer}>
+        <View style={GStyles.authContainer}>
           <View>
-            <View style={Styles.authContainerTitle}>
-              <Text style={Styles.authTitle}>Verifikasi KOde OTP</Text>
+            <View style={GStyles.authContainerTitle}>
+              <Text style={GStyles.authTitle}>Verifikasi KOde OTP</Text>
               <Spacing height={30} />
-              <Text style={Styles.textLabel}>Masukan 4 digit kode otp</Text>
-              <Text style={Styles.textLabel}>
+              <Text style={GStyles.textLabel}>Masukan 4 digit kode otp</Text>
+              <Text style={GStyles.textLabel}>
                 Yang di kirim ke +6282xxxxxxxxx
               </Text>
               <Spacing height={30} />
@@ -39,9 +39,9 @@ export default function VerificationView() {
                 }}
               />
               <Spacing height={30} />
-              <Text style={Styles.textLabel}>
+              <Text style={GStyles.textLabel}>
                 Tidak menerima kode ?{" "}
-                <Text style={Styles.textLabel}>Kirim Ulang</Text>
+                <Text style={GStyles.textLabel}>Kirim Ulang</Text>
               </Text>
             </View>
             <Spacing height={30} />
diff --git a/screens/Home/HomeView.tsx b/screens/Home/HomeView.tsx
index 6b045e3..fde00e0 100644
--- a/screens/Home/HomeView.tsx
+++ b/screens/Home/HomeView.tsx
@@ -1,18 +1,18 @@
 import Spacing from "@/components/_ShareComponent/Spacing";
-import { Styles } from "@/styles/global-styles";
+import DynamicTruncatedText from "@/components/_ShareComponent/TruncatedText";
+import { GStyles } from "@/styles/global-styles";
 import { Ionicons } from "@expo/vector-icons";
 import { Image } from "expo-image";
 import { router } from "expo-router";
 import { ScrollView, Text, TouchableOpacity, View } from "react-native";
 import Icon from "react-native-vector-icons/FontAwesome";
-import DynamicTruncatedText from "@/components/_ShareComponent/TruncatedText";
 import { stylesHome } from "./homeViewStyle";
 
 export default function HomeView() {
   return (
     <>
       <ScrollView contentContainerStyle={{ flexGrow: 1 }}>
-        <View style={Styles.homeContainer}>
+        <View style={GStyles.homeContainer}>
           <Spacing height={20} />
           <View
             style={{
diff --git a/screens/Home/tabSection.tsx b/screens/Home/tabSection.tsx
index 38a0ed0..23c0a9f 100644
--- a/screens/Home/tabSection.tsx
+++ b/screens/Home/tabSection.tsx
@@ -1,5 +1,5 @@
 import { ICustomTab, ITabs } from "@/components/_Interface/types";
-import { Styles } from "@/styles/global-styles";
+import { GStyles } from "@/styles/global-styles";
 import { Ionicons } from "@expo/vector-icons";
 import { router } from "expo-router";
 import React from "react";
@@ -8,12 +8,12 @@ import { Text, TouchableOpacity, View } from "react-native";
 
 const CustomTab = ({ icon, label, isActive, onPress }: ICustomTab) => (
   <TouchableOpacity
-    style={[Styles.tabItem, isActive && Styles.activeTab]}
+    style={[GStyles.tabItem, isActive && GStyles.activeTab]}
     onPress={onPress}
     activeOpacity={0.7}
   >
     <View
-      style={[Styles.iconContainer, isActive && Styles.activeIconContainer]}
+      style={[GStyles.iconContainer, isActive && GStyles.activeIconContainer]}
     >
       <Ionicons
         name={icon as any}
@@ -21,7 +21,7 @@ const CustomTab = ({ icon, label, isActive, onPress }: ICustomTab) => (
         color={isActive ? "#fff" : "#666"}
       />
     </View>
-    <Text style={[Styles.tabLabel, isActive && Styles.activeTabLabel]}>
+    <Text style={[GStyles.tabLabel, isActive && GStyles.activeTabLabel]}>
       {label}
     </Text>
   </TouchableOpacity>
@@ -30,8 +30,8 @@ const CustomTab = ({ icon, label, isActive, onPress }: ICustomTab) => (
 export default function TabSection({ tabs }: { tabs: ITabs[] }) {
   return (
     <>
-      <View style={Styles.tabBar}>
-        <View style={Styles.tabContainer}>
+      <View style={GStyles.tabBar}>
+        <View style={GStyles.tabContainer}>
           {tabs.map((e) => (
             <CustomTab
               key={e.id}
diff --git a/screens/Profile/profilSection.tsx b/screens/Profile/profilSection.tsx
new file mode 100644
index 0000000..6e80fcd
--- /dev/null
+++ b/screens/Profile/profilSection.tsx
@@ -0,0 +1,104 @@
+import { Spacing, TextCustom } from "@/components";
+import { AccentColor, MainColor } from "@/constants/color-palet";
+import { ICON_SIZE_SMALL } from "@/constants/constans-value";
+import { FontAwesome5, Ionicons } from "@expo/vector-icons";
+import { router, useLocalSearchParams } from "expo-router";
+import { Text, TouchableHighlight, View } from "react-native";
+
+export default function ProfilSection() {
+  const { id } = useLocalSearchParams();
+
+  const listData = [
+    {
+      icon: (
+        <Ionicons name="call-outline" size={ICON_SIZE_SMALL} color="white" />
+      ),
+      label: "+6282340374412",
+    },
+    {
+      icon: (
+        <Ionicons name="mail-outline" size={ICON_SIZE_SMALL} color="white" />
+      ),
+      label: "bagasbanuna@gmail.com",
+    },
+    {
+      icon: (
+        <Ionicons
+          name="location-outline"
+          size={ICON_SIZE_SMALL}
+          color="white"
+        />
+      ),
+      label: "Jalan Raya Sesetan No. 123, Bandung, Indonesia",
+    },
+    {
+      icon: (
+        <FontAwesome5 name="transgender" size={ICON_SIZE_SMALL} color="white" />
+      ),
+      label: "Laki-laki",
+    },
+  ];
+
+  return (
+    <>
+      <View
+        style={{
+          backgroundColor: MainColor.soft_darkblue,
+          borderColor: AccentColor.blue,
+          borderWidth: 1,
+          padding: 10,
+          borderRadius: 6,
+          marginTop: 10,
+        }}
+      >
+        <View
+          style={{
+            flexDirection: "row",
+            alignItems: "center",
+            flexWrap: "wrap",
+            // backgroundColor: MainColor.red,
+          }}
+        >
+          {listData.map((item, index) => (
+            <View
+              key={index}
+              style={{
+                flexDirection: "row",
+                alignItems: "center",
+                marginBottom: 20,
+                // flexWrap: "wrap",
+                // backgroundColor: "gray",
+              }}
+            >
+              {item.icon}
+              <Spacing />
+
+              <TextCustom bold style={{ backgroundColor: "" }}>
+                {`${item.label} Lorem, ipsum dolor sit amet consectetur adipisicing elit. Officiis dolorem ipsam velit culpa consequuntur porro esse asperiores, debitis, qui numquam excepturi tempora fuga dolor totam quam, provident ipsum repellat hic.`}
+              </TextCustom>
+              {/* <View style={{ flexDirection: "row", alignItems: "center" }}>
+                    {item.icon}
+                    <Spacing />
+                </View> */}
+            </View>
+          ))}
+        </View>
+      </View>
+
+      <TouchableHighlight
+        onPress={() => router.push(`/(application)/portofolio/${id}`)}
+      >
+        <View
+          style={{
+            backgroundColor: MainColor.white,
+            padding: 10,
+            borderRadius: 10,
+            marginTop: 10,
+          }}
+        >
+          <Text>Portofolio</Text>
+        </View>
+      </TouchableHighlight>
+    </>
+  );
+}
diff --git a/styles/global-styles.ts b/styles/global-styles.ts
index 8940212..b31836b 100644
--- a/styles/global-styles.ts
+++ b/styles/global-styles.ts
@@ -1,10 +1,10 @@
+import { TEXT_SIZE_MEDIUM } from "@/constants/constans-value";
 import { Dimensions, StyleSheet } from "react-native";
 import { AccentColor, MainColor } from "../constants/color-palet";
-import { TEXT_SIZE_MEDIUM } from "@/constants/constans-value";
 
 const { width } = Dimensions.get("window");
 
-export const Styles = StyleSheet.create({
+export const GStyles = StyleSheet.create({
   container: {
     flex: 1,
     paddingInline: 20,

From 7e39133c2fd4122b7b402d58eb703c92af549937 Mon Sep 17 00:00:00 2001
From: Bagasbanuna02 <bagasbanuna02@gmail.com>
Date: Thu, 3 Jul 2025 11:29:51 +0800
Subject: [PATCH 17/64] feature components deskripsi: - BaseBox, TextCustom -
 Perbaikan home & profile

---
 assets/images/dummy/dummy-avatar.png          | Bin 0 -> 41206 bytes
 .../images/dummy/dummy-image-background.jpg   | Bin 0 -> 20167 bytes
 components/Box/BaseBox.tsx                    |  59 ++++++
 components/Grid/GridCustom.tsx                | 113 +++++++++++
 components/Text/TextCustom.tsx                |  42 +++-
 .../{TruncatedText.tsx => TruncatedText.txt}  |   0
 components/index.ts                           |  10 +-
 screens/Authentication/LoginView.tsx          |   4 +-
 screens/Home/HomeView.tsx                     | 120 ------------
 screens/Home/bottomFeatureSection.tsx         |  46 ++---
 screens/Profile/profilSection.tsx             | 181 ++++++++++++++----
 11 files changed, 374 insertions(+), 201 deletions(-)
 create mode 100644 assets/images/dummy/dummy-avatar.png
 create mode 100644 assets/images/dummy/dummy-image-background.jpg
 create mode 100644 components/Box/BaseBox.tsx
 create mode 100644 components/Grid/GridCustom.tsx
 rename components/_ShareComponent/{TruncatedText.tsx => TruncatedText.txt} (100%)
 delete mode 100644 screens/Home/HomeView.tsx

diff --git a/assets/images/dummy/dummy-avatar.png b/assets/images/dummy/dummy-avatar.png
new file mode 100644
index 0000000000000000000000000000000000000000..20e377a6b6e9914bee36f1d3faf40646765fa38d
GIT binary patch
literal 41206
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

literal 0
HcmV?d00001

diff --git a/assets/images/dummy/dummy-image-background.jpg b/assets/images/dummy/dummy-image-background.jpg
new file mode 100644
index 0000000000000000000000000000000000000000..49a81447339c47da76bc9940ca905cccd98951ff
GIT binary patch
literal 20167
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
N9}E0v3&>11{vUT>lQ{qY

literal 0
HcmV?d00001

diff --git a/components/Box/BaseBox.tsx b/components/Box/BaseBox.tsx
new file mode 100644
index 0000000..073a71c
--- /dev/null
+++ b/components/Box/BaseBox.tsx
@@ -0,0 +1,59 @@
+import { AccentColor } from "@/constants/color-palet";
+import { StyleProp, TouchableHighlight, View, ViewStyle } from "react-native";
+
+interface BaseBoxProps {
+  children: React.ReactNode;
+  style?: StyleProp<ViewStyle>;
+  onPress?: () => void;
+  marginBottom?: number;
+  padding?: number;
+  paddingInline?: number;
+}
+
+export default function BaseBox({
+  children,
+  style,
+  onPress,
+  marginBottom = 16,
+  padding = 12,
+}: BaseBoxProps) {
+  return (
+    <>
+      {onPress ? (
+        <TouchableHighlight
+          onPress={onPress}
+          style={[
+            {
+              backgroundColor: AccentColor.darkblue,
+              borderColor: AccentColor.blue,
+              borderWidth: 1,
+              borderRadius: 10,
+              marginBottom,
+              padding,
+            },
+            style,
+          ]}
+          // activeOpacity={0.7}
+        >
+          <View>{children}</View>
+        </TouchableHighlight>
+      ) : (
+        <View
+          style={[
+            {
+              backgroundColor: AccentColor.darkblue,
+              borderColor: AccentColor.blue,
+              borderWidth: 1,
+              borderRadius: 10,
+              marginBottom,
+              padding,
+            },
+            style,
+          ]}
+        >
+          {children}
+        </View>
+      )}
+    </>
+  );
+}
diff --git a/components/Grid/GridCustom.tsx b/components/Grid/GridCustom.tsx
new file mode 100644
index 0000000..4aac270
--- /dev/null
+++ b/components/Grid/GridCustom.tsx
@@ -0,0 +1,113 @@
+import React, { createContext, useContext, useMemo } from "react";
+import { StyleSheet, useWindowDimensions, View, ViewStyle } from "react-native";
+
+// Tipe untuk span
+type SpanValue = {
+  base?: number;
+  md?: number;
+  lg?: number;
+};
+
+// Props untuk Grid.Col
+interface ColProps {
+  children: React.ReactNode;
+  span?: number | SpanValue;
+  style?: ViewStyle;
+}
+
+// Props untuk Grid
+interface GridProps {
+  children: React.ReactNode;
+  gap?: number;
+  columns?: number;
+  containerStyle?: ViewStyle;
+}
+
+// Context untuk menyimpan konfigurasi grid
+type GridContextType = {
+  gap: number;
+  columns: number;
+};
+
+const GridContext = createContext<GridContextType>({
+  gap: 0,
+  columns: 12,
+});
+
+const useGrid = () => useContext(GridContext);
+
+// Helper untuk menentukan span berdasarkan lebar layar
+const getSpan = (
+  spanProp: number | SpanValue | undefined,
+  width: number
+): number => {
+  if (typeof spanProp === "number") return spanProp;
+
+  const span = spanProp || { base: 12 };
+
+  if (width >= 992 && span.lg) return span.lg;
+  if (width >= 768 && span.md) return span.md;
+  return span.base ?? 12;
+};
+
+// Grid Component
+const GridComponent: React.FC<GridProps> = ({
+  children,
+  gap = 6,
+  columns = 12,
+  containerStyle,
+}) => {
+  const contextValue = useMemo(() => ({ gap, columns }), [gap, columns]);
+
+  return (
+    <GridContext.Provider value={contextValue}>
+      <View
+        style={[
+          styles.container,
+          { marginHorizontal: -gap / 2 },
+          containerStyle,
+        ]}
+      >
+        {React.Children.map(children, (child) =>
+          React.isValidElement(child)
+            ? React.cloneElement(child as React.ReactElement<ColProps>, {})
+            : child
+        )}
+      </View>
+    </GridContext.Provider>
+  );
+};
+
+// Grid.Col Component
+const Col: React.FC<ColProps> = ({ children, span, style }) => {
+  const { gap, columns } = useGrid();
+  const { width } = useWindowDimensions();
+
+  const colSpan = getSpan(span, width);
+  const margin = gap / 2;
+
+  const styles = StyleSheet.create({
+    col: {
+      flexBasis: `${(100 / columns) * colSpan}%`,
+      paddingVertical: margin,
+    //   marginBottom: gap,
+      marginBlock: gap,
+    },
+  });
+
+  return <View style={[styles.col, style]}>{children}</View>;
+};
+
+// Export bersama-sama
+const Grid = Object.assign(GridComponent, { Col });
+
+export default Grid;
+
+// Styles
+const styles = StyleSheet.create({
+  container: {
+    flexDirection: "row",
+    flexWrap: "wrap",
+    justifyContent: "flex-start",
+  },
+});
diff --git a/components/Text/TextCustom.tsx b/components/Text/TextCustom.tsx
index 492293a..7b0c496 100644
--- a/components/Text/TextCustom.tsx
+++ b/components/Text/TextCustom.tsx
@@ -5,7 +5,10 @@ import {
   TEXT_SIZE_SMALL,
 } from "@/constants/constans-value";
 import React from "react";
-import { StyleProp, Text as RNText, TextStyle, StyleSheet } from "react-native";
+import { Text as RNText, StyleProp, StyleSheet, TextStyle } from "react-native";
+
+// Tambahkan type TextAlignProps agar lebih type-safe
+type TextAlign = "left" | "center" | "right";
 
 interface TextCustomProps {
   children: string;
@@ -13,7 +16,9 @@ interface TextCustomProps {
   bold?: boolean;
   semiBold?: boolean;
   size?: "default" | "large" | "small";
-  color?: "default" | "primary" | "secondary";
+  color?: "default" | "yellow" | "red";
+  align?: TextAlign; // Prop untuk alignment
+  truncate?: boolean | number;
 }
 
 const TextCustom: React.FC<TextCustomProps> = ({
@@ -23,6 +28,8 @@ const TextCustom: React.FC<TextCustomProps> = ({
   semiBold = false,
   size = "default",
   color = "default",
+  align = "left", // Default alignment
+  truncate = false,
 }) => {
   const getStyle = () => {
     let selectedStyles = [];
@@ -39,8 +46,13 @@ const TextCustom: React.FC<TextCustomProps> = ({
     else if (size === "small") selectedStyles.push(styles.small);
 
     // Color
-    if (color === "primary") selectedStyles.push(styles.primaryColor);
-    else if (color === "secondary") selectedStyles.push(styles.secondaryColor);
+    if (color === "yellow") selectedStyles.push(styles.yellow);
+    else if (color === "red") selectedStyles.push(styles.red);
+
+    // Alignment
+    if (align) {
+      selectedStyles.push({ textAlign: align });
+    }
 
     // Override with passed style
     if (style) selectedStyles.push(style);
@@ -48,16 +60,26 @@ const TextCustom: React.FC<TextCustomProps> = ({
     return selectedStyles;
   };
 
-  return <RNText style={getStyle()}>{children}</RNText>;
+  return (
+    <RNText
+      numberOfLines={
+        typeof truncate === "number" ? truncate : truncate ? 1 : undefined
+      }
+      ellipsizeMode="tail"
+      style={getStyle()}
+    >
+      {children}
+    </RNText>
+  );
 };
 
 export default TextCustom;
 
 export const styles = StyleSheet.create({
   default: {
-    // fontFamily: "Poppins-Regular", // Ganti dengan font yang kamu gunakan
     fontSize: TEXT_SIZE_MEDIUM,
     color: MainColor.white,
+    fontFamily: "Poppins-Regular",
   },
   bold: {
     fontFamily: "Poppins-Bold",
@@ -73,10 +95,10 @@ export const styles = StyleSheet.create({
   small: {
     fontSize: TEXT_SIZE_SMALL,
   },
-  primaryColor: {
-    color: "#007AFF", // Warna utama aplikasi kamu
+  yellow: {
+    color: MainColor.yellow,
   },
-  secondaryColor: {
-    color: "#666",
+  red: {
+    color: MainColor.red,
   },
 });
diff --git a/components/_ShareComponent/TruncatedText.tsx b/components/_ShareComponent/TruncatedText.txt
similarity index 100%
rename from components/_ShareComponent/TruncatedText.tsx
rename to components/_ShareComponent/TruncatedText.txt
diff --git a/components/index.ts b/components/index.ts
index d049dab..59a4e80 100644
--- a/components/index.ts
+++ b/components/index.ts
@@ -8,12 +8,15 @@ import DrawerCustom from "./Drawer/DrawerCustom";
 import MenuDrawerDynamicGrid from "./Drawer/MenuDrawerDynamicGird";
 // ShareComponent
 import ViewWrapper from "./_ShareComponent/ViewWrapper";
-import TruncatedText from "./_ShareComponent/TruncatedText";
 import Spacing from "./_ShareComponent/Spacing";
 // Text
 import TextCustom from "./Text/TextCustom";
 // TextInput
 import { TextInputCustom } from "./TextInput/TextInputCustom";
+// Grid
+import Grid from "./Grid/GridCustom";
+// Box
+import BaseBox from "./Box/BaseBox";
 
 export {
   AlertCustom,
@@ -25,10 +28,13 @@ export {
   MenuDrawerDynamicGrid,
   // ShareComponent
   Spacing,
-  TruncatedText,
   ViewWrapper,
   // Text
   TextCustom,
   // TextInput
   TextInputCustom,
+  // Grid
+  Grid,
+  // Box
+  BaseBox,
 };
diff --git a/screens/Authentication/LoginView.tsx b/screens/Authentication/LoginView.tsx
index 16c8527..a7588cd 100644
--- a/screens/Authentication/LoginView.tsx
+++ b/screens/Authentication/LoginView.tsx
@@ -25,7 +25,9 @@ export default function LoginView() {
     const callingCode = selectedCountry?.callingCode.replace(/^\+/, "") || "";
     const fixNumber = callingCode + inputValue;
     console.log(fixNumber);
-    router.navigate("/(application)/profile/1");
+    // router.navigate("/(application)/profile/1");
+    router.navigate("/(application)/home");
+
   }
 
   return (
diff --git a/screens/Home/HomeView.tsx b/screens/Home/HomeView.tsx
deleted file mode 100644
index fde00e0..0000000
--- a/screens/Home/HomeView.tsx
+++ /dev/null
@@ -1,120 +0,0 @@
-import Spacing from "@/components/_ShareComponent/Spacing";
-import DynamicTruncatedText from "@/components/_ShareComponent/TruncatedText";
-import { GStyles } from "@/styles/global-styles";
-import { Ionicons } from "@expo/vector-icons";
-import { Image } from "expo-image";
-import { router } from "expo-router";
-import { ScrollView, Text, TouchableOpacity, View } from "react-native";
-import Icon from "react-native-vector-icons/FontAwesome";
-import { stylesHome } from "./homeViewStyle";
-
-export default function HomeView() {
-  return (
-    <>
-      <ScrollView contentContainerStyle={{ flexGrow: 1 }}>
-        <View style={GStyles.homeContainer}>
-          <Spacing height={20} />
-          <View
-            style={{
-              alignItems: "center",
-              justifyContent: "center",
-              backgroundColor: "#fff",
-              borderRadius: 10,
-            }}
-          >
-            <Image
-              source={require("@/assets/images/constants/home-hipmi.png")}
-              // placeholder={{ blurhash: "" }}
-              contentFit="cover"
-              transition={1000}
-              style={{
-                width: "100%",
-                height: 120,
-                borderRadius: 10,
-              }}
-            />
-          </View>
-
-          <Spacing height={10} />
-
-          {/* Grid Section */}
-          <View style={stylesHome.gridContainer}>
-            <TouchableOpacity
-              style={stylesHome.gridItem}
-              onPress={() => router.push("/(application)/event")}
-            >
-              <Ionicons name="analytics" size={48} color="white" />
-              <Text style={stylesHome.gridLabel}>Event</Text>
-            </TouchableOpacity>
-            <TouchableOpacity style={stylesHome.gridItem}>
-              <Ionicons name="share" size={48} color="white" />
-              <Text style={stylesHome.gridLabel}>Collaboration</Text>
-            </TouchableOpacity>
-            <TouchableOpacity style={stylesHome.gridItem}>
-              <Ionicons name="cube" size={48} color="white" />
-              <Text style={stylesHome.gridLabel}>Voting</Text>
-            </TouchableOpacity>
-            <TouchableOpacity style={stylesHome.gridItem}>
-              <Ionicons name="heart" size={48} color="white" />
-              <Text style={stylesHome.gridLabel}>Crowdfunding</Text>
-            </TouchableOpacity>
-          </View>
-
-          <Spacing height={10} />
-
-          {/* Job Vacancy Section */}
-          <View style={stylesHome.jobVacancyContainer}>
-            <View style={stylesHome.jobVacancyHeader}>
-              <Icon name="briefcase" size={24} color="white" />
-              <Text style={stylesHome.jobVacancyTitle}>Job Vacancy</Text>
-            </View>
-
-            <View style={stylesHome.vacancyList}>
-              {/* Vacancy Item 1 */}
-              <View style={stylesHome.vacancyItem}>
-                {/* <Icon name="user" size={20} color="#FFD700" /> */}
-                <View style={stylesHome.vacancyDetails}>
-                  <DynamicTruncatedText
-                    text="Bagas_banuna"
-                    fontSize={14}
-                    fontFamily="System"
-                    style={stylesHome.vacancyName}
-                  />
-                  <Spacing height={5} />
-                  <DynamicTruncatedText
-                    text="Dicari perawat kucing"
-                    fontSize={12}
-                    fontFamily="System"
-                    style={stylesHome.vacancyDescription}
-                  />
-                </View>
-              </View>
-
-              {/* Vacancy Item 2 */}
-              <View style={stylesHome.vacancyItem}>
-                {/* <Icon name="user" size={20} color="#FFD700" /> */}
-                <View style={stylesHome.vacancyDetails}>
-                  <DynamicTruncatedText
-                    text="fibramarcell"
-                    fontSize={14}
-                    fontFamily="System"
-                    style={stylesHome.vacancyName}
-                  />
-                  <Spacing height={5} />
-                  <DynamicTruncatedText
-                    text="Di Butuhkan Seorang..."
-                    fontSize={12}
-                    fontFamily="System"
-                    style={stylesHome.vacancyDescription}
-                  />
-                </View>
-              </View>
-            </View>
-          </View>
-
-          <Spacing height={20} />
-        </View>
-      </ScrollView>
-    </>
-  );
-}
diff --git a/screens/Home/bottomFeatureSection.tsx b/screens/Home/bottomFeatureSection.tsx
index e2fde4d..d7731ec 100644
--- a/screens/Home/bottomFeatureSection.tsx
+++ b/screens/Home/bottomFeatureSection.tsx
@@ -1,6 +1,7 @@
+import { TextCustom } from "@/components";
 import Spacing from "@/components/_ShareComponent/Spacing";
-import DynamicTruncatedText from "@/components/_ShareComponent/TruncatedText";
-import { Text, View } from "react-native";
+import React from "react";
+import { View } from "react-native";
 import Icon from "react-native-vector-icons/FontAwesome";
 import { stylesHome } from "./homeViewStyle";
 
@@ -10,7 +11,10 @@ export default function Home_BottomFeatureSection() {
       <View style={stylesHome.jobVacancyContainer}>
         <View style={stylesHome.jobVacancyHeader}>
           <Icon name="briefcase" size={24} color="white" />
-          <Text style={stylesHome.jobVacancyTitle}>Job Vacancy</Text>
+          <Spacing width={10}/>
+          <TextCustom bold size="large">
+            Job Vacancy
+          </TextCustom>
         </View>
 
         <View style={stylesHome.vacancyList}>
@@ -18,19 +22,13 @@ export default function Home_BottomFeatureSection() {
           <View style={stylesHome.vacancyItem}>
             {/* <Icon name="user" size={20} color="#FFD700" /> */}
             <View style={stylesHome.vacancyDetails}>
-              <DynamicTruncatedText
-                text="Bagas_banuna"
-                fontSize={14}
-                fontFamily="System"
-                style={stylesHome.vacancyName}
-              />
+              <TextCustom bold color="yellow" truncate size="large">
+                Bagas_banuna
+              </TextCustom>
               <Spacing height={5} />
-              <DynamicTruncatedText
-                text="Dicari perawat kucing"
-                fontSize={12}
-                fontFamily="System"
-                style={stylesHome.vacancyDescription}
-              />
+              <TextCustom truncate={2}>
+                Dicari perawat kucing dan perawat anjing
+              </TextCustom>
             </View>
           </View>
 
@@ -38,19 +36,13 @@ export default function Home_BottomFeatureSection() {
           <View style={stylesHome.vacancyItem}>
             {/* <Icon name="user" size={20} color="#FFD700" /> */}
             <View style={stylesHome.vacancyDetails}>
-              <DynamicTruncatedText
-                text="fibramarcell"
-                fontSize={14}
-                fontFamily="System"
-                style={stylesHome.vacancyName}
-              />
+              <TextCustom bold color="yellow" truncate size="large">
+                fibramarcell
+              </TextCustom>
               <Spacing height={5} />
-              <DynamicTruncatedText
-                text="Di Butuhkan Seorang..."
-                fontSize={12}
-                fontFamily="System"
-                style={stylesHome.vacancyDescription}
-              />
+              <TextCustom truncate={2}>
+                Di Butuhkan Seorang Programer dan Designer
+              </TextCustom>
             </View>
           </View>
         </View>
diff --git a/screens/Profile/profilSection.tsx b/screens/Profile/profilSection.tsx
index 6e80fcd..9036c98 100644
--- a/screens/Profile/profilSection.tsx
+++ b/screens/Profile/profilSection.tsx
@@ -1,9 +1,10 @@
-import { Spacing, TextCustom } from "@/components";
-import { AccentColor, MainColor } from "@/constants/color-palet";
+/* eslint-disable @typescript-eslint/no-unused-vars */
+import { BaseBox, Grid, Spacing, TextCustom } from "@/components";
+import { MainColor } from "@/constants/color-palet";
 import { ICON_SIZE_SMALL } from "@/constants/constans-value";
 import { FontAwesome5, Ionicons } from "@expo/vector-icons";
-import { router, useLocalSearchParams } from "expo-router";
-import { Text, TouchableHighlight, View } from "react-native";
+import { useLocalSearchParams } from "expo-router";
+import { Image, ImageBackground, StyleSheet, View } from "react-native";
 
 export default function ProfilSection() {
   const { id } = useLocalSearchParams();
@@ -41,51 +42,79 @@ export default function ProfilSection() {
 
   return (
     <>
-      <View
-        style={{
-          backgroundColor: MainColor.soft_darkblue,
-          borderColor: AccentColor.blue,
-          borderWidth: 1,
-          padding: 10,
-          borderRadius: 6,
-          marginTop: 10,
-        }}
-      >
-        <View
-          style={{
-            flexDirection: "row",
-            alignItems: "center",
-            flexWrap: "wrap",
-            // backgroundColor: MainColor.red,
-          }}
-        >
-          {listData.map((item, index) => (
-            <View
-              key={index}
+      <BaseBox>
+        <ProfileScreen />
+        <Spacing height={50} />
+
+        <View style={{ alignItems: "center" }}>
+          <TextCustom bold size="large" align="center">
+            Nama User
+          </TextCustom>
+          <Spacing height={5} />
+          <TextCustom size="small">@Username</TextCustom>
+        </View>
+        <Spacing height={30} />
+
+        {listData.map((item, index) => (
+          <Grid key={index}>
+            <Grid.Col
+              span={2}
               style={{
-                flexDirection: "row",
                 alignItems: "center",
-                marginBottom: 20,
-                // flexWrap: "wrap",
-                // backgroundColor: "gray",
+                justifyContent: "center",
               }}
             >
               {item.icon}
-              <Spacing />
+            </Grid.Col>
+            <Grid.Col span={10}>
+              <TextCustom bold>{item.label}</TextCustom>
+            </Grid.Col>
+          </Grid>
+        ))}
+      </BaseBox>
 
-              <TextCustom bold style={{ backgroundColor: "" }}>
-                {`${item.label} Lorem, ipsum dolor sit amet consectetur adipisicing elit. Officiis dolorem ipsam velit culpa consequuntur porro esse asperiores, debitis, qui numquam excepturi tempora fuga dolor totam quam, provident ipsum repellat hic.`}
-              </TextCustom>
-              {/* <View style={{ flexDirection: "row", alignItems: "center" }}>
-                    {item.icon}
-                    <Spacing />
-                </View> */}
-            </View>
+      <BaseBox>
+        <View>
+          <TextCustom bold size="large" align="center">
+            Portofolio
+          </TextCustom>
+          <Spacing />
+
+          {Array.from({ length: 2 }).map((_, index) => (
+            <BaseBox
+              key={index}
+              style={{ backgroundColor: MainColor.darkblue }}
+              onPress={() => console.log("pressed")}
+            >
+              <Grid>
+                <Grid.Col
+                  span={10}
+                  style={{ justifyContent: "center", backgroundColor: "" }}
+                >
+                  <TextCustom bold size="large" truncate={1}>
+                    Nama usaha portofolio
+                  </TextCustom>
+                  <TextCustom size="small" color="yellow">
+                    #id-porofolio12345
+                  </TextCustom>
+                </Grid.Col>
+                <Grid.Col
+                  span={2}
+                  style={{ alignItems: "flex-end", justifyContent: "center" }}
+                >
+                  <Ionicons
+                    name="caret-forward"
+                    size={ICON_SIZE_SMALL}
+                    color="white"
+                  />
+                </Grid.Col>
+              </Grid>
+            </BaseBox>
           ))}
         </View>
-      </View>
+      </BaseBox>
 
-      <TouchableHighlight
+      {/* <TouchableHighlight
         onPress={() => router.push(`/(application)/portofolio/${id}`)}
       >
         <View
@@ -98,7 +127,77 @@ export default function ProfilSection() {
         >
           <Text>Portofolio</Text>
         </View>
-      </TouchableHighlight>
+      </TouchableHighlight> */}
     </>
   );
 }
+
+const ProfileScreen = () => {
+  return (
+    <View style={styles.container}>
+      {/* Background Image */}
+      <ImageBackground
+        source={require("@/assets/images/dummy/dummy-image-background.jpg")}
+        style={styles.backgroundImage}
+        resizeMode="cover"
+      />
+
+      {/* Avatar yang sedikit keluar */}
+      <View style={styles.avatarOverlap}>
+        <Image
+          source={require("@/assets/images/dummy/dummy-avatar.png")}
+          style={styles.overlappingAvatar}
+          resizeMode="cover"
+        />
+      </View>
+    </View>
+  );
+};
+
+const styles = StyleSheet.create({
+  container: {
+    flex: 1,
+    justifyContent: "center",
+    alignItems: "center",
+  },
+  backgroundImage: {
+    width: "100%",
+    height: 150, // Tinggi background sesuai kebutuhan
+    justifyContent: "center",
+    alignItems: "center",
+    borderRadius: 6,
+    overflow: "hidden",
+  },
+  userOverlay: {
+    width: 100,
+    height: 100,
+    borderRadius: 50,
+    overflow: "hidden",
+    backgroundColor: "white",
+    borderWidth: 3,
+    borderColor: "#fff",
+    position: "absolute", // Untuk posisi overlay
+    top: 75, // Posisi overlay di tengah background
+    left: "50%", // Sentralisasi horizontal
+    transform: [{ translateX: -50 }], // Menggeser ke kiri 50% lebarnya
+  },
+  userImage: {
+    width: "100%",
+    height: "100%",
+    borderRadius: 50,
+  },
+  avatarOverlap: {
+    position: "absolute", // Meletakkan avatar di atas background
+    top: 90, // Posisi avatar sedikit keluar dari background
+    left: "50%", // Sentralisasi horizontal
+    transform: [{ translateX: -50 }], // Menggeser ke kiri 50% lebarnya
+  },
+  overlappingAvatar: {
+    width: 100,
+    height: 100,
+    borderRadius: 50,
+    borderWidth: 3,
+    borderColor: "#fff",
+    backgroundColor: MainColor.white,
+  },
+});

From 4a92385d6dacfdb775f17d72de1a3ee07aaac2e2 Mon Sep 17 00:00:00 2001
From: Bagasbanuna02 <bagasbanuna02@gmail.com>
Date: Thu, 3 Jul 2025 14:24:10 +0800
Subject: [PATCH 18/64] fix nama komponen profile

---
 app/(application)/profile/[id]/index.tsx |  4 +-
 components/Avatar/AvatarCustom.tsx       | 55 +++++++++++++++
 components/index.ts                      |  4 ++
 screens/Profile/AvatarAndBackground.tsx  | 51 ++++++++++++++
 screens/Profile/profilSection.tsx        | 88 +-----------------------
 5 files changed, 115 insertions(+), 87 deletions(-)
 create mode 100644 components/Avatar/AvatarCustom.tsx
 create mode 100644 screens/Profile/AvatarAndBackground.tsx

diff --git a/app/(application)/profile/[id]/index.tsx b/app/(application)/profile/[id]/index.tsx
index 1fcb5c9..945f18f 100644
--- a/app/(application)/profile/[id]/index.tsx
+++ b/app/(application)/profile/[id]/index.tsx
@@ -5,8 +5,8 @@ import BackButton from "@/components/Button/BackButton";
 import DrawerCustom from "@/components/Drawer/DrawerCustom";
 import { MainColor } from "@/constants/color-palet";
 import { DRAWER_HEIGHT } from "@/constants/constans-value";
-import Profile_MenuDrawerSection from "@/screens/Profile/menuDrawerSection";
-import ProfilSection from "@/screens/Profile/profilSection";
+import Profile_MenuDrawerSection from "@/screens/Profile/MenuDrawerSection";
+import ProfilSection from "@/screens/Profile/ProfilSection";
 import { GStyles } from "@/styles/global-styles";
 import { Ionicons } from "@expo/vector-icons";
 import { router, Stack, useLocalSearchParams } from "expo-router";
diff --git a/components/Avatar/AvatarCustom.tsx b/components/Avatar/AvatarCustom.tsx
new file mode 100644
index 0000000..d86c7e9
--- /dev/null
+++ b/components/Avatar/AvatarCustom.tsx
@@ -0,0 +1,55 @@
+import { MainColor } from "@/constants/color-palet";
+import { Image, ImageSourcePropType, StyleSheet } from "react-native";
+
+type Size = "base" | "sm" | "md" | "lg";
+
+interface AvatarCustomProps {
+  source?: ImageSourcePropType;
+  size?: Size;
+}
+
+const sizeMap = {
+  base: 40,
+  sm: 60,
+  md: 80,
+  lg: 100,
+};
+
+export default function AvatarCustom({
+  source = require("@/assets/images/dummy/dummy-avatar.png"),
+  size = "base",
+}: AvatarCustomProps) {
+  const dimension = sizeMap[size];
+
+  return (
+    <Image
+      source={source}
+      style={[
+        styles.overlappingAvatar,
+        {
+          width: dimension,
+          height: dimension,
+          borderRadius: dimension / 2,
+        },
+      ]}
+      resizeMode="cover"
+    />
+  );
+}
+
+const styles = StyleSheet.create({
+  container: {
+    alignItems: "center",
+    justifyContent: "center",
+  },
+  overlappingAvatar: {
+    borderWidth: 2,
+    borderColor: "#fff",
+    backgroundColor: MainColor.white,
+    // shadowColor: "#000",
+    // shadowOffset: { width: 0, height: 2 },
+    // shadowOpacity: 0.2,
+    shadowRadius: 3,
+    elevation: 3,
+  },
+});
diff --git a/components/index.ts b/components/index.ts
index 59a4e80..97fca5e 100644
--- a/components/index.ts
+++ b/components/index.ts
@@ -17,6 +17,8 @@ import { TextInputCustom } from "./TextInput/TextInputCustom";
 import Grid from "./Grid/GridCustom";
 // Box
 import BaseBox from "./Box/BaseBox";
+// Avatar
+import AvatarCustom from "./Avatar/AvatarCustom"
 
 export {
   AlertCustom,
@@ -37,4 +39,6 @@ export {
   Grid,
   // Box
   BaseBox,
+  // Avatar
+  AvatarCustom,
 };
diff --git a/screens/Profile/AvatarAndBackground.tsx b/screens/Profile/AvatarAndBackground.tsx
new file mode 100644
index 0000000..b48fe04
--- /dev/null
+++ b/screens/Profile/AvatarAndBackground.tsx
@@ -0,0 +1,51 @@
+import { AvatarCustom } from "@/components";
+import { AccentColor } from "@/constants/color-palet";
+import { View, ImageBackground, StyleSheet } from "react-native";
+
+const AvatarAndBackground = () => {
+  return (
+    <View style={styles.container}>
+      <ImageBackground
+        source={require("@/assets/images/logo-hipmi.png")}
+        style={styles.backgroundImage}
+        resizeMode="contain"
+      />
+      {/* Background Image */}
+
+      {/* Avatar yang sedikit keluar */}
+      <View style={styles.avatarOverlap}>
+        <AvatarCustom
+          source={require("@/assets/images/react-logo.png")}
+          size="lg"
+        />
+      </View>
+    </View>
+  );
+};
+
+export default AvatarAndBackground;
+
+const styles = StyleSheet.create({
+  container: {
+    flex: 1,
+    justifyContent: "center",
+    alignItems: "center",
+  },
+  backgroundImage: {
+    width: "100%",
+    height: 150, // Tinggi background sesuai kebutuhan
+    justifyContent: "center",
+    alignItems: "center",
+    borderRadius: 6,
+    overflow: "hidden",
+    borderWidth: 1,
+    borderColor: AccentColor.blue,
+    backgroundColor: "white",
+  },
+  avatarOverlap: {
+    position: "absolute", // Meletakkan avatar di atas background
+    top: 90, // Posisi avatar sedikit keluar dari background
+    left: "50%", // Sentralisasi horizontal
+    transform: [{ translateX: -50 }], // Menggeser ke kiri 50% lebarnya
+  },
+});
\ No newline at end of file
diff --git a/screens/Profile/profilSection.tsx b/screens/Profile/profilSection.tsx
index 9036c98..2527c08 100644
--- a/screens/Profile/profilSection.tsx
+++ b/screens/Profile/profilSection.tsx
@@ -4,7 +4,8 @@ import { MainColor } from "@/constants/color-palet";
 import { ICON_SIZE_SMALL } from "@/constants/constans-value";
 import { FontAwesome5, Ionicons } from "@expo/vector-icons";
 import { useLocalSearchParams } from "expo-router";
-import { Image, ImageBackground, StyleSheet, View } from "react-native";
+import { View } from "react-native";
+import AvatarAndBackground from "./AvatarAndBackground";
 
 export default function ProfilSection() {
   const { id } = useLocalSearchParams();
@@ -43,7 +44,7 @@ export default function ProfilSection() {
   return (
     <>
       <BaseBox>
-        <ProfileScreen />
+        <AvatarAndBackground />
         <Spacing height={50} />
 
         <View style={{ alignItems: "center" }}>
@@ -113,91 +114,8 @@ export default function ProfilSection() {
           ))}
         </View>
       </BaseBox>
-
-      {/* <TouchableHighlight
-        onPress={() => router.push(`/(application)/portofolio/${id}`)}
-      >
-        <View
-          style={{
-            backgroundColor: MainColor.white,
-            padding: 10,
-            borderRadius: 10,
-            marginTop: 10,
-          }}
-        >
-          <Text>Portofolio</Text>
-        </View>
-      </TouchableHighlight> */}
     </>
   );
 }
 
-const ProfileScreen = () => {
-  return (
-    <View style={styles.container}>
-      {/* Background Image */}
-      <ImageBackground
-        source={require("@/assets/images/dummy/dummy-image-background.jpg")}
-        style={styles.backgroundImage}
-        resizeMode="cover"
-      />
 
-      {/* Avatar yang sedikit keluar */}
-      <View style={styles.avatarOverlap}>
-        <Image
-          source={require("@/assets/images/dummy/dummy-avatar.png")}
-          style={styles.overlappingAvatar}
-          resizeMode="cover"
-        />
-      </View>
-    </View>
-  );
-};
-
-const styles = StyleSheet.create({
-  container: {
-    flex: 1,
-    justifyContent: "center",
-    alignItems: "center",
-  },
-  backgroundImage: {
-    width: "100%",
-    height: 150, // Tinggi background sesuai kebutuhan
-    justifyContent: "center",
-    alignItems: "center",
-    borderRadius: 6,
-    overflow: "hidden",
-  },
-  userOverlay: {
-    width: 100,
-    height: 100,
-    borderRadius: 50,
-    overflow: "hidden",
-    backgroundColor: "white",
-    borderWidth: 3,
-    borderColor: "#fff",
-    position: "absolute", // Untuk posisi overlay
-    top: 75, // Posisi overlay di tengah background
-    left: "50%", // Sentralisasi horizontal
-    transform: [{ translateX: -50 }], // Menggeser ke kiri 50% lebarnya
-  },
-  userImage: {
-    width: "100%",
-    height: "100%",
-    borderRadius: 50,
-  },
-  avatarOverlap: {
-    position: "absolute", // Meletakkan avatar di atas background
-    top: 90, // Posisi avatar sedikit keluar dari background
-    left: "50%", // Sentralisasi horizontal
-    transform: [{ translateX: -50 }], // Menggeser ke kiri 50% lebarnya
-  },
-  overlappingAvatar: {
-    width: 100,
-    height: 100,
-    borderRadius: 50,
-    borderWidth: 3,
-    borderColor: "#fff",
-    backgroundColor: MainColor.white,
-  },
-});

From 101c9053d81c93c40d25d2633574fdb6b4bef113 Mon Sep 17 00:00:00 2001
From: Bagasbanuna02 <bagasbanuna02@gmail.com>
Date: Thu, 3 Jul 2025 14:54:05 +0800
Subject: [PATCH 19/64] feature deskripsi: - new component stack

---
 app/(application)/profile/[id]/edit.tsx | 23 ++++++---
 app/(application)/profile/_layout.tsx   | 14 ++----
 components/Stack/StackCustom.tsx        | 66 +++++++++++++++++++++++++
 components/Stack/index.ts               |  3 ++
 components/Stack/stack-types.ts         | 19 +++++++
 components/TextInput/index.ts           |  3 ++
 screens/Authentication/LoginView.tsx    |  6 +--
 7 files changed, 112 insertions(+), 22 deletions(-)
 create mode 100644 components/Stack/StackCustom.tsx
 create mode 100644 components/Stack/index.ts
 create mode 100644 components/Stack/stack-types.ts
 create mode 100644 components/TextInput/index.ts

diff --git a/app/(application)/profile/[id]/edit.tsx b/app/(application)/profile/[id]/edit.tsx
index 58980aa..cdfe797 100644
--- a/app/(application)/profile/[id]/edit.tsx
+++ b/app/(application)/profile/[id]/edit.tsx
@@ -1,11 +1,18 @@
-import { Text, View } from "react-native";
+/* eslint-disable @typescript-eslint/no-unused-vars */
+import { TextInputCustom, ViewWrapper } from "@/components";
+import { StackCustom } from "@/components/Stack";
 import { useLocalSearchParams } from "expo-router";
 
 export default function ProfileEdit() {
-    const { id } = useLocalSearchParams();
-    return (
-        <View>
-            <Text>Profile Edit {id}</Text>
-        </View>
-    )
-}
\ No newline at end of file
+  const { id } = useLocalSearchParams();
+  return (
+    <ViewWrapper>
+      <StackCustom>
+        <TextInputCustom label="Nama" value="Nama" required />
+        <TextInputCustom label="Email" value="Email" required />
+        <TextInputCustom label="Alamat" value="Alamat" required />
+        
+      </StackCustom>
+    </ViewWrapper>
+  );
+}
diff --git a/app/(application)/profile/_layout.tsx b/app/(application)/profile/_layout.tsx
index 3271635..eda4d6d 100644
--- a/app/(application)/profile/_layout.tsx
+++ b/app/(application)/profile/_layout.tsx
@@ -1,7 +1,6 @@
-import { MainColor } from "@/constants/color-palet";
+import { BackButton } from "@/components";
 import { GStyles } from "@/styles/global-styles";
-import { Ionicons } from "@expo/vector-icons";
-import { router, Stack } from "expo-router";
+import { Stack } from "expo-router";
 
 export default function ProfileLayout() {
   return (
@@ -12,14 +11,7 @@ export default function ProfileLayout() {
           headerTitleStyle: GStyles.headerTitleStyle,
           headerTitleAlign: "center",
           headerBackButtonDisplayMode: "minimal",
-          headerLeft: () => (
-            <Ionicons
-              name="arrow-back"
-              size={20}
-              color={MainColor.yellow}
-              onPress={() => router.back()}
-            />
-          ),
+          headerLeft: () => <BackButton />,
         }}
       >
         {/* <Stack.Screen name="[id]/index" options={{ headerShown: false }} /> */}
diff --git a/components/Stack/StackCustom.tsx b/components/Stack/StackCustom.tsx
new file mode 100644
index 0000000..85398d0
--- /dev/null
+++ b/components/Stack/StackCustom.tsx
@@ -0,0 +1,66 @@
+// components/Stack.tsx
+
+import React from "react";
+import { View, ViewStyle, StyleSheet } from "react-native";
+
+import { AlignType, GapSizeType, JustifyType } from "@/components/Stack/stack-types";
+
+interface StackProps {
+  children: React.ReactNode;
+  align?: AlignType;
+  justify?: JustifyType;
+  gap?: GapSizeType;
+  direction?: "row" | "column";
+  style?: ViewStyle | ViewStyle[];
+}
+
+const StackCustom: React.FC<StackProps> = ({
+  children,
+  align = "stretch",
+  justify = "flex-start",
+  gap = "md",
+  direction = "column",
+  style,
+}) => {
+  const spacing = convertToSpacing(gap);
+
+  return (
+    <View
+      style={[
+        // styles.stack,
+        {
+          flexDirection: direction,
+          alignItems: align,
+          justifyContent: justify,
+          gap: spacing,
+        },
+        style,
+      ]}
+    >
+      {children}
+    </View>
+  );
+};
+
+// Fungsi untuk mengubah nilai gap ke dalam ukuran pixel
+const convertToSpacing = (value: GapSizeType): number => {
+  if (typeof value === "number") return value;
+
+  const sizes: Record<string, number> = {
+    xs: 4,
+    sm: 8,
+    md: 16,
+    lg: 24,
+    xl: 32,
+  };
+
+  return sizes[value] || 16; // default md
+};
+
+const styles = StyleSheet.create({
+  stack: {
+    flex: 1,
+  },
+});
+
+export default StackCustom;
diff --git a/components/Stack/index.ts b/components/Stack/index.ts
new file mode 100644
index 0000000..de28ada
--- /dev/null
+++ b/components/Stack/index.ts
@@ -0,0 +1,3 @@
+import StackCustom from "./StackCustom";
+
+export { StackCustom };
diff --git a/components/Stack/stack-types.ts b/components/Stack/stack-types.ts
new file mode 100644
index 0000000..408a451
--- /dev/null
+++ b/components/Stack/stack-types.ts
@@ -0,0 +1,19 @@
+// types/stack.types.ts
+
+export type AlignType =
+  | "stretch"
+  | "flex-start"
+  | "center"
+  | "flex-end"
+  | "baseline";
+
+export type JustifyType =
+  | "flex-start"
+  | "center"
+  | "flex-end"
+  | "space-between"
+  | "space-around"
+  | "space-evenly";
+
+export type GapSizeType = "xs" | "sm" | "md" | "lg" | "xl" | number;
+// | string;
diff --git a/components/TextInput/index.ts b/components/TextInput/index.ts
new file mode 100644
index 0000000..9188ebc
--- /dev/null
+++ b/components/TextInput/index.ts
@@ -0,0 +1,3 @@
+import { TextInputCustom } from "./TextInputCustom";
+
+export { TextInputCustom };
diff --git a/screens/Authentication/LoginView.tsx b/screens/Authentication/LoginView.tsx
index a7588cd..d04063e 100644
--- a/screens/Authentication/LoginView.tsx
+++ b/screens/Authentication/LoginView.tsx
@@ -8,7 +8,6 @@ import { useState } from "react";
 import { Text, View } from "react-native";
 import PhoneInput, { ICountry } from "react-native-international-phone-number";
 
-
 export default function LoginView() {
   const [selectedCountry, setSelectedCountry] = useState<null | ICountry>(null);
   const [inputValue, setInputValue] = useState<string>("");
@@ -25,9 +24,10 @@ export default function LoginView() {
     const callingCode = selectedCountry?.callingCode.replace(/^\+/, "") || "";
     const fixNumber = callingCode + inputValue;
     console.log(fixNumber);
-    // router.navigate("/(application)/profile/1");
-    router.navigate("/(application)/home");
+    const id = fixNumber.replace(/\D/g, "");
 
+    router.navigate(`/(application)/profile/${id}`);
+    // router.navigate("/(application)/home");
   }
 
   return (

From 7b58e3315fc8dbd0720b903e36674e2d8e98a359 Mon Sep 17 00:00:00 2001
From: Bagasbanuna02 <bagasbanuna02@gmail.com>
Date: Thu, 3 Jul 2025 16:35:39 +0800
Subject: [PATCH 20/64] feature deskripsi: - tampilan edit profile - resourcing
 stack - fix text input & buttom

---
 app/(application)/profile/[id]/edit.tsx    | 63 +++++++++++++++++++---
 components/Button/ButtonCustom.tsx         |  9 ++--
 components/Stack/index.ts                  |  3 --
 components/Text/TextCustom.tsx             |  2 +-
 components/_ShareComponent/ViewWrapper.tsx | 13 ++++-
 components/index.ts                        |  4 ++
 constants/constans-value.ts                |  2 +
 styles/global-styles.ts                    | 20 +++++++
 8 files changed, 99 insertions(+), 17 deletions(-)
 delete mode 100644 components/Stack/index.ts

diff --git a/app/(application)/profile/[id]/edit.tsx b/app/(application)/profile/[id]/edit.tsx
index cdfe797..d4d3ef4 100644
--- a/app/(application)/profile/[id]/edit.tsx
+++ b/app/(application)/profile/[id]/edit.tsx
@@ -1,17 +1,64 @@
 /* eslint-disable @typescript-eslint/no-unused-vars */
-import { TextInputCustom, ViewWrapper } from "@/components";
-import { StackCustom } from "@/components/Stack";
+import {
+  ButtonCustom,
+  StackCustom,
+  TextCustom,
+  TextInputCustom,
+  ViewWrapper,
+} from "@/components";
 import { useLocalSearchParams } from "expo-router";
+import { useState } from "react";
+import { Text } from "react-native";
 
 export default function ProfileEdit() {
   const { id } = useLocalSearchParams();
+
+  const [nama, setNama] = useState("Bagas Banuna");
+  const [email, setEmail] = useState("bagasbanuna@gmail.com");
+  const [alamat, setAlamat] = useState("Bandar Lampung");
+
   return (
-    <ViewWrapper>
-      <StackCustom>
-        <TextInputCustom label="Nama" value="Nama" required />
-        <TextInputCustom label="Email" value="Email" required />
-        <TextInputCustom label="Alamat" value="Alamat" required />
-        
+    <ViewWrapper
+      bottomBarComponent={
+        <ButtonCustom
+          radius={30}
+          disabled={!nama || !email || !alamat}
+          onPress={() => {
+            console.log("data >>", nama, email, alamat);
+          }}
+        >
+          Simpan
+        </ButtonCustom>
+      }
+    >
+      <StackCustom gap={"xs"}>
+        <TextInputCustom
+          label="Nama"
+          placeholder="Nama"
+          value={nama}
+          onChangeText={(text) => {
+            setNama(text);
+          }}
+          required
+        />
+        <TextInputCustom
+          label="Email"
+          placeholder="Email"
+          value={email}
+          onChangeText={(text) => {
+            setEmail(text);
+          }}
+          required
+        />
+        <TextInputCustom
+          label="Alamat"
+          placeholder="Alamat"
+          value={alamat}
+          onChangeText={(text) => {
+            setAlamat(text);
+          }}
+          required
+        />
       </StackCustom>
     </ViewWrapper>
   );
diff --git a/components/Button/ButtonCustom.tsx b/components/Button/ButtonCustom.tsx
index fc36720..bdfc553 100644
--- a/components/Button/ButtonCustom.tsx
+++ b/components/Button/ButtonCustom.tsx
@@ -3,11 +3,13 @@
 import React from "react";
 import { Text, TouchableOpacity } from "react-native";
 import buttonStyles from "./buttonCustomStyles";
+import { RADIUS_BUTTON } from "@/constants/constans-value";
 
 // Definisi props dengan TypeScript
 
 interface ButtonProps {
-  onPress: () => void;
+  children?: React.ReactNode;
+  onPress?: () => void;
   title?: string;
   backgroundColor?: string;
   textColor?: string;
@@ -28,6 +30,7 @@ interface ButtonProps {
  * @example iconLeft={<Icon name="arrow-right" size={20} color={MainColor.black}/>
  */
 const ButtonCustom: React.FC<ButtonProps> = ({
+  children,
   onPress,
   title = "Button",
   backgroundColor = "#007AFF",
@@ -39,7 +42,7 @@ const ButtonCustom: React.FC<ButtonProps> = ({
   const styles = buttonStyles({
     backgroundColor,
     textColor,
-    borderRadius: radius,
+    borderRadius: RADIUS_BUTTON || radius,
   });
 
   return (
@@ -51,7 +54,7 @@ const ButtonCustom: React.FC<ButtonProps> = ({
     >
       {/* Render icon jika tersedia */}
       {iconLeft && iconLeft}
-      <Text style={styles.buttonText}>{title}</Text>
+      <Text style={styles.buttonText}>{children}</Text>
     </TouchableOpacity>
   );
 };
diff --git a/components/Stack/index.ts b/components/Stack/index.ts
deleted file mode 100644
index de28ada..0000000
--- a/components/Stack/index.ts
+++ /dev/null
@@ -1,3 +0,0 @@
-import StackCustom from "./StackCustom";
-
-export { StackCustom };
diff --git a/components/Text/TextCustom.tsx b/components/Text/TextCustom.tsx
index 7b0c496..47ac145 100644
--- a/components/Text/TextCustom.tsx
+++ b/components/Text/TextCustom.tsx
@@ -11,7 +11,7 @@ import { Text as RNText, StyleProp, StyleSheet, TextStyle } from "react-native";
 type TextAlign = "left" | "center" | "right";
 
 interface TextCustomProps {
-  children: string;
+  children: string | React.ReactNode;
   style?: StyleProp<TextStyle>;
   bold?: boolean;
   semiBold?: boolean;
diff --git a/components/_ShareComponent/ViewWrapper.tsx b/components/_ShareComponent/ViewWrapper.tsx
index 3f7ced4..a85dd27 100644
--- a/components/_ShareComponent/ViewWrapper.tsx
+++ b/components/_ShareComponent/ViewWrapper.tsx
@@ -7,12 +7,14 @@ interface ViewWrapperProps {
   children: React.ReactNode;
   withBackground?: boolean;
   tabBarComponent?: React.ReactNode;
+  bottomBarComponent?: React.ReactNode;
 }
 
 const ViewWrapper = ({
   children,
   withBackground = false,
   tabBarComponent,
+  bottomBarComponent,
 }: ViewWrapperProps) => {
   const assetBackground = require("../../assets/images/main-background.png");
 
@@ -42,10 +44,17 @@ const ViewWrapper = ({
             <View style={GStyles.container}>{children}</View>
           )}
         </ScrollView>
-        {tabBarComponent}
+        {tabBarComponent ? tabBarComponent : null}
+        {bottomBarComponent ? (
+          <View style={GStyles.bottomBar}>
+            <View style={GStyles.bottomBarContainer}>
+              {bottomBarComponent}
+            </View>
+          </View>
+        ) : null}
       </SafeAreaView>
     </>
-    
+
     // <SafeAreaProvider>
     //   <SafeAreaView
     //     edges={[
diff --git a/components/index.ts b/components/index.ts
index 97fca5e..15e96aa 100644
--- a/components/index.ts
+++ b/components/index.ts
@@ -19,6 +19,8 @@ import Grid from "./Grid/GridCustom";
 import BaseBox from "./Box/BaseBox";
 // Avatar
 import AvatarCustom from "./Avatar/AvatarCustom"
+// Stack
+import StackCustom from "./Stack/StackCustom";
 
 export {
   AlertCustom,
@@ -41,4 +43,6 @@ export {
   BaseBox,
   // Avatar
   AvatarCustom,
+  // Stack
+  StackCustom,
 };
diff --git a/constants/constans-value.ts b/constants/constans-value.ts
index 166a20d..3a6e50c 100644
--- a/constants/constans-value.ts
+++ b/constants/constans-value.ts
@@ -5,6 +5,7 @@ export {
   ICON_SIZE_SMALL,
   ICON_SIZE_MEDIUM,
   DRAWER_HEIGHT,
+  RADIUS_BUTTON,
 };
 
 const TEXT_SIZE_SMALL = 12;
@@ -13,3 +14,4 @@ const TEXT_SIZE_LARGE = 16;
 const ICON_SIZE_SMALL = 20;
 const ICON_SIZE_MEDIUM = 24;
 const DRAWER_HEIGHT = 500; // tinggi drawer5
+const RADIUS_BUTTON = 50
\ No newline at end of file
diff --git a/styles/global-styles.ts b/styles/global-styles.ts
index b31836b..85a7534 100644
--- a/styles/global-styles.ts
+++ b/styles/global-styles.ts
@@ -135,4 +135,24 @@ export const GStyles = StyleSheet.create({
     backgroundColor: "#007AFF",
   },
   // =============== TAB =============== //
+
+  // =============== BOTTOM BAR =============== //
+  bottomBar: {
+    backgroundColor: MainColor.darkblue,
+    borderTopColor: AccentColor.blue,
+    borderTopWidth: 1,
+    // shadowColor: AccentColor.blue,
+    // shadowOffset: {
+    //   width: 0,
+    //   height: -1,
+    // },
+    // shadowOpacity: 0.9,
+    // shadowRadius: 5,
+    // elevation: 5,
+  },
+  bottomBarContainer: {
+    paddingHorizontal: 15,
+    paddingVertical: 10,
+  },
+  // =============== BOTTOM BAR =============== //
 });

From f5cf9e15499ac1c0268c856cfa4befca4bb345b6 Mon Sep 17 00:00:00 2001
From: Bagasbanuna02 <bagasbanuna02@gmail.com>
Date: Thu, 3 Jul 2025 17:05:53 +0800
Subject: [PATCH 21/64]  fix component - buttom radius valuenya constans -
 perbaikan bottom pada auth file

---
 app/(application)/profile/[id]/edit.tsx     |  5 +--
 components/Button/ButtonCustom.tsx          | 35 ++++++++++-----------
 constants/radius-value.ts                   | 10 ++++++
 screens/Authentication/LoginView.tsx        | 17 +++++-----
 screens/Authentication/RegisterView.tsx     | 24 +++++++-------
 screens/Authentication/VerificationView.tsx | 12 ++++---
 6 files changed, 57 insertions(+), 46 deletions(-)
 create mode 100644 constants/radius-value.ts

diff --git a/app/(application)/profile/[id]/edit.tsx b/app/(application)/profile/[id]/edit.tsx
index d4d3ef4..ba39981 100644
--- a/app/(application)/profile/[id]/edit.tsx
+++ b/app/(application)/profile/[id]/edit.tsx
@@ -6,7 +6,8 @@ import {
   TextInputCustom,
   ViewWrapper,
 } from "@/components";
-import { useLocalSearchParams } from "expo-router";
+import { MainColor } from "@/constants/color-palet";
+import { router, useLocalSearchParams } from "expo-router";
 import { useState } from "react";
 import { Text } from "react-native";
 
@@ -21,10 +22,10 @@ export default function ProfileEdit() {
     <ViewWrapper
       bottomBarComponent={
         <ButtonCustom
-          radius={30}
           disabled={!nama || !email || !alamat}
           onPress={() => {
             console.log("data >>", nama, email, alamat);
+            // router.back();
           }}
         >
           Simpan
diff --git a/components/Button/ButtonCustom.tsx b/components/Button/ButtonCustom.tsx
index bdfc553..f6cd71a 100644
--- a/components/Button/ButtonCustom.tsx
+++ b/components/Button/ButtonCustom.tsx
@@ -3,9 +3,14 @@
 import React from "react";
 import { Text, TouchableOpacity } from "react-native";
 import buttonStyles from "./buttonCustomStyles";
-import { RADIUS_BUTTON } from "@/constants/constans-value";
+import { radiusMap } from "@/constants/radius-value";
+import { MainColor } from "@/constants/color-palet";
 
-// Definisi props dengan TypeScript
+// Import radiusMap
+
+
+// Definisi type untuk radius
+type RadiusType = keyof typeof radiusMap | number;
 
 interface ButtonProps {
   children?: React.ReactNode;
@@ -13,36 +18,28 @@ interface ButtonProps {
   title?: string;
   backgroundColor?: string;
   textColor?: string;
-  radius?: number;
+  radius?: RadiusType; // ← bisa string enum atau number
   disabled?: boolean;
   iconLeft?: React.ReactNode;
 }
 
-/**
- * Props untuk ButtonCustom
- * @param onPress: () => void
- * @param title?: string
- * @param backgroundColor?: string
- * @param textColor?: string
- * @param radius?: number
- * @param disabled?: boolean
- * @param iconLeft?: React.ReactNode
- * @example iconLeft={<Icon name="arrow-right" size={20} color={MainColor.black}/>
- */
 const ButtonCustom: React.FC<ButtonProps> = ({
   children,
   onPress,
   title = "Button",
-  backgroundColor = "#007AFF",
-  textColor = "#FFFFFF",
-  radius = 8,
+  backgroundColor = MainColor.yellow,
+  textColor = MainColor.black,
+  radius = "full", // default md
   disabled = false,
   iconLeft,
 }) => {
+  const borderRadius =
+    typeof radius === "number" ? radius : radiusMap[radius ?? "md"]; // fallback ke 'md'
+
   const styles = buttonStyles({
     backgroundColor,
     textColor,
-    borderRadius: RADIUS_BUTTON || radius,
+    borderRadius,
   });
 
   return (
@@ -54,7 +51,7 @@ const ButtonCustom: React.FC<ButtonProps> = ({
     >
       {/* Render icon jika tersedia */}
       {iconLeft && iconLeft}
-      <Text style={styles.buttonText}>{children}</Text>
+      <Text style={styles.buttonText}>{children || title}</Text>
     </TouchableOpacity>
   );
 };
diff --git a/constants/radius-value.ts b/constants/radius-value.ts
new file mode 100644
index 0000000..b8925f4
--- /dev/null
+++ b/constants/radius-value.ts
@@ -0,0 +1,10 @@
+// constants/radius.ts
+
+export const radiusMap = {
+  xs: 2,
+  sm: 4,
+  md: 6,
+  lg: 8,
+  xl: 12,
+  full: 100,
+} as const;
diff --git a/screens/Authentication/LoginView.tsx b/screens/Authentication/LoginView.tsx
index d04063e..256676d 100644
--- a/screens/Authentication/LoginView.tsx
+++ b/screens/Authentication/LoginView.tsx
@@ -23,8 +23,13 @@ export default function LoginView() {
   function handleLogin() {
     const callingCode = selectedCountry?.callingCode.replace(/^\+/, "") || "";
     const fixNumber = callingCode + inputValue;
-    console.log(fixNumber);
-    const id = fixNumber.replace(/\D/g, "");
+    // console.log("fixNumber", fixNumber); 
+    // router.navigate("/verification");
+
+    const randomAlfabet = Math.random().toString(36).substring(2, 8);
+    const randomNumber = Math.floor(Math.random() * 1000000);
+    const id = randomAlfabet + randomNumber + fixNumber;
+    console.log("user id :", id);
 
     router.navigate(`/(application)/profile/${id}`);
     // router.navigate("/(application)/home");
@@ -67,13 +72,7 @@ export default function LoginView() {
 
         <Spacing height={20} />
 
-        <ButtonCustom
-          title="Login"
-          backgroundColor={MainColor.yellow}
-          textColor={MainColor.black}
-          radius={10}
-          onPress={handleLogin}
-        />
+        <ButtonCustom onPress={handleLogin}>Login</ButtonCustom>
       </View>
     </ViewWrapper>
   );
diff --git a/screens/Authentication/RegisterView.tsx b/screens/Authentication/RegisterView.tsx
index d8e1d01..af10e51 100644
--- a/screens/Authentication/RegisterView.tsx
+++ b/screens/Authentication/RegisterView.tsx
@@ -7,8 +7,14 @@ import { GStyles } from "@/styles/global-styles";
 import { MaterialCommunityIcons } from "@expo/vector-icons";
 import { router } from "expo-router";
 import { Text, View } from "react-native";
+import { useState } from "react";
 
 export default function RegisterView() {
+  const [username, setUsername] = useState("Bagas Banuna");
+  const handleRegister = () => {
+    console.log("Success register", username);
+    router.push("/(application)/home");
+  };
   return (
     <>
       <ViewWrapper withBackground>
@@ -30,24 +36,18 @@ export default function RegisterView() {
               <Text style={GStyles.textLabel}>+6282xxxxxxxxx</Text>
               <Spacing />
             </View>
-            <TextInputCustom placeholder="Masukkan username" />
-
-            <ButtonCustom
-              title="Daftar"
-              backgroundColor={MainColor.yellow}
-              textColor={MainColor.black}
-              radius={10}
-              onPress={() => (
-                console.log("Success register"),
-                router.push("/(application)/home")
-              )}
+            <TextInputCustom
+              placeholder="Masukkan username"
+              value={username}
+              onChangeText={(text) => setUsername(text)}
             />
+
+            <ButtonCustom onPress={handleRegister}>Daftar</ButtonCustom>
             {/* <Spacing />
             <ButtonCustom
               title="Coba"
               backgroundColor={MainColor.yellow}
               textColor={MainColor.black}
-              radius={10}
               onPress={() => {
                 console.log("Home clicked");
                 router.push("/(application)/coba");
diff --git a/screens/Authentication/VerificationView.tsx b/screens/Authentication/VerificationView.tsx
index d26621f..6a1aaa1 100644
--- a/screens/Authentication/VerificationView.tsx
+++ b/screens/Authentication/VerificationView.tsx
@@ -8,6 +8,10 @@ import { Text, View } from "react-native";
 import { OtpInput } from "react-native-otp-entry";
 
 export default function VerificationView() {
+  const handleVerification = () => {
+    console.log("Verification clicked");
+    router.push("/register");
+  };
   return (
     <>
       <ViewWrapper withBackground>
@@ -48,12 +52,12 @@ export default function VerificationView() {
           </View>
 
           <ButtonCustom
-            title="Verifikasi"
             backgroundColor={MainColor.yellow}
             textColor={MainColor.black}
-            radius={10}
-            onPress={() => router.push("/register")}
-          />
+            onPress={() => handleVerification()}
+          >
+            Verifikasi
+          </ButtonCustom>
         </View>
       </ViewWrapper>
     </>

From 17e6208aaee3bc212560c717208e9cdde09c4788 Mon Sep 17 00:00:00 2001
From: Bagasbanuna02 <bagasbanuna02@gmail.com>
Date: Thu, 3 Jul 2025 17:43:52 +0800
Subject: [PATCH 22/64] feature deskripsi: - new component select - fix styles
 login dan verifikasi

---
 app/(application)/profile/[id]/edit.tsx     |  47 +++++++-
 components/Drawer/DrawerCustom.tsx          |   6 +
 components/Select/SelectCustom.tsx          | 123 ++++++++++++++++++++
 components/TextInput/textInputStyles.ts     |   2 +-
 components/index.ts                         |   4 +
 constants/color-palet.ts                    |   3 +-
 screens/Authentication/LoginView.tsx        |  10 +-
 screens/Authentication/VerificationView.tsx |   2 +-
 8 files changed, 186 insertions(+), 11 deletions(-)
 create mode 100644 components/Select/SelectCustom.tsx

diff --git a/app/(application)/profile/[id]/edit.tsx b/app/(application)/profile/[id]/edit.tsx
index ba39981..b799b81 100644
--- a/app/(application)/profile/[id]/edit.tsx
+++ b/app/(application)/profile/[id]/edit.tsx
@@ -1,6 +1,7 @@
 /* eslint-disable @typescript-eslint/no-unused-vars */
 import {
   ButtonCustom,
+  SelectCustom,
   StackCustom,
   TextCustom,
   TextInputCustom,
@@ -9,7 +10,7 @@ import {
 import { MainColor } from "@/constants/color-palet";
 import { router, useLocalSearchParams } from "expo-router";
 import { useState } from "react";
-import { Text } from "react-native";
+import { StyleSheet, Text } from "react-native";
 
 export default function ProfileEdit() {
   const { id } = useLocalSearchParams();
@@ -18,14 +19,28 @@ export default function ProfileEdit() {
   const [email, setEmail] = useState("bagasbanuna@gmail.com");
   const [alamat, setAlamat] = useState("Bandar Lampung");
 
+  const [selectedValue, setSelectedValue] = useState<string | number>("");
+
+  const options = [
+    { label: "React", value: "react" },
+    { label: "Vue", value: "vue" },
+    { label: "Angular", value: "angular" },
+    { label: "Svelte", value: "svelte" },
+    { label: "Next.js", value: "nextjs" },
+    { label: "Nuxt.js", value: "nuxtjs" },
+    { label: "Remix", value: "remix" },
+    { label: "Sapper", value: "sapper" },
+    { label: "SvelteKit", value: "sveltekit" },
+  ];
+
   return (
     <ViewWrapper
       bottomBarComponent={
         <ButtonCustom
-          disabled={!nama || !email || !alamat}
+          disabled={!nama || !email || !alamat || !selectedValue}
           onPress={() => {
-            console.log("data >>", nama, email, alamat);
-            // router.back();
+            console.log("data >>", nama, email, alamat, selectedValue);
+            router.back();
           }}
         >
           Simpan
@@ -33,6 +48,17 @@ export default function ProfileEdit() {
       }
     >
       <StackCustom gap={"xs"}>
+        <SelectCustom
+          label="Framework"
+          placeholder="Pilih framework favoritmu"
+          data={options}
+          value={selectedValue}
+          onChange={setSelectedValue}
+        />
+        {/* {selectedValue && (
+        <Text style={styles.result}>Terpilih: {selectedValue}</Text>
+      )} */}
+
         <TextInputCustom
           label="Nama"
           placeholder="Nama"
@@ -64,3 +90,16 @@ export default function ProfileEdit() {
     </ViewWrapper>
   );
 }
+
+const styles = StyleSheet.create({
+  container: {
+    flex: 1,
+    justifyContent: "center",
+    padding: 20,
+  },
+  result: {
+    marginTop: 20,
+    fontSize: 16,
+    fontWeight: "bold",
+  },
+});
diff --git a/components/Drawer/DrawerCustom.tsx b/components/Drawer/DrawerCustom.tsx
index 937bc4a..da387f0 100644
--- a/components/Drawer/DrawerCustom.tsx
+++ b/components/Drawer/DrawerCustom.tsx
@@ -19,6 +19,12 @@ interface DrawerCustomProps {
   //   openLogoutAlert: () => void;
 }
 
+
+/**
+ * 
+ * @param drawerAnim 
+ * @example   const drawerAnim = useRef(new Animated.Value(DRAWER_HEIGHT)).current; // mulai di luar bawah layar
+ */
 export default function DrawerCustom({
   children,
   height,
diff --git a/components/Select/SelectCustom.tsx b/components/Select/SelectCustom.tsx
new file mode 100644
index 0000000..8ca8a33
--- /dev/null
+++ b/components/Select/SelectCustom.tsx
@@ -0,0 +1,123 @@
+// components/Select.tsx
+import { MainColor } from "@/constants/color-palet";
+import { TEXT_SIZE_MEDIUM } from "@/constants/constans-value";
+import React, { useState } from "react";
+import {
+  View,
+  Text,
+  Pressable,
+  Modal,
+  FlatList,
+  StyleSheet,
+  TouchableOpacity,
+} from "react-native";
+
+type SelectItem = {
+  label: string;
+  value: string | number;
+};
+
+type SelectProps = {
+  label?: string;
+  placeholder?: string;
+  data: SelectItem[];
+  value?: string | number | null;
+  onChange: (value: string | number) => void;
+};
+
+const SelectCustom: React.FC<SelectProps> = ({
+  label,
+  placeholder = "Pilih opsi",
+  data,
+  value,
+  onChange,
+}) => {
+  const [modalVisible, setModalVisible] = useState(false);
+
+  const selectedItem = data.find((item) => item.value === value);
+
+  return (
+    <View style={styles.container}>
+      {label && <Text style={styles.label}>{label}</Text>}
+      <Pressable style={styles.input} onPress={() => setModalVisible(true)}>
+        <Text style={selectedItem ? styles.text : styles.placeholder}>
+          {selectedItem?.label || placeholder}
+        </Text>
+      </Pressable>
+
+      <Modal visible={modalVisible} transparent animationType="fade">
+        <TouchableOpacity
+          style={styles.modalOverlay}
+          activeOpacity={1}
+          onPressOut={() => setModalVisible(false)}
+        >
+          <View style={styles.modalContent}>
+            <FlatList
+              data={data}
+              keyExtractor={(item) => String(item.value)}
+              renderItem={({ item }) => (
+                <TouchableOpacity
+                  style={styles.option}
+                  onPress={() => {
+                    onChange(item.value);
+                    setModalVisible(false);
+                  }}
+                >
+                  <Text>{item.label}</Text>
+                </TouchableOpacity>
+              )}
+            />
+          </View>
+        </TouchableOpacity>
+      </Modal>
+    </View>
+  );
+};
+
+export default SelectCustom;
+
+const styles = StyleSheet.create({
+  container: {
+    marginBottom: 16,
+  },
+  label: {
+    fontSize: TEXT_SIZE_MEDIUM,
+    marginBottom: 4,
+    color: MainColor.white,
+    fontWeight: "500",
+  },
+  input: {
+    borderWidth: 1,
+    borderColor: "#ccc",
+    padding: 12,
+    borderRadius: 8,
+    minHeight: 48,
+    justifyContent: "center",
+    backgroundColor: MainColor.white,
+  },
+  text: {
+    fontSize: TEXT_SIZE_MEDIUM,
+  },
+  placeholder: {
+    fontSize: TEXT_SIZE_MEDIUM,
+    color: MainColor.placeholder,
+  },
+  modalOverlay: {
+    flex: 1,
+    backgroundColor: "rgba(0,0,0,0.3)",
+    justifyContent: "center",
+    alignItems: "center",
+  },
+  modalContent: {
+    width: "80%",
+    maxHeight: 300,
+    backgroundColor: "white",
+    borderRadius: 8,
+    overflow: "hidden",
+  },
+  option: {
+    padding: 16,
+    borderBottomWidth: 1,
+    borderBottomColor: "#eee",
+  },
+});
diff --git a/components/TextInput/textInputStyles.ts b/components/TextInput/textInputStyles.ts
index 09747dc..f285094 100644
--- a/components/TextInput/textInputStyles.ts
+++ b/components/TextInput/textInputStyles.ts
@@ -34,7 +34,7 @@ export const textInputStyles = StyleSheet.create({
     alignItems: "center",
     borderWidth: 1,
     borderColor: AccentColor.white,
-    backgroundColor: MainColor.login,
+    backgroundColor: MainColor.white,
     paddingHorizontal: 12,
     height: 50,
   },
diff --git a/components/index.ts b/components/index.ts
index 15e96aa..8fb4ec2 100644
--- a/components/index.ts
+++ b/components/index.ts
@@ -21,6 +21,8 @@ import BaseBox from "./Box/BaseBox";
 import AvatarCustom from "./Avatar/AvatarCustom"
 // Stack
 import StackCustom from "./Stack/StackCustom";
+// Select
+import SelectCustom from "./Select/SelectCustom";
 
 export {
   AlertCustom,
@@ -45,4 +47,6 @@ export {
   AvatarCustom,
   // Stack
   StackCustom,
+  // Select
+  SelectCustom,
 };
diff --git a/constants/color-palet.ts b/constants/color-palet.ts
index 9464ebd..114e16b 100644
--- a/constants/color-palet.ts
+++ b/constants/color-palet.ts
@@ -7,7 +7,8 @@ export const MainColor = {
   red: "#FF4B4C",
   orange: "#FF7043",
   green: "#4CAF4F",
-  login: "#EDEBEBFF",
+  text_input: "#EDEBEBFF",
+  placeholder: "#999",
   disabled: "#606360",
 };
 
diff --git a/screens/Authentication/LoginView.tsx b/screens/Authentication/LoginView.tsx
index 256676d..265ada6 100644
--- a/screens/Authentication/LoginView.tsx
+++ b/screens/Authentication/LoginView.tsx
@@ -24,15 +24,17 @@ export default function LoginView() {
     const callingCode = selectedCountry?.callingCode.replace(/^\+/, "") || "";
     const fixNumber = callingCode + inputValue;
     // console.log("fixNumber", fixNumber); 
-    // router.navigate("/verification");
-
+    
     const randomAlfabet = Math.random().toString(36).substring(2, 8);
     const randomNumber = Math.floor(Math.random() * 1000000);
     const id = randomAlfabet + randomNumber + fixNumber;
     console.log("user id :", id);
-
-    router.navigate(`/(application)/profile/${id}`);
+    
+    router.navigate("/verification");
+    // router.navigate(`/(application)/profile/${id}`);
     // router.navigate("/(application)/home");
+    // router.navigate(`/(application)/profile/${id}/edit`);
+
   }
 
   return (
diff --git a/screens/Authentication/VerificationView.tsx b/screens/Authentication/VerificationView.tsx
index 6a1aaa1..d3e20b8 100644
--- a/screens/Authentication/VerificationView.tsx
+++ b/screens/Authentication/VerificationView.tsx
@@ -29,7 +29,7 @@ export default function VerificationView() {
                 numberOfDigits={4}
                 theme={{
                   pinCodeContainerStyle: {
-                    backgroundColor: MainColor.login,
+                    backgroundColor: MainColor.text_input,
                     borderRadius: 10,
                     borderWidth: 1,
                     borderColor: MainColor.yellow,

From b54693caa79786c0a755e2cc1de255c666097bc6 Mon Sep 17 00:00:00 2001
From: Bagasbanuna02 <bagasbanuna02@gmail.com>
Date: Fri, 4 Jul 2025 15:36:09 +0800
Subject: [PATCH 23/64] feature deskripsi: - new component camera

---
 app.json                                      |   8 +
 app/(application)/profile/[id]/edit.tsx       |  55 ++---
 .../profile/[id]/take-picture.tsx             | 168 ++++++++++++++++
 .../profile/[id]/take-picture2.tsx            | 190 ++++++++++++++++++
 .../profile/[id]/update-background.tsx        |  50 ++++-
 .../profile/[id]/update-photo.tsx             |  40 +++-
 app/(application)/profile/_layout.tsx         |   8 +
 bun.lock                                      |   8 +
 components/Button/ButtonCustom.tsx            |   6 +-
 components/Button/ButtonUpload.tsx            |  21 ++
 components/Camera/CameraCustom.tsx            |   0
 constants/dummy-image-value.ts                |   6 +
 package.json                                  |   2 +
 styles/global-styles.ts                       |   6 +
 tsconfig.json                                 |   2 +-
 15 files changed, 528 insertions(+), 42 deletions(-)
 create mode 100644 app/(application)/profile/[id]/take-picture.tsx
 create mode 100644 app/(application)/profile/[id]/take-picture2.tsx
 create mode 100644 components/Button/ButtonUpload.tsx
 create mode 100644 components/Camera/CameraCustom.tsx
 create mode 100644 constants/dummy-image-value.ts

diff --git a/app.json b/app.json
index a3e8560..3f78fc0 100644
--- a/app.json
+++ b/app.json
@@ -38,6 +38,14 @@
           "resizeMode": "contain",
           "backgroundColor": "#ffffff"
         }
+      ],
+      [
+        "expo-camera",
+        {
+          "cameraPermission": "Allow $(PRODUCT_NAME) to access your camera",
+          "microphonePermission": "Allow $(PRODUCT_NAME) to access your microphone",
+          "recordAudioAndroid": true
+        }
       ]
     ],
     "experiments": {
diff --git a/app/(application)/profile/[id]/edit.tsx b/app/(application)/profile/[id]/edit.tsx
index b799b81..c3f14a2 100644
--- a/app/(application)/profile/[id]/edit.tsx
+++ b/app/(application)/profile/[id]/edit.tsx
@@ -3,23 +3,22 @@ import {
   ButtonCustom,
   SelectCustom,
   StackCustom,
-  TextCustom,
   TextInputCustom,
   ViewWrapper,
 } from "@/components";
-import { MainColor } from "@/constants/color-palet";
 import { router, useLocalSearchParams } from "expo-router";
 import { useState } from "react";
-import { StyleSheet, Text } from "react-native";
+import { StyleSheet } from "react-native";
 
 export default function ProfileEdit() {
   const { id } = useLocalSearchParams();
 
-  const [nama, setNama] = useState("Bagas Banuna");
-  const [email, setEmail] = useState("bagasbanuna@gmail.com");
-  const [alamat, setAlamat] = useState("Bandar Lampung");
-
-  const [selectedValue, setSelectedValue] = useState<string | number>("");
+  const [data, setData] = useState({
+    nama: "Bagas Banuna",
+    email: "bagasbanuna@gmail.com",
+    alamat: "Jember",
+    selectedValue: "",
+  });
 
   const options = [
     { label: "React", value: "react" },
@@ -33,15 +32,24 @@ export default function ProfileEdit() {
     { label: "SvelteKit", value: "sveltekit" },
   ];
 
+  const handleSave = () => {
+    console.log({
+      nama: data.nama,
+      email: data.email,
+      alamat: data.alamat,
+      selectedValue: data.selectedValue,
+    });
+    router.back();
+  };
+
   return (
     <ViewWrapper
       bottomBarComponent={
         <ButtonCustom
-          disabled={!nama || !email || !alamat || !selectedValue}
-          onPress={() => {
-            console.log("data >>", nama, email, alamat, selectedValue);
-            router.back();
-          }}
+          disabled={
+            !data.nama || !data.email || !data.alamat || !data.selectedValue
+          }
+          onPress={handleSave}
         >
           Simpan
         </ButtonCustom>
@@ -52,37 +60,36 @@ export default function ProfileEdit() {
           label="Framework"
           placeholder="Pilih framework favoritmu"
           data={options}
-          value={selectedValue}
-          onChange={setSelectedValue}
+          value={data.selectedValue}
+          onChange={(value) => {
+            setData({ ...(data as any), selectedValue: value });
+          }}
         />
-        {/* {selectedValue && (
-        <Text style={styles.result}>Terpilih: {selectedValue}</Text>
-      )} */}
 
         <TextInputCustom
           label="Nama"
           placeholder="Nama"
-          value={nama}
+          value={data.nama}
           onChangeText={(text) => {
-            setNama(text);
+            setData({ ...data, nama: text });
           }}
           required
         />
         <TextInputCustom
           label="Email"
           placeholder="Email"
-          value={email}
+          value={data.email}
           onChangeText={(text) => {
-            setEmail(text);
+            setData({ ...data, email: text });
           }}
           required
         />
         <TextInputCustom
           label="Alamat"
           placeholder="Alamat"
-          value={alamat}
+          value={data.alamat}
           onChangeText={(text) => {
-            setAlamat(text);
+            setData({ ...data, alamat: text });
           }}
           required
         />
diff --git a/app/(application)/profile/[id]/take-picture.tsx b/app/(application)/profile/[id]/take-picture.tsx
new file mode 100644
index 0000000..1148230
--- /dev/null
+++ b/app/(application)/profile/[id]/take-picture.tsx
@@ -0,0 +1,168 @@
+import {
+    ButtonCustom,
+    Spacing,
+    StackCustom,
+    ViewWrapper
+} from "@/components";
+import AntDesign from "@expo/vector-icons/AntDesign";
+import FontAwesome6 from "@expo/vector-icons/FontAwesome6";
+import { CameraType, CameraView, useCameraPermissions } from "expo-camera";
+import { Image } from "expo-image";
+import * as ImagePicker from "expo-image-picker";
+import { router } from "expo-router";
+import { useRef, useState } from "react";
+import { Pressable, StyleSheet, Text, View } from "react-native";
+
+export default function TakePictureProfile() {
+  const [permission, requestPermission] = useCameraPermissions();
+  const ref = useRef<CameraView>(null);
+  const [uri, setUri] = useState<string | null>(null);
+  const [facing, setFacing] = useState<CameraType>("back");
+
+  if (!permission?.granted) {
+    return (
+      <View style={styles.container}>
+        <Text style={{ textAlign: "center" }}>
+          We need your permission to use the camera
+        </Text>
+        <Pressable onPress={requestPermission}>
+          <Text style={{ color: "blue", marginTop: 10 }}>Grant permission</Text>
+        </Pressable>
+      </View>
+    );
+  }
+
+  const takePicture = async () => {
+    const photo = await ref.current?.takePictureAsync();
+    setUri(photo?.uri || null);
+  };
+
+  const pickImage = async () => {
+    const result = await ImagePicker.launchImageLibraryAsync({
+      mediaTypes: ImagePicker.MediaTypeOptions.Images,
+      allowsEditing: true,
+      aspect: [1, 1],
+      quality: 1,
+    });
+
+    if (!result.canceled) {
+      setUri(result.assets[0].uri);
+    }
+  };
+
+  const toggleFacing = () => {
+    setFacing((prev) => (prev === "back" ? "front" : "back"));
+  };
+
+  const renderPicture = () => {
+    return (
+      <View>
+        <Image
+          source={uri ? uri : null}
+          contentFit="contain"
+          style={{ width: 340, aspectRatio: 1 }}
+        />
+        <Spacing />
+
+        <StackCustom>
+          <ButtonCustom onPress={() => setUri(null)} title="Foto ulang" />
+          <ButtonCustom
+            onPress={() => {
+              console.log("Update foto");
+              router.back();
+            }}
+            title="Update Foto"
+          />
+        </StackCustom>
+      </View>
+    );
+  };
+
+  const renderCameraUI = () => {
+    return (
+      <View style={styles.cameraOverlay}>
+        <View style={styles.shutterContainer}>
+          <Pressable onPress={toggleFacing}>
+            <FontAwesome6 name="rotate-left" size={32} color="white" />
+          </Pressable>
+
+          <Pressable onPress={takePicture}>
+            {({ pressed }) => (
+              <View
+                style={[
+                  styles.shutterBtn,
+                  {
+                    opacity: pressed ? 0.5 : 1,
+                  },
+                ]}
+              >
+                <View style={styles.shutterBtnInner} />
+              </View>
+            )}
+          </Pressable>
+
+          <Pressable onPress={pickImage}>
+            <AntDesign name="folderopen" size={32} color="white" />
+          </Pressable>
+        </View>
+      </View>
+    );
+  };
+
+  return (
+    <>
+      {uri ? (
+        <ViewWrapper>
+          <View style={styles.container}>{renderPicture()}</View>
+        </ViewWrapper>
+      ) : (
+        <>
+          <CameraView
+            style={styles.camera}
+            ref={ref}
+            facing={facing}
+            responsiveOrientationWhenOrientationLocked
+          />
+          {renderCameraUI()}
+        </>
+      )}
+    </>
+  );
+}
+
+const styles = StyleSheet.create({
+  container: {
+    justifyContent: "center",
+    alignItems: "center",
+  },
+  camera: {
+    flex: 1,
+    width: "100%",
+  },
+  cameraOverlay: {
+    ...StyleSheet.absoluteFillObject,
+    justifyContent: "flex-end",
+    padding: 44,
+  },
+  shutterContainer: {
+    flexDirection: "row",
+    justifyContent: "space-between",
+    alignItems: "center",
+  },
+  shutterBtn: {
+    backgroundColor: "transparent",
+    borderWidth: 5,
+    borderColor: "white",
+    width: 85,
+    height: 85,
+    borderRadius: 45,
+    alignItems: "center",
+    justifyContent: "center",
+  },
+  shutterBtnInner: {
+    width: 70,
+    height: 70,
+    borderRadius: 50,
+    backgroundColor: "white",
+  },
+});
diff --git a/app/(application)/profile/[id]/take-picture2.tsx b/app/(application)/profile/[id]/take-picture2.tsx
new file mode 100644
index 0000000..8483dde
--- /dev/null
+++ b/app/(application)/profile/[id]/take-picture2.tsx
@@ -0,0 +1,190 @@
+// COMPONENT : Jika ingin uoload gambar dan video gunakan component ini
+
+import {
+  ButtonCustom,
+  Spacing,
+  StackCustom,
+  ViewWrapper
+} from "@/components";
+import AntDesign from "@expo/vector-icons/AntDesign";
+import Feather from "@expo/vector-icons/Feather";
+import FontAwesome6 from "@expo/vector-icons/FontAwesome6";
+import {
+  CameraMode,
+  CameraType,
+  CameraView,
+  useCameraPermissions,
+} from "expo-camera";
+import { Image } from "expo-image";
+import { router } from "expo-router";
+import { useRef, useState } from "react";
+import { Button, Pressable, StyleSheet, Text, View } from "react-native";
+
+export default function TakePictureProfile2() {
+  const [permission, requestPermission] = useCameraPermissions();
+  const ref = useRef<CameraView>(null);
+  const [uri, setUri] = useState<string | null>(null);
+  const [mode, setMode] = useState<CameraMode>("picture");
+  const [facing, setFacing] = useState<CameraType>("back");
+  const [recording, setRecording] = useState(false);
+
+  if (!permission?.granted) {
+    return (
+      <View style={styles.container}>
+        <Text style={{ textAlign: "center" }}>
+          We need your permission to use the camera
+        </Text>
+        <Button onPress={requestPermission} title="Grant permission" />
+      </View>
+    );
+  }
+
+  const takePicture = async () => {
+    const photo = await ref.current?.takePictureAsync();
+    setUri(photo?.uri || null);
+  };
+
+  const recordVideo = async () => {
+    if (recording) {
+      setRecording(false);
+      ref.current?.stopRecording();
+      return;
+    }
+    setRecording(true);
+    const video = await ref.current?.recordAsync();
+    console.log({ video });
+  };
+
+  const toggleMode = () => {
+    setMode((prev) => (prev === "picture" ? "video" : "picture"));
+  };
+
+  const toggleFacing = () => {
+    setFacing((prev) => (prev === "back" ? "front" : "back"));
+  };
+
+  const renderPicture = () => {
+    console.log("renderPicture", uri);
+    return (
+      <View>
+        <Image
+          source={uri ? uri : null}
+          contentFit="contain"
+          style={{ width: 340, aspectRatio: 1 }}
+        />
+        <Spacing />
+
+        <StackCustom>
+          <ButtonCustom onPress={() => setUri(null)} title="Foto ulang" />
+          <ButtonCustom
+            onPress={() => {
+              console.log("Update foto");
+              router.back();
+            }}
+            title="Update Foto"
+          />
+        </StackCustom>
+      </View>
+    );
+  };
+
+  const renderCameraUI = () => {
+    return (
+      <View style={styles.cameraOverlay}>
+        <View style={styles.shutterContainer}>
+          <Pressable onPress={toggleMode}>
+            {mode === "picture" ? (
+              <AntDesign name="picture" size={32} color="white" />
+            ) : (
+              <Feather name="video" size={32} color="white" />
+            )}
+          </Pressable>
+
+          <Pressable onPress={mode === "picture" ? takePicture : recordVideo}>
+            {({ pressed }) => (
+              <View
+                style={[
+                  styles.shutterBtn,
+                  {
+                    opacity: pressed ? 0.5 : 1,
+                  },
+                ]}
+              >
+                <View
+                  style={[
+                    styles.shutterBtnInner,
+                    {
+                      backgroundColor: mode === "picture" ? "white" : "red",
+                    },
+                  ]}
+                />
+              </View>
+            )}
+          </Pressable>
+
+          <Pressable onPress={toggleFacing}>
+            <FontAwesome6 name="rotate-left" size={32} color="white" />
+          </Pressable>
+        </View>
+      </View>
+    );
+  };
+
+  return (
+    <>
+      {uri ? (
+        <ViewWrapper>
+          <View style={styles.container}>{renderPicture()}</View>
+        </ViewWrapper>
+      ) : (
+        <>
+          <CameraView
+            style={styles.camera}
+            ref={ref}
+            mode={mode}
+            facing={facing}
+            mute={false}
+            responsiveOrientationWhenOrientationLocked
+          />
+          {renderCameraUI()}
+        </>
+      )}
+    </>
+  );
+}
+
+const styles = StyleSheet.create({
+  container: {
+    justifyContent: "center",
+    alignItems: "center",
+  },
+  camera: {
+    flex: 1,
+    width: "100%",
+  },
+  cameraOverlay: {
+    ...StyleSheet.absoluteFillObject,
+    justifyContent: "flex-end",
+    padding: 44,
+  },
+  shutterContainer: {
+    flexDirection: "row",
+    justifyContent: "space-between",
+    alignItems: "center",
+  },
+  shutterBtn: {
+    backgroundColor: "transparent",
+    borderWidth: 5,
+    borderColor: "white",
+    width: 85,
+    height: 85,
+    borderRadius: 45,
+    alignItems: "center",
+    justifyContent: "center",
+  },
+  shutterBtnInner: {
+    width: 70,
+    height: 70,
+    borderRadius: 50,
+  },
+});
diff --git a/app/(application)/profile/[id]/update-background.tsx b/app/(application)/profile/[id]/update-background.tsx
index cab1900..6cc046c 100644
--- a/app/(application)/profile/[id]/update-background.tsx
+++ b/app/(application)/profile/[id]/update-background.tsx
@@ -1,11 +1,41 @@
-import { Text, View } from "react-native";
-import { useLocalSearchParams } from "expo-router";
+/* eslint-disable @typescript-eslint/no-unused-vars */
+import { BaseBox, ButtonCustom } from "@/components";
+import ViewWrapper from "@/components/_ShareComponent/ViewWrapper";
+import ButtonUpload from "@/components/Button/ButtonUpload";
+import DUMMY_IMAGE from "@/constants/dummy-image-value";
+import { router, useLocalSearchParams } from "expo-router";
+import { Image } from "react-native";
 
-export default function UpdatePhotoBackground() {
-    const { id } = useLocalSearchParams();
-    return (
-        <View>
-            <Text>Update Photo Background {id}</Text>
-        </View>
-    )
-}
\ No newline at end of file
+export default function UpdateBackgroundProfile() {
+  const { id } = useLocalSearchParams();
+  return (
+    <ViewWrapper
+      bottomBarComponent={
+        <ButtonCustom
+          onPress={() => {
+            console.log("Simpan foto");
+            router.back();
+          }}
+        >
+          Simpan
+        </ButtonCustom>
+      }
+    >
+      <BaseBox
+        style={{ alignItems: "center", justifyContent: "center", height: 250 }}
+      >
+        <Image
+          source={DUMMY_IMAGE.background}
+          resizeMode="cover"
+          style={{ width: "100%", height: "100%", borderRadius: 10 }}
+        />
+      </BaseBox>
+
+      <ButtonUpload
+        onPress={() =>
+          router.navigate("/(application)/profile/[id]/take-picture")
+        }
+      />
+    </ViewWrapper>
+  );
+}
diff --git a/app/(application)/profile/[id]/update-photo.tsx b/app/(application)/profile/[id]/update-photo.tsx
index 1342743..370dfdc 100644
--- a/app/(application)/profile/[id]/update-photo.tsx
+++ b/app/(application)/profile/[id]/update-photo.tsx
@@ -1,11 +1,41 @@
-import { Text, View } from "react-native";
-import { useLocalSearchParams } from "expo-router";
+import { BaseBox, ButtonCustom } from "@/components";
+import ViewWrapper from "@/components/_ShareComponent/ViewWrapper";
+import ButtonUpload from "@/components/Button/ButtonUpload";
+import DUMMY_IMAGE from "@/constants/dummy-image-value";
+import { router, useLocalSearchParams } from "expo-router";
+import { Image } from "react-native";
 
 export default function UpdatePhotoProfile() {
   const { id } = useLocalSearchParams();
   return (
-    <View>
-      <Text>Update Photo Profile {id}</Text>
-    </View>
+    <ViewWrapper
+      bottomBarComponent={
+        <ButtonCustom
+          onPress={() => {
+            console.log("Simpan foto");
+            router.back();
+          }}
+        >
+          Simpan
+        </ButtonCustom>
+      }
+    >
+      <BaseBox
+        style={{ alignItems: "center", justifyContent: "center", height: 250 }}
+      >
+        <Image
+          source={DUMMY_IMAGE.avatar}
+          resizeMode="cover"
+          style={{ width: 200, height: 200 }}
+        />
+      </BaseBox>
+
+      <ButtonUpload
+        onPress={() => {
+          console.log("ID >>", id);
+          router.navigate("/(application)/profile/[id]/take-picture");
+        }}
+      />
+    </ViewWrapper>
   );
 }
diff --git a/app/(application)/profile/_layout.tsx b/app/(application)/profile/_layout.tsx
index eda4d6d..5c9185c 100644
--- a/app/(application)/profile/_layout.tsx
+++ b/app/(application)/profile/_layout.tsx
@@ -24,6 +24,14 @@ export default function ProfileLayout() {
           name="[id]/update-background"
           options={{ title: "Update Latar Belakang" }}
         />
+        <Stack.Screen
+          name="[id]/take-picture"
+          options={{ title: "Ambil Foto" }}
+        />
+        <Stack.Screen
+          name="[id]/take-picture2"
+          options={{ title: "Ambil Foto 2" }}
+        />
       </Stack>
     </>
   );
diff --git a/bun.lock b/bun.lock
index b6f3ced..6a8a7df 100644
--- a/bun.lock
+++ b/bun.lock
@@ -13,10 +13,12 @@
         "@types/react-native-vector-icons": "^6.4.18",
         "expo": "53.0.13",
         "expo-blur": "~14.1.5",
+        "expo-camera": "~16.1.10",
         "expo-constants": "~17.1.6",
         "expo-font": "~13.3.1",
         "expo-haptics": "~14.1.4",
         "expo-image": "~2.3.0",
+        "expo-image-picker": "~16.1.4",
         "expo-linking": "~7.1.5",
         "expo-router": "~5.1.1",
         "expo-splash-screen": "~0.30.9",
@@ -811,6 +813,8 @@
 
     "expo-blur": ["expo-blur@14.1.5", "", { "peerDependencies": { "expo": "*", "react": "*", "react-native": "*" } }, "sha512-CCLJHxN4eoAl06ESKT3CbMasJ98WsjF9ZQEJnuxtDb9ffrYbZ+g9ru84fukjNUOTtc8A8yXE5z8NgY1l0OMrmQ=="],
 
+    "expo-camera": ["expo-camera@16.1.10", "", { "dependencies": { "invariant": "^2.2.4" }, "peerDependencies": { "expo": "*", "react": "*", "react-native": "*", "react-native-web": "*" }, "optionalPeers": ["react-native-web"] }, "sha512-qoRJeSwPmMbuu0VfnQTC+q79Kt2SqTWColEImgithL9u0qUQcC55U89IfhZk55Hpt6f1DgKuDzUOG5oY+snSWg=="],
+
     "expo-constants": ["expo-constants@17.1.6", "", { "dependencies": { "@expo/config": "~11.0.9", "@expo/env": "~1.0.5" }, "peerDependencies": { "expo": "*", "react-native": "*" } }, "sha512-q5mLvJiLtPcaZ7t2diSOlQ2AyxIO8YMVEJsEfI/ExkGj15JrflNQ7CALEW6IF/uNae/76qI/XcjEuuAyjdaCNw=="],
 
     "expo-file-system": ["expo-file-system@18.1.10", "", { "peerDependencies": { "expo": "*", "react-native": "*" } }, "sha512-SyaWg+HitScLuyEeSG9gMSDT0hIxbM9jiZjSBP9l9zMnwZjmQwsusE6+7qGiddxJzdOhTP4YGUfvEzeeS0YL3Q=="],
@@ -821,6 +825,10 @@
 
     "expo-image": ["expo-image@2.3.0", "", { "peerDependencies": { "expo": "*", "react": "*", "react-native": "*", "react-native-web": "*" } }, "sha512-muL8OSbgCskQJsyqenKPNULWXwRm5BY2ruS6WMo/EzFyI3iXI/0mXgb2J/NXUa8xCEYxSyoGkGZFyCBvGY1ofA=="],
 
+    "expo-image-loader": ["expo-image-loader@5.1.0", "", { "peerDependencies": { "expo": "*" } }, "sha512-sEBx3zDQIODWbB5JwzE7ZL5FJD+DK3LVLWBVJy6VzsqIA6nDEnSFnsnWyCfCTSvbGigMATs1lgkC2nz3Jpve1Q=="],
+
+    "expo-image-picker": ["expo-image-picker@16.1.4", "", { "dependencies": { "expo-image-loader": "~5.1.0" }, "peerDependencies": { "expo": "*" } }, "sha512-bTmmxtw1AohUT+HxEBn2vYwdeOrj1CLpMXKjvi9FKSoSbpcarT4xxI0z7YyGwDGHbrJqyyic3I9TTdP2J2b4YA=="],
+
     "expo-keep-awake": ["expo-keep-awake@14.1.4", "", { "peerDependencies": { "expo": "*", "react": "*" } }, "sha512-wU9qOnosy4+U4z/o4h8W9PjPvcFMfZXrlUoKTMBW7F4pLqhkkP/5G4EviPZixv4XWFMjn1ExQ5rV6BX8GwJsWA=="],
 
     "expo-linking": ["expo-linking@7.1.5", "", { "dependencies": { "expo-constants": "~17.1.6", "invariant": "^2.2.4" }, "peerDependencies": { "react": "*", "react-native": "*" } }, "sha512-8g20zOpROW78bF+bLI4a3ZWj4ntLgM0rCewKycPL0jk9WGvBrBtFtwwADJgOiV1EurNp3lcquerXGlWS+SOQyA=="],
diff --git a/components/Button/ButtonCustom.tsx b/components/Button/ButtonCustom.tsx
index f6cd71a..a434525 100644
--- a/components/Button/ButtonCustom.tsx
+++ b/components/Button/ButtonCustom.tsx
@@ -1,7 +1,7 @@
 // components/Button/Button.tsx
 
 import React from "react";
-import { Text, TouchableOpacity } from "react-native";
+import { StyleProp, Text, TouchableOpacity, ViewStyle } from "react-native";
 import buttonStyles from "./buttonCustomStyles";
 import { radiusMap } from "@/constants/radius-value";
 import { MainColor } from "@/constants/color-palet";
@@ -21,6 +21,7 @@ interface ButtonProps {
   radius?: RadiusType; // ← bisa string enum atau number
   disabled?: boolean;
   iconLeft?: React.ReactNode;
+  style?: StyleProp<ViewStyle>;
 }
 
 const ButtonCustom: React.FC<ButtonProps> = ({
@@ -32,6 +33,7 @@ const ButtonCustom: React.FC<ButtonProps> = ({
   radius = "full", // default md
   disabled = false,
   iconLeft,
+  style,
 }) => {
   const borderRadius =
     typeof radius === "number" ? radius : radiusMap[radius ?? "md"]; // fallback ke 'md'
@@ -44,7 +46,7 @@ const ButtonCustom: React.FC<ButtonProps> = ({
 
   return (
     <TouchableOpacity
-      style={[styles.button, disabled && styles.disabled]}
+      style={[styles.button, disabled && styles.disabled, style]}
       onPress={onPress}
       disabled={disabled}
       activeOpacity={0.8}
diff --git a/components/Button/ButtonUpload.tsx b/components/Button/ButtonUpload.tsx
new file mode 100644
index 0000000..1ab4fa9
--- /dev/null
+++ b/components/Button/ButtonUpload.tsx
@@ -0,0 +1,21 @@
+import { MainColor } from "@/constants/color-palet";
+import { GStyles } from "@/styles/global-styles";
+import { Feather } from "@expo/vector-icons";
+import React from "react";
+import ButtonCustom from "./ButtonCustom";
+
+interface ButtonUploadProps {
+    title?: string;
+    onPress: () => void;
+}
+export default function ButtonUpload({ onPress, title = "Upload" }: ButtonUploadProps) {
+  return (
+    <ButtonCustom
+      onPress={onPress}
+      iconLeft={<Feather name="upload" size={20} color={MainColor.black} />}
+      style={GStyles.buttonCentered50Percent}
+    >
+      {title}
+    </ButtonCustom>
+  );
+}
diff --git a/components/Camera/CameraCustom.tsx b/components/Camera/CameraCustom.tsx
new file mode 100644
index 0000000..e69de29
diff --git a/constants/dummy-image-value.ts b/constants/dummy-image-value.ts
new file mode 100644
index 0000000..530df88
--- /dev/null
+++ b/constants/dummy-image-value.ts
@@ -0,0 +1,6 @@
+const DUMMY_IMAGE = {
+  avatar: require("@/assets/images/dummy/dummy-avatar.png"),
+  background: require("@/assets/images/dummy/dummy-image-background.jpg"),
+};
+
+export default DUMMY_IMAGE;
diff --git a/package.json b/package.json
index 0bd2d65..9d0e65f 100644
--- a/package.json
+++ b/package.json
@@ -20,10 +20,12 @@
     "@types/react-native-vector-icons": "^6.4.18",
     "expo": "53.0.13",
     "expo-blur": "~14.1.5",
+    "expo-camera": "~16.1.10",
     "expo-constants": "~17.1.6",
     "expo-font": "~13.3.1",
     "expo-haptics": "~14.1.4",
     "expo-image": "~2.3.0",
+    "expo-image-picker": "~16.1.4",
     "expo-linking": "~7.1.5",
     "expo-router": "~5.1.1",
     "expo-splash-screen": "~0.30.9",
diff --git a/styles/global-styles.ts b/styles/global-styles.ts
index 85a7534..cf9ed92 100644
--- a/styles/global-styles.ts
+++ b/styles/global-styles.ts
@@ -155,4 +155,10 @@ export const GStyles = StyleSheet.create({
     paddingVertical: 10,
   },
   // =============== BOTTOM BAR =============== //
+
+  // =============== BUTTON =============== //
+  buttonCentered50Percent: {
+    width: "50%",
+    alignSelf: "center",
+  },
 });
diff --git a/tsconfig.json b/tsconfig.json
index 77e7a0c..6d2b67b 100644
--- a/tsconfig.json
+++ b/tsconfig.json
@@ -13,5 +13,5 @@
     "**/*.tsx",
     ".expo/types/**/*.ts",
     "expo-env.d.ts"
-, "components/Button/ButtonCustom"  ]
+    ]
 }

From 0b1fd05eec51f0b511d32e50ae110ea37e2d12dd Mon Sep 17 00:00:00 2001
From: Bagasbanuna02 <bagasbanuna02@gmail.com>
Date: Fri, 4 Jul 2025 16:32:44 +0800
Subject: [PATCH 24/64] feature deskripsi: - folder take-picture

---
 app/(application)/_layout.tsx                    | 16 ++++++++++++++++
 .../{take-picture2.tsx => take-picture2.txt}     |  0
 .../profile/[id]/update-background.tsx           |  6 +++---
 app/(application)/profile/[id]/update-photo.tsx  |  7 ++++---
 app/(application)/profile/_layout.tsx            |  8 --------
 .../[id]/index.tsx}                              | 11 +++++++----
 screens/Authentication/LoginView.tsx             |  4 ++--
 7 files changed, 32 insertions(+), 20 deletions(-)
 rename app/(application)/profile/[id]/{take-picture2.tsx => take-picture2.txt} (100%)
 rename app/(application)/{profile/[id]/take-picture.tsx => take-picture/[id]/index.tsx} (93%)

diff --git a/app/(application)/_layout.tsx b/app/(application)/_layout.tsx
index f6e682f..476d60c 100644
--- a/app/(application)/_layout.tsx
+++ b/app/(application)/_layout.tsx
@@ -166,6 +166,22 @@ export default function ApplicationLayout() {
             ),
           }}
         />
+
+        {/* Take Picture */}
+        <Stack.Screen
+          name="take-picture/[id]/index"
+          options={{
+            title: "Ambil Gambar",
+            headerLeft: () => (
+              <Ionicons
+                name="arrow-back"
+                size={20}
+                color={MainColor.yellow}
+                onPress={() => router.back()}
+              />
+            ),
+          }}
+        />
       </Stack>
     </>
   );
diff --git a/app/(application)/profile/[id]/take-picture2.tsx b/app/(application)/profile/[id]/take-picture2.txt
similarity index 100%
rename from app/(application)/profile/[id]/take-picture2.tsx
rename to app/(application)/profile/[id]/take-picture2.txt
diff --git a/app/(application)/profile/[id]/update-background.tsx b/app/(application)/profile/[id]/update-background.tsx
index 6cc046c..1859676 100644
--- a/app/(application)/profile/[id]/update-background.tsx
+++ b/app/(application)/profile/[id]/update-background.tsx
@@ -1,4 +1,3 @@
-/* eslint-disable @typescript-eslint/no-unused-vars */
 import { BaseBox, ButtonCustom } from "@/components";
 import ViewWrapper from "@/components/_ShareComponent/ViewWrapper";
 import ButtonUpload from "@/components/Button/ButtonUpload";
@@ -13,7 +12,7 @@ export default function UpdateBackgroundProfile() {
       bottomBarComponent={
         <ButtonCustom
           onPress={() => {
-            console.log("Simpan foto");
+            console.log("Simpan foto background >>", id);
             router.back();
           }}
         >
@@ -32,8 +31,9 @@ export default function UpdateBackgroundProfile() {
       </BaseBox>
 
       <ButtonUpload
+        title="Update"
         onPress={() =>
-          router.navigate("/(application)/profile/[id]/take-picture")
+          router.navigate(`/(application)/take-picture/${id}`)
         }
       />
     </ViewWrapper>
diff --git a/app/(application)/profile/[id]/update-photo.tsx b/app/(application)/profile/[id]/update-photo.tsx
index 370dfdc..674ab6d 100644
--- a/app/(application)/profile/[id]/update-photo.tsx
+++ b/app/(application)/profile/[id]/update-photo.tsx
@@ -12,7 +12,7 @@ export default function UpdatePhotoProfile() {
       bottomBarComponent={
         <ButtonCustom
           onPress={() => {
-            console.log("Simpan foto");
+            console.log("Simpan foto profile >>", id);
             router.back();
           }}
         >
@@ -31,9 +31,10 @@ export default function UpdatePhotoProfile() {
       </BaseBox>
 
       <ButtonUpload
+        title="Update"
         onPress={() => {
-          console.log("ID >>", id);
-          router.navigate("/(application)/profile/[id]/take-picture");
+          console.log("Update photo >>", id);
+          router.navigate(`/(application)/take-picture/${id}`);
         }}
       />
     </ViewWrapper>
diff --git a/app/(application)/profile/_layout.tsx b/app/(application)/profile/_layout.tsx
index 5c9185c..eda4d6d 100644
--- a/app/(application)/profile/_layout.tsx
+++ b/app/(application)/profile/_layout.tsx
@@ -24,14 +24,6 @@ export default function ProfileLayout() {
           name="[id]/update-background"
           options={{ title: "Update Latar Belakang" }}
         />
-        <Stack.Screen
-          name="[id]/take-picture"
-          options={{ title: "Ambil Foto" }}
-        />
-        <Stack.Screen
-          name="[id]/take-picture2"
-          options={{ title: "Ambil Foto 2" }}
-        />
       </Stack>
     </>
   );
diff --git a/app/(application)/profile/[id]/take-picture.tsx b/app/(application)/take-picture/[id]/index.tsx
similarity index 93%
rename from app/(application)/profile/[id]/take-picture.tsx
rename to app/(application)/take-picture/[id]/index.tsx
index 1148230..860343b 100644
--- a/app/(application)/profile/[id]/take-picture.tsx
+++ b/app/(application)/take-picture/[id]/index.tsx
@@ -9,11 +9,14 @@ import FontAwesome6 from "@expo/vector-icons/FontAwesome6";
 import { CameraType, CameraView, useCameraPermissions } from "expo-camera";
 import { Image } from "expo-image";
 import * as ImagePicker from "expo-image-picker";
-import { router } from "expo-router";
+import { router, useLocalSearchParams } from "expo-router";
 import { useRef, useState } from "react";
 import { Pressable, StyleSheet, Text, View } from "react-native";
 
-export default function TakePictureProfile() {
+export default function TakePicture() {
+  const { id } = useLocalSearchParams();
+//   console.log("Take Picture ID >>", id);
+
   const [permission, requestPermission] = useCameraPermissions();
   const ref = useRef<CameraView>(null);
   const [uri, setUri] = useState<string | null>(null);
@@ -68,10 +71,10 @@ export default function TakePictureProfile() {
           <ButtonCustom onPress={() => setUri(null)} title="Foto ulang" />
           <ButtonCustom
             onPress={() => {
-              console.log("Update foto");
+              console.log("Upload picture >>", id);
               router.back();
             }}
-            title="Update Foto"
+            title="Upload Foto"
           />
         </StackCustom>
       </View>
diff --git a/screens/Authentication/LoginView.tsx b/screens/Authentication/LoginView.tsx
index 265ada6..74601c5 100644
--- a/screens/Authentication/LoginView.tsx
+++ b/screens/Authentication/LoginView.tsx
@@ -30,8 +30,8 @@ export default function LoginView() {
     const id = randomAlfabet + randomNumber + fixNumber;
     console.log("user id :", id);
     
-    router.navigate("/verification");
-    // router.navigate(`/(application)/profile/${id}`);
+    // router.navigate("/verification");
+    router.navigate(`/(application)/profile/${id}`);
     // router.navigate("/(application)/home");
     // router.navigate(`/(application)/profile/${id}/edit`);
 

From 1a16b16f47c4f41c5b4412a3b7d6c40021635ba3 Mon Sep 17 00:00:00 2001
From: Bagasbanuna02 <bagasbanuna02@gmail.com>
Date: Fri, 4 Jul 2025 17:42:22 +0800
Subject: [PATCH 25/64] feature & fix deksripsi: feature: - Information Box -
 Create profile fix: component: Alet, Avatar, Select # No Issue

---
 app/(application)/profile/[id]/create.tsx     | 97 +++++++++++++++++++
 app/(application)/profile/[id]/index.tsx      |  5 +
 app/(application)/profile/_layout.tsx         |  4 +
 components/Alert/AlertCustom.tsx              |  2 +-
 components/Box/InformationBox.tsx             | 33 +++++++
 components/{Avatar => Image}/AvatarCustom.tsx |  6 +-
 components/Image/LandscapeFrameUploaded.tsx   | 20 ++++
 components/Select/SelectCustom.tsx            | 33 ++++++-
 components/TextInput/TextInputCustom.tsx      | 35 ++++++-
 components/_ShareComponent/ViewWrapper.tsx    | 33 +------
 components/index.ts                           |  2 +-
 screens/Authentication/LoginView.tsx          |  6 +-
 screens/Profile/AvatarAndBackground.tsx       |  5 +-
 13 files changed, 233 insertions(+), 48 deletions(-)
 create mode 100644 app/(application)/profile/[id]/create.tsx
 create mode 100644 components/Box/InformationBox.tsx
 rename components/{Avatar => Image}/AvatarCustom.tsx (87%)
 create mode 100644 components/Image/LandscapeFrameUploaded.tsx

diff --git a/app/(application)/profile/[id]/create.tsx b/app/(application)/profile/[id]/create.tsx
new file mode 100644
index 0000000..a519137
--- /dev/null
+++ b/app/(application)/profile/[id]/create.tsx
@@ -0,0 +1,97 @@
+/* eslint-disable @typescript-eslint/no-unused-vars */
+import {
+  AvatarCustom,
+  ButtonCustom,
+  Spacing,
+  StackCustom,
+  SelectCustom,
+  TextInputCustom,
+  ViewWrapper,
+} from "@/components";
+import InformationBox from "@/components/Box/InformationBox";
+import ButtonUpload from "@/components/Button/ButtonUpload";
+import LandscapeFrameUploaded from "@/components/Image/LandscapeFrameUploaded";
+import { View } from "react-native";
+import { useState } from "react";
+import { router } from "expo-router";
+
+export default function CreateProfile() {
+  const [data, setData] = useState({
+    name: "",
+    email: "",
+    address: "",
+    gender: "",
+  });
+
+  const handlerSave = () => {
+    console.log("data create profile >>", data);
+    // router.back();
+  };
+
+  return (
+    <ViewWrapper
+      bottomBarComponent={
+        <ButtonCustom
+          onPress={handlerSave}
+          disabled={!data.name || !data.email || !data.address || !data.gender}
+        >
+          Simpan
+        </ButtonCustom>
+      }
+    >
+      <StackCustom>
+        <InformationBox text="Upload foto profile anda." />
+        <View style={{ alignItems: "center" }}>
+          <AvatarCustom size="xl" />
+          <Spacing />
+          <ButtonUpload onPress={() => console.log("pressed")} />
+        </View>
+
+        <Spacing />
+
+        <View>
+          <InformationBox text="Upload foto latar belakang anda." />
+          <LandscapeFrameUploaded />
+          <Spacing />
+          <ButtonUpload onPress={() => console.log("pressed")} />
+        </View>
+
+        <Spacing />
+        <TextInputCustom
+          required
+          label="Nama"
+          placeholder="Masukkan nama"
+          value={data.name}
+          onChangeText={(text) => setData({ ...data, name: text })}
+        />
+        <TextInputCustom
+          keyboardType="email-address"
+          required
+          label="Email"
+          placeholder="Masukkan email"
+          value={data.email}
+          onChangeText={(text) => setData({ ...data, email: text })}
+        />
+        <TextInputCustom
+          required
+          label="Alamat"
+          placeholder="Masukkan alamat"
+          value={data.address}
+          onChangeText={(text) => setData({ ...data, address: text })}
+        />
+        <SelectCustom
+          label="Jenis Kelamin"
+          placeholder="Pilih jenis kelamin"
+          data={[
+            { label: "Laki-laki", value: "laki-laki" },
+            { label: "Perempuan", value: "perempuan" },
+          ]}
+          value={data.gender}
+          required
+          onChange={(value) => setData({ ...(data as any), gender: value })}
+        />
+        <Spacing height={100} />
+      </StackCustom>
+    </ViewWrapper>
+  );
+}
diff --git a/app/(application)/profile/[id]/index.tsx b/app/(application)/profile/[id]/index.tsx
index 945f18f..1a0295f 100644
--- a/app/(application)/profile/[id]/index.tsx
+++ b/app/(application)/profile/[id]/index.tsx
@@ -45,6 +45,11 @@ export default function Profile() {
     //   path: `/(application)/profile/dashboard-admin`,
     // },
     { icon: "log-out", label: "Keluar", color: "red", path: "" },
+    {
+      icon: "create-outline",
+      label: "Create profile",
+      path: `/(application)/profile/${id}/create`,
+    },
   ];
 
   // Animasi menggunakan translateY (lebih kompatibel)
diff --git a/app/(application)/profile/_layout.tsx b/app/(application)/profile/_layout.tsx
index eda4d6d..be16cde 100644
--- a/app/(application)/profile/_layout.tsx
+++ b/app/(application)/profile/_layout.tsx
@@ -24,6 +24,10 @@ export default function ProfileLayout() {
           name="[id]/update-background"
           options={{ title: "Update Latar Belakang" }}
         />
+        <Stack.Screen
+          name="[id]/create"
+          options={{ title: "Buat Profile" }}
+        />
       </Stack>
     </>
   );
diff --git a/components/Alert/AlertCustom.tsx b/components/Alert/AlertCustom.tsx
index d6732e4..4d3b7dd 100644
--- a/components/Alert/AlertCustom.tsx
+++ b/components/Alert/AlertCustom.tsx
@@ -110,7 +110,7 @@ const styles = StyleSheet.create({
   alertButton: {
     flex: 1,
     padding: 10,
-    borderRadius: 5,
+    borderRadius: 50,
     marginHorizontal: 5,
     alignItems: "center",
   },
diff --git a/components/Box/InformationBox.tsx b/components/Box/InformationBox.tsx
new file mode 100644
index 0000000..4cd996a
--- /dev/null
+++ b/components/Box/InformationBox.tsx
@@ -0,0 +1,33 @@
+import { MainColor } from "@/constants/color-palet";
+import { Ionicons } from "@expo/vector-icons";
+import Grid from "../Grid/GridCustom";
+import TextCustom from "../Text/TextCustom";
+import BaseBox from "./BaseBox";
+
+export default function InformationBox({ text }: { text: string }) {
+  return (
+    <>
+      <BaseBox>
+        <Grid>
+          <Grid.Col
+            span={2}
+            style={{ alignItems: "center", justifyContent: "center" }}
+          >
+            <Ionicons
+              name="information-circle-outline"
+              size={24}
+              color={MainColor.white}
+            />
+          </Grid.Col>
+          <Grid.Col span={10} style={{ justifyContent: "center" }}>
+            <TextCustom>
+              {text
+                ? text
+                : "Lorem ipsum dolor sit amet consectetur adipisicing elit."}
+            </TextCustom>
+          </Grid.Col>
+        </Grid>
+      </BaseBox>
+    </>
+  );
+}
diff --git a/components/Avatar/AvatarCustom.tsx b/components/Image/AvatarCustom.tsx
similarity index 87%
rename from components/Avatar/AvatarCustom.tsx
rename to components/Image/AvatarCustom.tsx
index d86c7e9..17d8b67 100644
--- a/components/Avatar/AvatarCustom.tsx
+++ b/components/Image/AvatarCustom.tsx
@@ -1,7 +1,8 @@
 import { MainColor } from "@/constants/color-palet";
+import DUMMY_IMAGE from "@/constants/dummy-image-value";
 import { Image, ImageSourcePropType, StyleSheet } from "react-native";
 
-type Size = "base" | "sm" | "md" | "lg";
+type Size = "base" | "sm" | "md" | "lg" | "xl";
 
 interface AvatarCustomProps {
   source?: ImageSourcePropType;
@@ -13,10 +14,11 @@ const sizeMap = {
   sm: 60,
   md: 80,
   lg: 100,
+  xl: 120,
 };
 
 export default function AvatarCustom({
-  source = require("@/assets/images/dummy/dummy-avatar.png"),
+  source = DUMMY_IMAGE.avatar,
   size = "base",
 }: AvatarCustomProps) {
   const dimension = sizeMap[size];
diff --git a/components/Image/LandscapeFrameUploaded.tsx b/components/Image/LandscapeFrameUploaded.tsx
new file mode 100644
index 0000000..02439de
--- /dev/null
+++ b/components/Image/LandscapeFrameUploaded.tsx
@@ -0,0 +1,20 @@
+import DUMMY_IMAGE from "@/constants/dummy-image-value";
+import { Image } from "react-native";
+import BaseBox from "../Box/BaseBox";
+
+export default function LandscapeFrameUploaded() {
+  return (
+    <BaseBox
+      style={{
+        height: 250,
+        width: "100%",
+      }}
+    >
+      <Image
+        source={DUMMY_IMAGE.background}
+        resizeMode="cover"
+        style={{ width: "100%", height: "100%", borderRadius: 10 }}
+      />
+    </BaseBox>
+  );
+}
diff --git a/components/Select/SelectCustom.tsx b/components/Select/SelectCustom.tsx
index 8ca8a33..557a304 100644
--- a/components/Select/SelectCustom.tsx
+++ b/components/Select/SelectCustom.tsx
@@ -22,6 +22,7 @@ type SelectProps = {
   placeholder?: string;
   data: SelectItem[];
   value?: string | number | null;
+  required?: boolean; // <-- new prop
   onChange: (value: string | number) => void;
 };
 
@@ -30,16 +31,27 @@ const SelectCustom: React.FC<SelectProps> = ({
   placeholder = "Pilih opsi",
   data,
   value,
+  required = false, // <-- default false
   onChange,
 }) => {
   const [modalVisible, setModalVisible] = useState(false);
 
   const selectedItem = data.find((item) => item.value === value);
 
+  const hasError = required && value === null; // <-- check if empty and required
+
   return (
     <View style={styles.container}>
-      {label && <Text style={styles.label}>{label}</Text>}
-      <Pressable style={styles.input} onPress={() => setModalVisible(true)}>
+      {label && (
+        <Text style={styles.label}>
+          {label}
+          {required && <Text style={styles.requiredIndicator}> *</Text>}
+        </Text>
+      )}
+      <Pressable
+        style={[styles.input, hasError ? styles.inputError : null]} // <-- add error style
+        onPress={() => setModalVisible(true)}
+      >
         <Text style={selectedItem ? styles.text : styles.placeholder}>
           {selectedItem?.label || placeholder}
         </Text>
@@ -70,6 +82,11 @@ const SelectCustom: React.FC<SelectProps> = ({
           </View>
         </TouchableOpacity>
       </Modal>
+
+      {/* Optional Error Message */}
+      {hasError && (
+        <Text style={styles.errorMessage}>Harap pilih salah satu</Text>
+      )}
     </View>
   );
 };
@@ -86,6 +103,10 @@ const styles = StyleSheet.create({
     color: MainColor.white,
     fontWeight: "500",
   },
+  requiredIndicator: {
+    color: "red",
+    fontWeight: "bold",
+  },
   input: {
     borderWidth: 1,
     borderColor: "#ccc",
@@ -95,6 +116,9 @@ const styles = StyleSheet.create({
     justifyContent: "center",
     backgroundColor: MainColor.white,
   },
+  inputError: {
+    borderColor: "red",
+  },
   text: {
     fontSize: TEXT_SIZE_MEDIUM,
   },
@@ -120,4 +144,9 @@ const styles = StyleSheet.create({
     borderBottomWidth: 1,
     borderBottomColor: "#eee",
   },
+  errorMessage: {
+    marginTop: 4,
+    fontSize: 12,
+    color: "red",
+  },
 });
diff --git a/components/TextInput/TextInputCustom.tsx b/components/TextInput/TextInputCustom.tsx
index 0ad9e4e..0be5c29 100644
--- a/components/TextInput/TextInputCustom.tsx
+++ b/components/TextInput/TextInputCustom.tsx
@@ -1,5 +1,3 @@
-// components/TextInputCustom.tsx
-
 import Ionicons from "@expo/vector-icons/Ionicons";
 import React, { useState } from "react";
 import {
@@ -32,15 +30,18 @@ export const TextInputCustom = ({
   iconRight,
   label,
   required = false,
-  error = "",
+  error: externalError = "",
   secureTextEntry = false,
   fontColor = "#000",
   disabled = false,
   borderRadius = 8,
   style,
+  keyboardType,
+  onChangeText,
   ...rest
 }: Props) => {
   const [isPasswordVisible, setIsPasswordVisible] = useState(false);
+  const [internalError, setInternalError] = useState("");
 
   // Helper untuk render ikon
   const renderIcon = (icon: IconType) => {
@@ -52,6 +53,23 @@ export const TextInputCustom = ({
     );
   };
 
+  // Validasi email jika keyboardType = email-address
+  const handleTextChange = (text: string) => {
+    if (keyboardType === "email-address") {
+      const isValid = /^[^\s@]+@[^\s@]+\.[^\s@]+$/.test(text);
+      if (!isValid) {
+        setInternalError("Masukkan email yang valid");
+      } else {
+        setInternalError("");
+      }
+    }
+
+    // Panggil onChangeText eksternal jika ada
+    if (onChangeText) {
+      onChangeText(text);
+    }
+  };
+
   return (
     <View style={textInputStyles.container}>
       {label && (
@@ -65,7 +83,7 @@ export const TextInputCustom = ({
           textInputStyles.inputContainer,
           disabled && textInputStyles.disabled,
           { borderRadius },
-          error ? textInputStyles.errorBorder : null,
+          externalError || internalError ? textInputStyles.errorBorder : null,
           style,
         ]}
       >
@@ -76,6 +94,8 @@ export const TextInputCustom = ({
           style={[textInputStyles.input, { color: fontColor }]}
           editable={!disabled}
           secureTextEntry={secureTextEntry && !isPasswordVisible}
+          keyboardType={keyboardType}
+          onChangeText={handleTextChange}
           {...rest}
         />
         {secureTextEntry && (
@@ -94,7 +114,12 @@ export const TextInputCustom = ({
           <View style={textInputStyles.icon}>{renderIcon(iconRight)}</View>
         )}
       </View>
-      {error ? <Text style={textInputStyles.errorMessage}>{error}</Text> : null}
+      {/* Prioritaskan error eksternal */}
+      {externalError || internalError ? (
+        <Text style={textInputStyles.errorMessage}>
+          {externalError || internalError}
+        </Text>
+      ) : null}
     </View>
   );
 };
diff --git a/components/_ShareComponent/ViewWrapper.tsx b/components/_ShareComponent/ViewWrapper.tsx
index a85dd27..c054f72 100644
--- a/components/_ShareComponent/ViewWrapper.tsx
+++ b/components/_ShareComponent/ViewWrapper.tsx
@@ -47,42 +47,11 @@ const ViewWrapper = ({
         {tabBarComponent ? tabBarComponent : null}
         {bottomBarComponent ? (
           <View style={GStyles.bottomBar}>
-            <View style={GStyles.bottomBarContainer}>
-              {bottomBarComponent}
-            </View>
+            <View style={GStyles.bottomBarContainer}>{bottomBarComponent}</View>
           </View>
         ) : null}
       </SafeAreaView>
     </>
-
-    // <SafeAreaProvider>
-    //   <SafeAreaView
-    //     edges={[
-    //       "bottom",
-    //       // "top",
-    //     ]}
-    //     style={{
-    //       flex: 1,
-    //       // paddingTop: StatusBar.currentHeight,
-    //       backgroundColor: MainColor.darkblue,
-    //     }}
-    //   >
-    //     <ScrollView contentContainerStyle={{ flexGrow: 1 }}>
-    //       {withBackground ? (
-    //         <ImageBackground
-    //           source={assetBackground}
-    //           resizeMode="cover"
-    //           style={Styles.imageBackground}
-    //         >
-    //           <View style={Styles.containerWithBackground}>{children}</View>
-    //         </ImageBackground>
-    //       ) : (
-    //         <View style={Styles.container}>{children}</View>
-    //       )}
-    //     </ScrollView>
-    //     {tabBarComponent}
-    //   </SafeAreaView>
-    // </SafeAreaProvider>
   );
 };
 
diff --git a/components/index.ts b/components/index.ts
index 8fb4ec2..c4d1325 100644
--- a/components/index.ts
+++ b/components/index.ts
@@ -18,7 +18,7 @@ import Grid from "./Grid/GridCustom";
 // Box
 import BaseBox from "./Box/BaseBox";
 // Avatar
-import AvatarCustom from "./Avatar/AvatarCustom"
+import AvatarCustom from "./Image/AvatarCustom"
 // Stack
 import StackCustom from "./Stack/StackCustom";
 // Select
diff --git a/screens/Authentication/LoginView.tsx b/screens/Authentication/LoginView.tsx
index 74601c5..9fcaf5f 100644
--- a/screens/Authentication/LoginView.tsx
+++ b/screens/Authentication/LoginView.tsx
@@ -28,10 +28,10 @@ export default function LoginView() {
     const randomAlfabet = Math.random().toString(36).substring(2, 8);
     const randomNumber = Math.floor(Math.random() * 1000000);
     const id = randomAlfabet + randomNumber + fixNumber;
-    console.log("user id :", id);
+    console.log("login user id :", id);
     
-    // router.navigate("/verification");
-    router.navigate(`/(application)/profile/${id}`);
+    router.navigate("/verification");
+    // router.navigate(`/(application)/profile/${id}`);
     // router.navigate("/(application)/home");
     // router.navigate(`/(application)/profile/${id}/edit`);
 
diff --git a/screens/Profile/AvatarAndBackground.tsx b/screens/Profile/AvatarAndBackground.tsx
index b48fe04..0673df8 100644
--- a/screens/Profile/AvatarAndBackground.tsx
+++ b/screens/Profile/AvatarAndBackground.tsx
@@ -1,12 +1,13 @@
 import { AvatarCustom } from "@/components";
 import { AccentColor } from "@/constants/color-palet";
+import DUMMY_IMAGE from "@/constants/dummy-image-value";
 import { View, ImageBackground, StyleSheet } from "react-native";
 
 const AvatarAndBackground = () => {
   return (
     <View style={styles.container}>
       <ImageBackground
-        source={require("@/assets/images/logo-hipmi.png")}
+        source={DUMMY_IMAGE.background}
         style={styles.backgroundImage}
         resizeMode="contain"
       />
@@ -15,7 +16,7 @@ const AvatarAndBackground = () => {
       {/* Avatar yang sedikit keluar */}
       <View style={styles.avatarOverlap}>
         <AvatarCustom
-          source={require("@/assets/images/react-logo.png")}
+          source={DUMMY_IMAGE.avatar}
           size="lg"
         />
       </View>

From 8abf23fd1355eb7ed5ff8ccfbba5c65fb0cbfbd1 Mon Sep 17 00:00:00 2001
From: Bagasbanuna02 <bagasbanuna02@gmail.com>
Date: Tue, 8 Jul 2025 10:46:45 +0800
Subject: [PATCH 26/64] fix deskripsi: - fix ViewWrapper : flexibel terhadap
 keypad - saat keypad keluar tidak ada lagi space di atas navighation bar

No Issue
---
 app.json                                    |   3 +-
 app/(application)/profile/[id]/create.tsx   |  30 +++--
 app/_layout.tsx                             |  58 ++-------
 bun.lock                                    | 100 ++++++++--------
 components/_ShareComponent/ViewWrapper.tsx  | 123 ++++++++++++++------
 components/_ShareComponent/ViewWrapper2.tsx |  51 ++++++++
 package.json                                |  18 +--
 screens/Authentication/LoginView.tsx        |   7 +-
 screens/Home/UiHome.tsx                     |   2 +-
 9 files changed, 231 insertions(+), 161 deletions(-)
 create mode 100644 components/_ShareComponent/ViewWrapper2.tsx

diff --git a/app.json b/app.json
index 3f78fc0..ac01184 100644
--- a/app.json
+++ b/app.json
@@ -46,7 +46,8 @@
           "microphonePermission": "Allow $(PRODUCT_NAME) to access your microphone",
           "recordAudioAndroid": true
         }
-      ]
+      ],
+      "expo-font"
     ],
     "experiments": {
       "typedRoutes": true
diff --git a/app/(application)/profile/[id]/create.tsx b/app/(application)/profile/[id]/create.tsx
index a519137..434c188 100644
--- a/app/(application)/profile/[id]/create.tsx
+++ b/app/(application)/profile/[id]/create.tsx
@@ -1,19 +1,18 @@
-/* eslint-disable @typescript-eslint/no-unused-vars */
 import {
   AvatarCustom,
   ButtonCustom,
+  SelectCustom,
   Spacing,
   StackCustom,
-  SelectCustom,
   TextInputCustom,
   ViewWrapper,
 } from "@/components";
 import InformationBox from "@/components/Box/InformationBox";
 import ButtonUpload from "@/components/Button/ButtonUpload";
 import LandscapeFrameUploaded from "@/components/Image/LandscapeFrameUploaded";
-import { View } from "react-native";
+import { GStyles } from "@/styles/global-styles";
 import { useState } from "react";
-import { router } from "expo-router";
+import { View } from "react-native";
 
 export default function CreateProfile() {
   const [data, setData] = useState({
@@ -28,17 +27,21 @@ export default function CreateProfile() {
     // router.back();
   };
 
-  return (
-    <ViewWrapper
-      bottomBarComponent={
+  const footerComponent = (
+    <View style={GStyles.bottomBar}>
+      <View style={GStyles.bottomBarContainer}>
         <ButtonCustom
           onPress={handlerSave}
           disabled={!data.name || !data.email || !data.address || !data.gender}
         >
           Simpan
         </ButtonCustom>
-      }
-    >
+      </View>
+    </View>
+  );
+
+  return (
+    <ViewWrapper footerComponent={footerComponent}>
       <StackCustom>
         <InformationBox text="Upload foto profile anda." />
         <View style={{ alignItems: "center" }}>
@@ -90,7 +93,14 @@ export default function CreateProfile() {
           required
           onChange={(value) => setData({ ...(data as any), gender: value })}
         />
-        <Spacing height={100} />
+        <TextInputCustom
+          required
+          label="Alamat"
+          placeholder="Masukkan alamat"
+          value={data.address}
+          onChangeText={(text) => setData({ ...data, address: text })}
+        />
+        {/* <Spacing /> */}
       </StackCustom>
     </ViewWrapper>
   );
diff --git a/app/_layout.tsx b/app/_layout.tsx
index cca9aac..a8473fc 100644
--- a/app/_layout.tsx
+++ b/app/_layout.tsx
@@ -12,60 +12,20 @@ export default function RootLayout() {
             headerStyle: { backgroundColor: MainColor.darkblue },
             headerTitleStyle: { color: MainColor.yellow, fontWeight: "bold" },
             headerTitleAlign: "center",
-            // contentStyle: {
-            //   borderBottomColor: AccentColor.blue,
-            //   borderBottomWidth: 2,
-            // },
-            // headerLargeStyle: {
-            //   backgroundColor: MainColor.darkblue,
-            // },
-            // headerShadowVisible: false,
           }}
         >
-          <Stack.Screen name="index" options={{ headerShown: false }} />
-          <Stack.Screen name="verification" options={{ headerShown: false }} />
-          <Stack.Screen name="register" options={{ headerShown: false }} />
+          <Stack.Screen name="index" options={{ title: "" }} />
+          <Stack.Screen
+            name="verification"
+            options={{ title: "", headerBackVisible: false }}
+          />
+          <Stack.Screen
+            name="register"
+            options={{ title: "", headerBackVisible: false }}
+          />
           <Stack.Screen name="(application)" options={{ headerShown: false }} />
         </Stack>
       </SafeAreaProvider>
     </>
-    // <SafeAreaProvider
-    //   style={{
-    //     backgroundColor: AccentColor.darkblue,
-    //   }}
-    // >
-    //   <SafeAreaView
-    //     edges={[
-    //       "bottom",
-    //       // "top",
-    //     ]}
-    //     style={{
-    //       flex: 1,
-    //       // paddingTop: StatusBar.currentHeight,
-    //       // backgroundColor: MainColor.darkblue,
-    //     }}
-    //   >
-    //     <Stack
-    //       screenOptions={{
-    //         headerStyle: { backgroundColor: MainColor.darkblue },
-    //         headerTitleStyle: { color: MainColor.yellow, fontWeight: "bold" },
-    //         headerTitleAlign: "center",
-    //         // contentStyle: {
-    //         //   borderBottomColor: AccentColor.blue,
-    //         //   borderBottomWidth: 2,
-    //         // },
-    //         // headerLargeStyle: {
-    //         //   backgroundColor: MainColor.darkblue,
-    //         // },
-    //         // headerShadowVisible: false,
-    //       }}
-    //     >
-    //       <Stack.Screen name="index" options={{ headerShown: false }} />
-    //       <Stack.Screen name="verification" options={{ headerShown: false }} />
-    //       <Stack.Screen name="register" options={{ headerShown: false }} />
-    //       <Stack.Screen name="(application)" options={{ headerShown: false }} />
-    //     </Stack>
-    //   </SafeAreaView>
-    // </SafeAreaProvider>
   );
 }
diff --git a/bun.lock b/bun.lock
index 6a8a7df..a4d7ed9 100644
--- a/bun.lock
+++ b/bun.lock
@@ -11,24 +11,24 @@
         "@react-navigation/native": "^7.1.6",
         "@react-navigation/native-stack": "^7.3.21",
         "@types/react-native-vector-icons": "^6.4.18",
-        "expo": "53.0.13",
+        "expo": "53.0.17",
         "expo-blur": "~14.1.5",
         "expo-camera": "~16.1.10",
-        "expo-constants": "~17.1.6",
-        "expo-font": "~13.3.1",
+        "expo-constants": "~17.1.7",
+        "expo-font": "~13.3.2",
         "expo-haptics": "~14.1.4",
-        "expo-image": "~2.3.0",
+        "expo-image": "~2.3.2",
         "expo-image-picker": "~16.1.4",
-        "expo-linking": "~7.1.5",
-        "expo-router": "~5.1.1",
-        "expo-splash-screen": "~0.30.9",
+        "expo-linking": "~7.1.7",
+        "expo-router": "~5.1.3",
+        "expo-splash-screen": "~0.30.10",
         "expo-status-bar": "~2.2.3",
         "expo-symbols": "~0.4.5",
-        "expo-system-ui": "~5.0.9",
+        "expo-system-ui": "~5.0.10",
         "expo-web-browser": "~14.2.0",
         "react": "19.0.0",
         "react-dom": "19.0.0",
-        "react-native": "0.79.4",
+        "react-native": "0.79.5",
         "react-native-gesture-handler": "~2.24.0",
         "react-native-international-phone-number": "^0.9.3",
         "react-native-otp-entry": "^1.8.5",
@@ -263,37 +263,37 @@
 
     "@eslint/plugin-kit": ["@eslint/plugin-kit@0.3.2", "", { "dependencies": { "@eslint/core": "^0.15.0", "levn": "^0.4.1" } }, "sha512-4SaFZCNfJqvk/kenHpI8xvN42DMaoycy4PzKc5otHxRswww1kAt82OlBuwRVLofCACCTZEcla2Ydxv8scMXaTg=="],
 
-    "@expo/cli": ["@expo/cli@0.24.15", "", { "dependencies": { "@0no-co/graphql.web": "^1.0.8", "@babel/runtime": "^7.20.0", "@expo/code-signing-certificates": "^0.0.5", "@expo/config": "~11.0.10", "@expo/config-plugins": "~10.0.3", "@expo/devcert": "^1.1.2", "@expo/env": "~1.0.5", "@expo/image-utils": "^0.7.4", "@expo/json-file": "^9.1.4", "@expo/metro-config": "~0.20.15", "@expo/osascript": "^2.2.4", "@expo/package-manager": "^1.8.4", "@expo/plist": "^0.3.4", "@expo/prebuild-config": "^9.0.7", "@expo/spawn-async": "^1.7.2", "@expo/ws-tunnel": "^1.0.1", "@expo/xcpretty": "^4.3.0", "@react-native/dev-middleware": "0.79.4", "@urql/core": "^5.0.6", "@urql/exchange-retry": "^1.3.0", "accepts": "^1.3.8", "arg": "^5.0.2", "better-opn": "~3.0.2", "bplist-creator": "0.1.0", "bplist-parser": "^0.3.1", "chalk": "^4.0.0", "ci-info": "^3.3.0", "compression": "^1.7.4", "connect": "^3.7.0", "debug": "^4.3.4", "env-editor": "^0.4.1", "freeport-async": "^2.0.0", "getenv": "^2.0.0", "glob": "^10.4.2", "lan-network": "^0.1.6", "minimatch": "^9.0.0", "node-forge": "^1.3.1", "npm-package-arg": "^11.0.0", "ora": "^3.4.0", "picomatch": "^3.0.1", "pretty-bytes": "^5.6.0", "pretty-format": "^29.7.0", "progress": "^2.0.3", "prompts": "^2.3.2", "qrcode-terminal": "0.11.0", "require-from-string": "^2.0.2", "requireg": "^0.2.2", "resolve": "^1.22.2", "resolve-from": "^5.0.0", "resolve.exports": "^2.0.3", "semver": "^7.6.0", "send": "^0.19.0", "slugify": "^1.3.4", "source-map-support": "~0.5.21", "stacktrace-parser": "^0.1.10", "structured-headers": "^0.4.1", "tar": "^7.4.3", "terminal-link": "^2.1.1", "undici": "^6.18.2", "wrap-ansi": "^7.0.0", "ws": "^8.12.1" }, "bin": { "expo-internal": "build/bin/cli" } }, "sha512-RDZS30OSnbXkSPnBXdyPL29KbltjOmegE23bZZDiGV23WOReWcPgRc5U7Fd8eLPhtRjHBKlBpNJMTed5Ntr/uw=="],
+    "@expo/cli": ["@expo/cli@0.24.18", "", { "dependencies": { "@0no-co/graphql.web": "^1.0.8", "@babel/runtime": "^7.20.0", "@expo/code-signing-certificates": "^0.0.5", "@expo/config": "~11.0.12", "@expo/config-plugins": "~10.1.1", "@expo/devcert": "^1.1.2", "@expo/env": "~1.0.7", "@expo/image-utils": "^0.7.6", "@expo/json-file": "^9.1.5", "@expo/metro-config": "~0.20.17", "@expo/osascript": "^2.2.5", "@expo/package-manager": "^1.8.6", "@expo/plist": "^0.3.5", "@expo/prebuild-config": "^9.0.10", "@expo/spawn-async": "^1.7.2", "@expo/ws-tunnel": "^1.0.1", "@expo/xcpretty": "^4.3.0", "@react-native/dev-middleware": "0.79.5", "@urql/core": "^5.0.6", "@urql/exchange-retry": "^1.3.0", "accepts": "^1.3.8", "arg": "^5.0.2", "better-opn": "~3.0.2", "bplist-creator": "0.1.0", "bplist-parser": "^0.3.1", "chalk": "^4.0.0", "ci-info": "^3.3.0", "compression": "^1.7.4", "connect": "^3.7.0", "debug": "^4.3.4", "env-editor": "^0.4.1", "freeport-async": "^2.0.0", "getenv": "^2.0.0", "glob": "^10.4.2", "lan-network": "^0.1.6", "minimatch": "^9.0.0", "node-forge": "^1.3.1", "npm-package-arg": "^11.0.0", "ora": "^3.4.0", "picomatch": "^3.0.1", "pretty-bytes": "^5.6.0", "pretty-format": "^29.7.0", "progress": "^2.0.3", "prompts": "^2.3.2", "qrcode-terminal": "0.11.0", "require-from-string": "^2.0.2", "requireg": "^0.2.2", "resolve": "^1.22.2", "resolve-from": "^5.0.0", "resolve.exports": "^2.0.3", "semver": "^7.6.0", "send": "^0.19.0", "slugify": "^1.3.4", "source-map-support": "~0.5.21", "stacktrace-parser": "^0.1.10", "structured-headers": "^0.4.1", "tar": "^7.4.3", "terminal-link": "^2.1.1", "undici": "^6.18.2", "wrap-ansi": "^7.0.0", "ws": "^8.12.1" }, "bin": { "expo-internal": "build/bin/cli" } }, "sha512-4cUVWa7bHS0oLn9hBCH5QKI47o+qm0JTUl8xINC0In0JIG9mlLugDSNY+t81powr28Htq9n5gOGkKPTGc1vKiw=="],
 
     "@expo/code-signing-certificates": ["@expo/code-signing-certificates@0.0.5", "", { "dependencies": { "node-forge": "^1.2.1", "nullthrows": "^1.1.1" } }, "sha512-BNhXkY1bblxKZpltzAx98G2Egj9g1Q+JRcvR7E99DOj862FTCX+ZPsAUtPTr7aHxwtrL7+fL3r0JSmM9kBm+Bw=="],
 
-    "@expo/config": ["@expo/config@11.0.10", "", { "dependencies": { "@babel/code-frame": "~7.10.4", "@expo/config-plugins": "~10.0.2", "@expo/config-types": "^53.0.4", "@expo/json-file": "^9.1.4", "deepmerge": "^4.3.1", "getenv": "^1.0.0", "glob": "^10.4.2", "require-from-string": "^2.0.2", "resolve-from": "^5.0.0", "resolve-workspace-root": "^2.0.0", "semver": "^7.6.0", "slugify": "^1.3.4", "sucrase": "3.35.0" } }, "sha512-8S8Krr/c5lnl0eF03tA2UGY9rGBhZcbWKz2UWw5dpL/+zstwUmog8oyuuC8aRcn7GiTQLlbBkxcMeT8sOGlhbA=="],
+    "@expo/config": ["@expo/config@11.0.12", "", { "dependencies": { "@babel/code-frame": "~7.10.4", "@expo/config-plugins": "~10.1.1", "@expo/config-types": "^53.0.5", "@expo/json-file": "^9.1.5", "deepmerge": "^4.3.1", "getenv": "^2.0.0", "glob": "^10.4.2", "require-from-string": "^2.0.2", "resolve-from": "^5.0.0", "resolve-workspace-root": "^2.0.0", "semver": "^7.6.0", "slugify": "^1.3.4", "sucrase": "3.35.0" } }, "sha512-XEh7g5F8OziJ6eZzBi93qt2YwmPceD3yAEd4Qv/ODK3MrgFCmB5IAJJ2ZFepdeoQFpcxS26Nl4aUuIJYEhJiUw=="],
 
-    "@expo/config-plugins": ["@expo/config-plugins@10.0.3", "", { "dependencies": { "@expo/config-types": "^53.0.4", "@expo/json-file": "~9.1.4", "@expo/plist": "^0.3.4", "@expo/sdk-runtime-versions": "^1.0.0", "chalk": "^4.1.2", "debug": "^4.3.5", "getenv": "^2.0.0", "glob": "^10.4.2", "resolve-from": "^5.0.0", "semver": "^7.5.4", "slash": "^3.0.0", "slugify": "^1.6.6", "xcode": "^3.0.1", "xml2js": "0.6.0" } }, "sha512-fjCckkde67pSDf48x7wRuPsgQVIqlDwN7NlOk9/DFgQ1hCH0L5pGqoSmikA1vtAyiA83MOTpkGl3F3wyATyUog=="],
+    "@expo/config-plugins": ["@expo/config-plugins@10.1.1", "", { "dependencies": { "@expo/config-types": "^53.0.5", "@expo/json-file": "~9.1.5", "@expo/plist": "^0.3.5", "@expo/sdk-runtime-versions": "^1.0.0", "chalk": "^4.1.2", "debug": "^4.3.5", "getenv": "^2.0.0", "glob": "^10.4.2", "resolve-from": "^5.0.0", "semver": "^7.5.4", "slash": "^3.0.0", "slugify": "^1.6.6", "xcode": "^3.0.1", "xml2js": "0.6.0" } }, "sha512-2L/ryY/R/AzwHfLpzBBsj0qdwN+E2RkF24uwo33L7M5DOswbLVaA007IdLlun+G6ctZYnwgm3TDLxjbvqZ9Avw=="],
 
-    "@expo/config-types": ["@expo/config-types@53.0.4", "", {}, "sha512-0s+9vFx83WIToEr0Iwy4CcmiUXa5BgwBmEjylBB2eojX5XAMm9mJvw9KpjAb8m7zq2G0Q6bRbeufkzgbipuNQg=="],
+    "@expo/config-types": ["@expo/config-types@53.0.5", "", {}, "sha512-kqZ0w44E+HEGBjy+Lpyn0BVL5UANg/tmNixxaRMLS6nf37YsDrLk2VMAmeKMMk5CKG0NmOdVv3ngeUjRQMsy9g=="],
 
     "@expo/devcert": ["@expo/devcert@1.2.0", "", { "dependencies": { "@expo/sudo-prompt": "^9.3.1", "debug": "^3.1.0", "glob": "^10.4.2" } }, "sha512-Uilcv3xGELD5t/b0eM4cxBFEKQRIivB3v7i+VhWLV/gL98aw810unLKKJbGAxAIhY6Ipyz8ChWibFsKFXYwstA=="],
 
-    "@expo/env": ["@expo/env@1.0.5", "", { "dependencies": { "chalk": "^4.0.0", "debug": "^4.3.4", "dotenv": "~16.4.5", "dotenv-expand": "~11.0.6", "getenv": "^1.0.0" } }, "sha512-dtEZ4CAMaVrFu2+tezhU3FoGWtbzQl50xV+rNJE5lYVRjUflWiZkVHlHkWUlPAwDPifLy4TuissVfScGGPWR5g=="],
+    "@expo/env": ["@expo/env@1.0.7", "", { "dependencies": { "chalk": "^4.0.0", "debug": "^4.3.4", "dotenv": "~16.4.5", "dotenv-expand": "~11.0.6", "getenv": "^2.0.0" } }, "sha512-qSTEnwvuYJ3umapO9XJtrb1fAqiPlmUUg78N0IZXXGwQRt+bkp0OBls+Y5Mxw/Owj8waAM0Z3huKKskRADR5ow=="],
 
-    "@expo/fingerprint": ["@expo/fingerprint@0.13.1", "", { "dependencies": { "@expo/spawn-async": "^1.7.2", "arg": "^5.0.2", "chalk": "^4.1.2", "debug": "^4.3.4", "find-up": "^5.0.0", "getenv": "^2.0.0", "glob": "^10.4.2", "ignore": "^5.3.1", "minimatch": "^9.0.0", "p-limit": "^3.1.0", "resolve-from": "^5.0.0", "semver": "^7.6.0" }, "bin": { "fingerprint": "bin/cli.js" } }, "sha512-MgZ5uIvvwAnjWeQoj4D3RnBXjD1GNOpCvhp2jtZWdQ8yEokhDEJGoHjsMT8/NCB5m2fqP5sv2V5nPzC7CN1YjQ=="],
+    "@expo/fingerprint": ["@expo/fingerprint@0.13.4", "", { "dependencies": { "@expo/spawn-async": "^1.7.2", "arg": "^5.0.2", "chalk": "^4.1.2", "debug": "^4.3.4", "find-up": "^5.0.0", "getenv": "^2.0.0", "glob": "^10.4.2", "ignore": "^5.3.1", "minimatch": "^9.0.0", "p-limit": "^3.1.0", "resolve-from": "^5.0.0", "semver": "^7.6.0" }, "bin": { "fingerprint": "bin/cli.js" } }, "sha512-MYfPYBTMfrrNr07DALuLhG6EaLVNVrY/PXjEzsjWdWE4ZFn0yqI0IdHNkJG7t1gePT8iztHc7qnsx+oo/rDo6w=="],
 
-    "@expo/image-utils": ["@expo/image-utils@0.7.4", "", { "dependencies": { "@expo/spawn-async": "^1.7.2", "chalk": "^4.0.0", "getenv": "^1.0.0", "jimp-compact": "0.16.1", "parse-png": "^2.1.0", "resolve-from": "^5.0.0", "semver": "^7.6.0", "temp-dir": "~2.0.0", "unique-string": "~2.0.0" } }, "sha512-LcZ82EJy/t/a1avwIboeZbO6hlw8CvsIRh2k6SWPcAOvW0RqynyKFzUJsvnjWlhUzfBEn4oI7y/Pu5Xkw3KkkA=="],
+    "@expo/image-utils": ["@expo/image-utils@0.7.6", "", { "dependencies": { "@expo/spawn-async": "^1.7.2", "chalk": "^4.0.0", "getenv": "^2.0.0", "jimp-compact": "0.16.1", "parse-png": "^2.1.0", "resolve-from": "^5.0.0", "semver": "^7.6.0", "temp-dir": "~2.0.0", "unique-string": "~2.0.0" } }, "sha512-GKnMqC79+mo/1AFrmAcUcGfbsXXTRqOMNS1umebuevl3aaw+ztsYEFEiuNhHZW7PQ3Xs3URNT513ZxKhznDscw=="],
 
-    "@expo/json-file": ["@expo/json-file@9.1.4", "", { "dependencies": { "@babel/code-frame": "~7.10.4", "json5": "^2.2.3" } }, "sha512-7Bv86X27fPERGhw8aJEZvRcH9sk+9BenDnEmrI3ZpywKodYSBgc8lX9Y32faNVQ/p0YbDK9zdJ0BfAKNAOyi0A=="],
+    "@expo/json-file": ["@expo/json-file@9.1.5", "", { "dependencies": { "@babel/code-frame": "~7.10.4", "json5": "^2.2.3" } }, "sha512-prWBhLUlmcQtvN6Y7BpW2k9zXGd3ySa3R6rAguMJkp1z22nunLN64KYTUWfijFlprFoxm9r2VNnGkcbndAlgKA=="],
 
-    "@expo/metro-config": ["@expo/metro-config@0.20.15", "", { "dependencies": { "@babel/core": "^7.20.0", "@babel/generator": "^7.20.5", "@babel/parser": "^7.20.0", "@babel/types": "^7.20.0", "@expo/config": "~11.0.10", "@expo/env": "~1.0.5", "@expo/json-file": "~9.1.4", "@expo/spawn-async": "^1.7.2", "chalk": "^4.1.0", "debug": "^4.3.2", "dotenv": "~16.4.5", "dotenv-expand": "~11.0.6", "getenv": "^2.0.0", "glob": "^10.4.2", "jsc-safe-url": "^0.2.4", "lightningcss": "~1.27.0", "minimatch": "^9.0.0", "postcss": "~8.4.32", "resolve-from": "^5.0.0" } }, "sha512-m8i58IQ7I8iOdVRfOhFmhPMHuhgeTVfQp1+mxW7URqPZaeVbuDVktPqOiNoHraKBoGPLKMUSsD+qdUuJVL3wMg=="],
+    "@expo/metro-config": ["@expo/metro-config@0.20.17", "", { "dependencies": { "@babel/core": "^7.20.0", "@babel/generator": "^7.20.5", "@babel/parser": "^7.20.0", "@babel/types": "^7.20.0", "@expo/config": "~11.0.12", "@expo/env": "~1.0.7", "@expo/json-file": "~9.1.5", "@expo/spawn-async": "^1.7.2", "chalk": "^4.1.0", "debug": "^4.3.2", "dotenv": "~16.4.5", "dotenv-expand": "~11.0.6", "getenv": "^2.0.0", "glob": "^10.4.2", "jsc-safe-url": "^0.2.4", "lightningcss": "~1.27.0", "minimatch": "^9.0.0", "postcss": "~8.4.32", "resolve-from": "^5.0.0" } }, "sha512-lpntF2UZn5bTwrPK6guUv00Xv3X9mkN3YYla+IhEHiYXWyG7WKOtDU0U4KR8h3ubkZ6SPH3snDyRyAzMsWtZFA=="],
 
     "@expo/metro-runtime": ["@expo/metro-runtime@5.0.4", "", { "peerDependencies": { "react-native": "*" } }, "sha512-r694MeO+7Vi8IwOsDIDzH/Q5RPMt1kUDYbiTJwnO15nIqiDwlE8HU55UlRhffKZy6s5FmxQsZ8HA+T8DqUW8cQ=="],
 
-    "@expo/osascript": ["@expo/osascript@2.2.4", "", { "dependencies": { "@expo/spawn-async": "^1.7.2", "exec-async": "^2.2.0" } }, "sha512-Q+Oyj+1pdRiHHpev9YjqfMZzByFH8UhKvSszxa0acTveijjDhQgWrq4e9T/cchBHi0GWZpGczWyiyJkk1wM1dg=="],
+    "@expo/osascript": ["@expo/osascript@2.2.5", "", { "dependencies": { "@expo/spawn-async": "^1.7.2", "exec-async": "^2.2.0" } }, "sha512-Bpp/n5rZ0UmpBOnl7Li3LtM7la0AR3H9NNesqL+ytW5UiqV/TbonYW3rDZY38u4u/lG7TnYflVIVQPD+iqZJ5w=="],
 
-    "@expo/package-manager": ["@expo/package-manager@1.8.4", "", { "dependencies": { "@expo/json-file": "^9.1.4", "@expo/spawn-async": "^1.7.2", "chalk": "^4.0.0", "npm-package-arg": "^11.0.0", "ora": "^3.4.0", "resolve-workspace-root": "^2.0.0" } }, "sha512-8H8tLga/NS3iS7QaX/NneRPqbObnHvVCfMCo0ShudreOFmvmgqhYjRlkZTRstSyFqefai8ONaT4VmnLHneRYYg=="],
+    "@expo/package-manager": ["@expo/package-manager@1.8.6", "", { "dependencies": { "@expo/json-file": "^9.1.5", "@expo/spawn-async": "^1.7.2", "chalk": "^4.0.0", "npm-package-arg": "^11.0.0", "ora": "^3.4.0", "resolve-workspace-root": "^2.0.0" } }, "sha512-gcdICLuL+nHKZagPIDC5tX8UoDDB8vNA5/+SaQEqz8D+T2C4KrEJc2Vi1gPAlDnKif834QS6YluHWyxjk0yZlQ=="],
 
-    "@expo/plist": ["@expo/plist@0.3.4", "", { "dependencies": { "@xmldom/xmldom": "^0.8.8", "base64-js": "^1.2.3", "xmlbuilder": "^15.1.1" } }, "sha512-MhBLaUJNe9FQDDU2xhSNS4SAolr6K2wuyi4+A79vYuXLkAoICsbTwcGEQJN5jPY6D9izO/jsXh5k0h+mIWQMdw=="],
+    "@expo/plist": ["@expo/plist@0.3.5", "", { "dependencies": { "@xmldom/xmldom": "^0.8.8", "base64-js": "^1.2.3", "xmlbuilder": "^15.1.1" } }, "sha512-9RYVU1iGyCJ7vWfg3e7c/NVyMFs8wbl+dMWZphtFtsqyN9zppGREU3ctlD3i8KUE0sCUTVnLjCWr+VeUIDep2g=="],
 
-    "@expo/prebuild-config": ["@expo/prebuild-config@9.0.7", "", { "dependencies": { "@expo/config": "~11.0.10", "@expo/config-plugins": "~10.0.3", "@expo/config-types": "^53.0.4", "@expo/image-utils": "^0.7.4", "@expo/json-file": "^9.1.4", "@react-native/normalize-colors": "0.79.4", "debug": "^4.3.1", "resolve-from": "^5.0.0", "semver": "^7.6.0", "xml2js": "0.6.0" } }, "sha512-1w5MBp6NdF51gPGp0HsCZt0QC82hZWo37wI9HfxhdQF/sN/92Mh4t30vaY7gjHe71T5QNyab00oxZH/wP0MDgQ=="],
+    "@expo/prebuild-config": ["@expo/prebuild-config@9.0.10", "", { "dependencies": { "@expo/config": "~11.0.12", "@expo/config-plugins": "~10.1.1", "@expo/config-types": "^53.0.5", "@expo/image-utils": "^0.7.6", "@expo/json-file": "^9.1.5", "@react-native/normalize-colors": "0.79.5", "debug": "^4.3.1", "resolve-from": "^5.0.0", "semver": "^7.6.0", "xml2js": "0.6.0" } }, "sha512-lpzuel+Qb3QvGV0mnFOfeiyTq8pTGmnoGIX7p/enEgwjaCOUMSfOkbZkn6QJNAHOgNE1z5PAqzO1EBQPj2jrfA=="],
 
     "@expo/sdk-runtime-versions": ["@expo/sdk-runtime-versions@1.0.0", "", {}, "sha512-Doz2bfiPndXYFPMRwPyGa1k5QaKDVpY806UJj570epIiMzWaYyCtobasyfC++qfIXVb5Ocy7r3tP9d62hAQ7IQ=="],
 
@@ -367,27 +367,27 @@
 
     "@radix-ui/react-slot": ["@radix-ui/react-slot@1.2.0", "", { "dependencies": { "@radix-ui/react-compose-refs": "1.1.2" }, "peerDependencies": { "@types/react": "*", "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc" } }, "sha512-ujc+V6r0HNDviYqIK3rW4ffgYiZ8g5DEHrGJVk4x7kTlLXRDILnKX9vAUYeIsLOoDpDJ0ujpqMkjH4w2ofuo6w=="],
 
-    "@react-native/assets-registry": ["@react-native/assets-registry@0.79.4", "", {}, "sha512-7PjHNRtYlc36B7P1PHme8ZV0ZJ/xsA/LvMoXe6EX++t7tSPJ8iYCMBryZhcdnztgce73b94Hfx6TTGbLF+xtUg=="],
+    "@react-native/assets-registry": ["@react-native/assets-registry@0.79.5", "", {}, "sha512-N4Kt1cKxO5zgM/BLiyzuuDNquZPiIgfktEQ6TqJ/4nKA8zr4e8KJgU6Tb2eleihDO4E24HmkvGc73naybKRz/w=="],
 
-    "@react-native/babel-plugin-codegen": ["@react-native/babel-plugin-codegen@0.79.4", "", { "dependencies": { "@babel/traverse": "^7.25.3", "@react-native/codegen": "0.79.4" } }, "sha512-quhytIlDedR3ircRwifa22CaWVUVnkxccrrgztroCZaemSJM+HLurKJrjKWm0J5jV9ed+d+9Qyb1YB0syTHDjg=="],
+    "@react-native/babel-plugin-codegen": ["@react-native/babel-plugin-codegen@0.79.5", "", { "dependencies": { "@babel/traverse": "^7.25.3", "@react-native/codegen": "0.79.5" } }, "sha512-Rt/imdfqXihD/sn0xnV4flxxb1aLLjPtMF1QleQjEhJsTUPpH4TFlfOpoCvsrXoDl4OIcB1k4FVM24Ez92zf5w=="],
 
-    "@react-native/babel-preset": ["@react-native/babel-preset@0.79.4", "", { "dependencies": { "@babel/core": "^7.25.2", "@babel/plugin-proposal-export-default-from": "^7.24.7", "@babel/plugin-syntax-dynamic-import": "^7.8.3", "@babel/plugin-syntax-export-default-from": "^7.24.7", "@babel/plugin-syntax-nullish-coalescing-operator": "^7.8.3", "@babel/plugin-syntax-optional-chaining": "^7.8.3", "@babel/plugin-transform-arrow-functions": "^7.24.7", "@babel/plugin-transform-async-generator-functions": "^7.25.4", "@babel/plugin-transform-async-to-generator": "^7.24.7", "@babel/plugin-transform-block-scoping": "^7.25.0", "@babel/plugin-transform-class-properties": "^7.25.4", "@babel/plugin-transform-classes": "^7.25.4", "@babel/plugin-transform-computed-properties": "^7.24.7", "@babel/plugin-transform-destructuring": "^7.24.8", "@babel/plugin-transform-flow-strip-types": "^7.25.2", "@babel/plugin-transform-for-of": "^7.24.7", "@babel/plugin-transform-function-name": "^7.25.1", "@babel/plugin-transform-literals": "^7.25.2", "@babel/plugin-transform-logical-assignment-operators": "^7.24.7", "@babel/plugin-transform-modules-commonjs": "^7.24.8", "@babel/plugin-transform-named-capturing-groups-regex": "^7.24.7", "@babel/plugin-transform-nullish-coalescing-operator": "^7.24.7", "@babel/plugin-transform-numeric-separator": "^7.24.7", "@babel/plugin-transform-object-rest-spread": "^7.24.7", "@babel/plugin-transform-optional-catch-binding": "^7.24.7", "@babel/plugin-transform-optional-chaining": "^7.24.8", "@babel/plugin-transform-parameters": "^7.24.7", "@babel/plugin-transform-private-methods": "^7.24.7", "@babel/plugin-transform-private-property-in-object": "^7.24.7", "@babel/plugin-transform-react-display-name": "^7.24.7", "@babel/plugin-transform-react-jsx": "^7.25.2", "@babel/plugin-transform-react-jsx-self": "^7.24.7", "@babel/plugin-transform-react-jsx-source": "^7.24.7", "@babel/plugin-transform-regenerator": "^7.24.7", "@babel/plugin-transform-runtime": "^7.24.7", "@babel/plugin-transform-shorthand-properties": "^7.24.7", "@babel/plugin-transform-spread": "^7.24.7", "@babel/plugin-transform-sticky-regex": "^7.24.7", "@babel/plugin-transform-typescript": "^7.25.2", "@babel/plugin-transform-unicode-regex": "^7.24.7", "@babel/template": "^7.25.0", "@react-native/babel-plugin-codegen": "0.79.4", "babel-plugin-syntax-hermes-parser": "0.25.1", "babel-plugin-transform-flow-enums": "^0.0.2", "react-refresh": "^0.14.0" }, "peerDependencies": { "@babel/core": "*" } }, "sha512-El9JvYKiNfnkQ3qR7zJvvRdP3DX2i4BGYlIricWQishI3gWAfm88FQYFC2CcGoMQWJQEPN4jnDMpoISAJDEN4g=="],
+    "@react-native/babel-preset": ["@react-native/babel-preset@0.79.5", "", { "dependencies": { "@babel/core": "^7.25.2", "@babel/plugin-proposal-export-default-from": "^7.24.7", "@babel/plugin-syntax-dynamic-import": "^7.8.3", "@babel/plugin-syntax-export-default-from": "^7.24.7", "@babel/plugin-syntax-nullish-coalescing-operator": "^7.8.3", "@babel/plugin-syntax-optional-chaining": "^7.8.3", "@babel/plugin-transform-arrow-functions": "^7.24.7", "@babel/plugin-transform-async-generator-functions": "^7.25.4", "@babel/plugin-transform-async-to-generator": "^7.24.7", "@babel/plugin-transform-block-scoping": "^7.25.0", "@babel/plugin-transform-class-properties": "^7.25.4", "@babel/plugin-transform-classes": "^7.25.4", "@babel/plugin-transform-computed-properties": "^7.24.7", "@babel/plugin-transform-destructuring": "^7.24.8", "@babel/plugin-transform-flow-strip-types": "^7.25.2", "@babel/plugin-transform-for-of": "^7.24.7", "@babel/plugin-transform-function-name": "^7.25.1", "@babel/plugin-transform-literals": "^7.25.2", "@babel/plugin-transform-logical-assignment-operators": "^7.24.7", "@babel/plugin-transform-modules-commonjs": "^7.24.8", "@babel/plugin-transform-named-capturing-groups-regex": "^7.24.7", "@babel/plugin-transform-nullish-coalescing-operator": "^7.24.7", "@babel/plugin-transform-numeric-separator": "^7.24.7", "@babel/plugin-transform-object-rest-spread": "^7.24.7", "@babel/plugin-transform-optional-catch-binding": "^7.24.7", "@babel/plugin-transform-optional-chaining": "^7.24.8", "@babel/plugin-transform-parameters": "^7.24.7", "@babel/plugin-transform-private-methods": "^7.24.7", "@babel/plugin-transform-private-property-in-object": "^7.24.7", "@babel/plugin-transform-react-display-name": "^7.24.7", "@babel/plugin-transform-react-jsx": "^7.25.2", "@babel/plugin-transform-react-jsx-self": "^7.24.7", "@babel/plugin-transform-react-jsx-source": "^7.24.7", "@babel/plugin-transform-regenerator": "^7.24.7", "@babel/plugin-transform-runtime": "^7.24.7", "@babel/plugin-transform-shorthand-properties": "^7.24.7", "@babel/plugin-transform-spread": "^7.24.7", "@babel/plugin-transform-sticky-regex": "^7.24.7", "@babel/plugin-transform-typescript": "^7.25.2", "@babel/plugin-transform-unicode-regex": "^7.24.7", "@babel/template": "^7.25.0", "@react-native/babel-plugin-codegen": "0.79.5", "babel-plugin-syntax-hermes-parser": "0.25.1", "babel-plugin-transform-flow-enums": "^0.0.2", "react-refresh": "^0.14.0" } }, "sha512-GDUYIWslMLbdJHEgKNfrOzXk8EDKxKzbwmBXUugoiSlr6TyepVZsj3GZDLEFarOcTwH1EXXHJsixihk8DCRQDA=="],
 
-    "@react-native/codegen": ["@react-native/codegen@0.79.4", "", { "dependencies": { "glob": "^7.1.1", "hermes-parser": "0.25.1", "invariant": "^2.2.4", "nullthrows": "^1.1.1", "yargs": "^17.6.2" }, "peerDependencies": { "@babel/core": "*" } }, "sha512-K0moZDTJtqZqSs+u9tnDPSxNsdxi5irq8Nu4mzzOYlJTVNGy5H9BiIDg/NeKGfjAdo43yTDoaPSbUCvVV8cgIw=="],
+    "@react-native/codegen": ["@react-native/codegen@0.79.5", "", { "dependencies": { "glob": "^7.1.1", "hermes-parser": "0.25.1", "invariant": "^2.2.4", "nullthrows": "^1.1.1", "yargs": "^17.6.2" }, "peerDependencies": { "@babel/core": "*" } }, "sha512-FO5U1R525A1IFpJjy+KVznEinAgcs3u7IbnbRJUG9IH/MBXi2lEU2LtN+JarJ81MCfW4V2p0pg6t/3RGHFRrlQ=="],
 
-    "@react-native/community-cli-plugin": ["@react-native/community-cli-plugin@0.79.4", "", { "dependencies": { "@react-native/dev-middleware": "0.79.4", "chalk": "^4.0.0", "debug": "^2.2.0", "invariant": "^2.2.4", "metro": "^0.82.0", "metro-config": "^0.82.0", "metro-core": "^0.82.0", "semver": "^7.1.3" }, "peerDependencies": { "@react-native-community/cli": "*" }, "optionalPeers": ["@react-native-community/cli"] }, "sha512-lx1RXEJwU9Tcs2B2uiDZBa6yghU6m6STvwYqHbJlFZyNN1k3JRa9j0/CDu+0fCFacIn7rEfZpb4UWi5YhsHpQg=="],
+    "@react-native/community-cli-plugin": ["@react-native/community-cli-plugin@0.79.5", "", { "dependencies": { "@react-native/dev-middleware": "0.79.5", "chalk": "^4.0.0", "debug": "^2.2.0", "invariant": "^2.2.4", "metro": "^0.82.0", "metro-config": "^0.82.0", "metro-core": "^0.82.0", "semver": "^7.1.3" }, "peerDependencies": { "@react-native-community/cli": "*" }, "optionalPeers": ["@react-native-community/cli"] }, "sha512-ApLO1ARS8JnQglqS3JAHk0jrvB+zNW3dvNJyXPZPoygBpZVbf8sjvqeBiaEYpn8ETbFWddebC4HoQelDndnrrA=="],
 
-    "@react-native/debugger-frontend": ["@react-native/debugger-frontend@0.79.4", "", {}, "sha512-Gg4LhxHIK86Bi2RiT1rbFAB6fuwANRsaZJ1sFZ1OZEMQEx6stEnzaIrmfgzcv4z0bTQdQ8lzCrpsz0qtdaD4eA=="],
+    "@react-native/debugger-frontend": ["@react-native/debugger-frontend@0.79.5", "", {}, "sha512-WQ49TRpCwhgUYo5/n+6GGykXmnumpOkl4Lr2l2o2buWU9qPOwoiBqJAtmWEXsAug4ciw3eLiVfthn5ufs0VB0A=="],
 
-    "@react-native/dev-middleware": ["@react-native/dev-middleware@0.79.4", "", { "dependencies": { "@isaacs/ttlcache": "^1.4.1", "@react-native/debugger-frontend": "0.79.4", "chrome-launcher": "^0.15.2", "chromium-edge-launcher": "^0.2.0", "connect": "^3.6.5", "debug": "^2.2.0", "invariant": "^2.2.4", "nullthrows": "^1.1.1", "open": "^7.0.3", "serve-static": "^1.16.2", "ws": "^6.2.3" } }, "sha512-OWRDNkgrFEo+OSC5QKfiiBmGXKoU8gmIABK8rj2PkgwisFQ/22p7MzE5b6oB2lxWaeJT7jBX5KVniNqO46VhHA=="],
+    "@react-native/dev-middleware": ["@react-native/dev-middleware@0.79.5", "", { "dependencies": { "@isaacs/ttlcache": "^1.4.1", "@react-native/debugger-frontend": "0.79.5", "chrome-launcher": "^0.15.2", "chromium-edge-launcher": "^0.2.0", "connect": "^3.6.5", "debug": "^2.2.0", "invariant": "^2.2.4", "nullthrows": "^1.1.1", "open": "^7.0.3", "serve-static": "^1.16.2", "ws": "^6.2.3" } }, "sha512-U7r9M/SEktOCP/0uS6jXMHmYjj4ESfYCkNAenBjFjjsRWekiHE+U/vRMeO+fG9gq4UCcBAUISClkQCowlftYBw=="],
 
-    "@react-native/gradle-plugin": ["@react-native/gradle-plugin@0.79.4", "", {}, "sha512-Gv5ryy23k7Sib2xVgqw65GTryg9YTij6URcMul5cI7LRcW0Aa1/FPb26l388P4oeNGNdDoAkkS+CuCWNunRuWg=="],
+    "@react-native/gradle-plugin": ["@react-native/gradle-plugin@0.79.5", "", {}, "sha512-K3QhfFNKiWKF3HsCZCEoWwJPSMcPJQaeqOmzFP4RL8L3nkpgUwn74PfSCcKHxooVpS6bMvJFQOz7ggUZtNVT+A=="],
 
-    "@react-native/js-polyfills": ["@react-native/js-polyfills@0.79.4", "", {}, "sha512-VyKPo/l9zP4+oXpQHrJq4vNOtxF7F5IMdQmceNzTnRpybRvGGgO/9jYu9mdmdKRO2KpQEc5dB4W2rYhVKdGNKg=="],
+    "@react-native/js-polyfills": ["@react-native/js-polyfills@0.79.5", "", {}, "sha512-a2wsFlIhvd9ZqCD5KPRsbCQmbZi6KxhRN++jrqG0FUTEV5vY7MvjjUqDILwJd2ZBZsf7uiDuClCcKqA+EEdbvw=="],
 
-    "@react-native/normalize-colors": ["@react-native/normalize-colors@0.79.4", "", {}, "sha512-247/8pHghbYY2wKjJpUsY6ZNbWcdUa5j5517LZMn6pXrbSSgWuj3JA4OYibNnocCHBaVrt+3R8XC3VEJqLlHFg=="],
+    "@react-native/normalize-colors": ["@react-native/normalize-colors@0.79.5", "", {}, "sha512-nGXMNMclZgzLUxijQQ38Dm3IAEhgxuySAWQHnljFtfB0JdaMwpe0Ox9H7Tp2OgrEA+EMEv+Od9ElKlHwGKmmvQ=="],
 
-    "@react-native/virtualized-lists": ["@react-native/virtualized-lists@0.79.4", "", { "dependencies": { "invariant": "^2.2.4", "nullthrows": "^1.1.1" }, "peerDependencies": { "@types/react": "^19.0.0", "react": "*", "react-native": "*" } }, "sha512-0Mdcox6e5PTonuM1WIo3ks7MBAa3IDzj0pKnE5xAwSgQ0DJW2P5dYf+KjWmpkE+Yb0w41ZbtXPhKq+U2JJ6C/Q=="],
+    "@react-native/virtualized-lists": ["@react-native/virtualized-lists@0.79.5", "", { "dependencies": { "invariant": "^2.2.4", "nullthrows": "^1.1.1" }, "peerDependencies": { "@types/react": "^19.0.0", "react": "*", "react-native": "*" }, "optionalPeers": ["@types/react"] }, "sha512-EUPM2rfGNO4cbI3olAbhPkIt3q7MapwCwAJBzUfWlZ/pu0PRNOnMQ1IvaXTf3TpeozXV52K1OdprLEI/kI5eUA=="],
 
     "@react-navigation/bottom-tabs": ["@react-navigation/bottom-tabs@7.4.2", "", { "dependencies": { "@react-navigation/elements": "^2.5.2", "color": "^4.2.3" }, "peerDependencies": { "@react-navigation/native": "^7.1.14", "react": ">= 18.2.0", "react-native": "*", "react-native-safe-area-context": ">= 4.0.0", "react-native-screens": ">= 4.0.0" } }, "sha512-jyBux5l3qqEucY5M/ZWxVvfA8TQu7DVl2gK+xB6iKqRUfLf7dSumyVxc7HemDwGFoz3Ug8dVZFvSMEs+mfrieQ=="],
 
@@ -591,7 +591,7 @@
 
     "babel-preset-current-node-syntax": ["babel-preset-current-node-syntax@1.1.0", "", { "dependencies": { "@babel/plugin-syntax-async-generators": "^7.8.4", "@babel/plugin-syntax-bigint": "^7.8.3", "@babel/plugin-syntax-class-properties": "^7.12.13", "@babel/plugin-syntax-class-static-block": "^7.14.5", "@babel/plugin-syntax-import-attributes": "^7.24.7", "@babel/plugin-syntax-import-meta": "^7.10.4", "@babel/plugin-syntax-json-strings": "^7.8.3", "@babel/plugin-syntax-logical-assignment-operators": "^7.10.4", "@babel/plugin-syntax-nullish-coalescing-operator": "^7.8.3", "@babel/plugin-syntax-numeric-separator": "^7.10.4", "@babel/plugin-syntax-object-rest-spread": "^7.8.3", "@babel/plugin-syntax-optional-catch-binding": "^7.8.3", "@babel/plugin-syntax-optional-chaining": "^7.8.3", "@babel/plugin-syntax-private-property-in-object": "^7.14.5", "@babel/plugin-syntax-top-level-await": "^7.14.5" }, "peerDependencies": { "@babel/core": "^7.0.0" } }, "sha512-ldYss8SbBlWva1bs28q78Ju5Zq1F+8BrqBZZ0VFhLBvhh6lCpC2o3gDJi/5DRLs9FgYZCnmPYIVFU4lRXCkyUw=="],
 
-    "babel-preset-expo": ["babel-preset-expo@13.2.1", "", { "dependencies": { "@babel/helper-module-imports": "^7.25.9", "@babel/plugin-proposal-decorators": "^7.12.9", "@babel/plugin-proposal-export-default-from": "^7.24.7", "@babel/plugin-syntax-export-default-from": "^7.24.7", "@babel/plugin-transform-export-namespace-from": "^7.25.9", "@babel/plugin-transform-flow-strip-types": "^7.25.2", "@babel/plugin-transform-modules-commonjs": "^7.24.8", "@babel/plugin-transform-object-rest-spread": "^7.24.7", "@babel/plugin-transform-parameters": "^7.24.7", "@babel/plugin-transform-private-methods": "^7.24.7", "@babel/plugin-transform-private-property-in-object": "^7.24.7", "@babel/plugin-transform-runtime": "^7.24.7", "@babel/preset-react": "^7.22.15", "@babel/preset-typescript": "^7.23.0", "@react-native/babel-preset": "0.79.4", "babel-plugin-react-native-web": "~0.19.13", "babel-plugin-syntax-hermes-parser": "^0.25.1", "babel-plugin-transform-flow-enums": "^0.0.2", "debug": "^4.3.4", "react-refresh": "^0.14.2", "resolve-from": "^5.0.0" }, "peerDependencies": { "babel-plugin-react-compiler": "^19.0.0-beta-e993439-20250405" }, "optionalPeers": ["babel-plugin-react-compiler"] }, "sha512-Ol3w0uLJNQ5tDfCf4L+IDTDMgJkVMQHhvYqMxs18Ib0DcaBQIfE8mneSSk7FcuI6FS0phw/rZhoEquQh1/Q3wA=="],
+    "babel-preset-expo": ["babel-preset-expo@13.2.3", "", { "dependencies": { "@babel/helper-module-imports": "^7.25.9", "@babel/plugin-proposal-decorators": "^7.12.9", "@babel/plugin-proposal-export-default-from": "^7.24.7", "@babel/plugin-syntax-export-default-from": "^7.24.7", "@babel/plugin-transform-export-namespace-from": "^7.25.9", "@babel/plugin-transform-flow-strip-types": "^7.25.2", "@babel/plugin-transform-modules-commonjs": "^7.24.8", "@babel/plugin-transform-object-rest-spread": "^7.24.7", "@babel/plugin-transform-parameters": "^7.24.7", "@babel/plugin-transform-private-methods": "^7.24.7", "@babel/plugin-transform-private-property-in-object": "^7.24.7", "@babel/plugin-transform-runtime": "^7.24.7", "@babel/preset-react": "^7.22.15", "@babel/preset-typescript": "^7.23.0", "@react-native/babel-preset": "0.79.5", "babel-plugin-react-native-web": "~0.19.13", "babel-plugin-syntax-hermes-parser": "^0.25.1", "babel-plugin-transform-flow-enums": "^0.0.2", "debug": "^4.3.4", "react-refresh": "^0.14.2", "resolve-from": "^5.0.0" }, "peerDependencies": { "babel-plugin-react-compiler": "^19.0.0-beta-e993439-20250405" }, "optionalPeers": ["babel-plugin-react-compiler"] }, "sha512-wQJn92lqj8GKR7Ojg/aW4+GkqI6ZdDNTDyOqhhl7A9bAqk6t0ukUOWLDXQb4p0qKJjMDV1F6gNWasI2KUbuVTQ=="],
 
     "babel-preset-jest": ["babel-preset-jest@29.6.3", "", { "dependencies": { "babel-plugin-jest-hoist": "^29.6.3", "babel-preset-current-node-syntax": "^1.0.0" }, "peerDependencies": { "@babel/core": "^7.0.0" } }, "sha512-0B3bhxR6snWXJZtR/RliHTDPRgn1sNHOR0yVtq/IiQFyuOVjFS+wuio/R4gSNkyYmKmJB4wGZv2NZanmKmTnNA=="],
 
@@ -807,23 +807,23 @@
 
     "exec-async": ["exec-async@2.2.0", "", {}, "sha512-87OpwcEiMia/DeiKFzaQNBNFeN3XkkpYIh9FyOqq5mS2oKv3CBE67PXoEKcr6nodWdXNogTiQ0jE2NGuoffXPw=="],
 
-    "expo": ["expo@53.0.13", "", { "dependencies": { "@babel/runtime": "^7.20.0", "@expo/cli": "0.24.15", "@expo/config": "~11.0.10", "@expo/config-plugins": "~10.0.3", "@expo/fingerprint": "0.13.1", "@expo/metro-config": "0.20.15", "@expo/vector-icons": "^14.0.0", "babel-preset-expo": "~13.2.1", "expo-asset": "~11.1.5", "expo-constants": "~17.1.6", "expo-file-system": "~18.1.10", "expo-font": "~13.3.1", "expo-keep-awake": "~14.1.4", "expo-modules-autolinking": "2.1.12", "expo-modules-core": "2.4.0", "react-native-edge-to-edge": "1.6.0", "whatwg-url-without-unicode": "8.0.0-3" }, "peerDependencies": { "@expo/dom-webview": "*", "@expo/metro-runtime": "*", "react": "*", "react-native": "*", "react-native-webview": "*" }, "optionalPeers": ["@expo/dom-webview", "@expo/metro-runtime", "react-native-webview"], "bin": { "expo": "bin/cli", "fingerprint": "bin/fingerprint", "expo-modules-autolinking": "bin/autolinking" } }, "sha512-QDdEEbFErUmm2IHR/UPKKIRLN3z5MmN2QLx0aPlOEGOx295buSUE42u6f7TppkgJn0BUX3f7wFaHRo86+G+Trg=="],
+    "expo": ["expo@53.0.17", "", { "dependencies": { "@babel/runtime": "^7.20.0", "@expo/cli": "0.24.18", "@expo/config": "~11.0.12", "@expo/config-plugins": "~10.1.1", "@expo/fingerprint": "0.13.4", "@expo/metro-config": "0.20.17", "@expo/vector-icons": "^14.0.0", "babel-preset-expo": "~13.2.3", "expo-asset": "~11.1.7", "expo-constants": "~17.1.7", "expo-file-system": "~18.1.11", "expo-font": "~13.3.2", "expo-keep-awake": "~14.1.4", "expo-modules-autolinking": "2.1.13", "expo-modules-core": "2.4.2", "react-native-edge-to-edge": "1.6.0", "whatwg-url-without-unicode": "8.0.0-3" }, "peerDependencies": { "@expo/dom-webview": "*", "@expo/metro-runtime": "*", "react": "*", "react-native": "*", "react-native-webview": "*" }, "optionalPeers": ["@expo/dom-webview", "@expo/metro-runtime", "react-native-webview"], "bin": { "expo": "bin/cli", "fingerprint": "bin/fingerprint", "expo-modules-autolinking": "bin/autolinking" } }, "sha512-I1z4X/BoirQeWH8VMcfW1N3OsKCY0LslGjhzDsBWomv4rzviLkcm7KNJBeYWddY7wGo0bljT8S57NGsIJS/f9g=="],
 
-    "expo-asset": ["expo-asset@11.1.5", "", { "dependencies": { "@expo/image-utils": "^0.7.4", "expo-constants": "~17.1.5" }, "peerDependencies": { "expo": "*", "react": "*", "react-native": "*" } }, "sha512-GEQDCqC25uDBoXHEnXeBuwpeXvI+3fRGvtzwwt0ZKKzWaN+TgeF8H7c76p3Zi4DfBMFDcduM0CmOvJX+yCCLUQ=="],
+    "expo-asset": ["expo-asset@11.1.7", "", { "dependencies": { "@expo/image-utils": "^0.7.6", "expo-constants": "~17.1.7" }, "peerDependencies": { "expo": "*", "react": "*", "react-native": "*" } }, "sha512-b5P8GpjUh08fRCf6m5XPVAh7ra42cQrHBIMgH2UXP+xsj4Wufl6pLy6jRF5w6U7DranUMbsXm8TOyq4EHy7ADg=="],
 
     "expo-blur": ["expo-blur@14.1.5", "", { "peerDependencies": { "expo": "*", "react": "*", "react-native": "*" } }, "sha512-CCLJHxN4eoAl06ESKT3CbMasJ98WsjF9ZQEJnuxtDb9ffrYbZ+g9ru84fukjNUOTtc8A8yXE5z8NgY1l0OMrmQ=="],
 
     "expo-camera": ["expo-camera@16.1.10", "", { "dependencies": { "invariant": "^2.2.4" }, "peerDependencies": { "expo": "*", "react": "*", "react-native": "*", "react-native-web": "*" }, "optionalPeers": ["react-native-web"] }, "sha512-qoRJeSwPmMbuu0VfnQTC+q79Kt2SqTWColEImgithL9u0qUQcC55U89IfhZk55Hpt6f1DgKuDzUOG5oY+snSWg=="],
 
-    "expo-constants": ["expo-constants@17.1.6", "", { "dependencies": { "@expo/config": "~11.0.9", "@expo/env": "~1.0.5" }, "peerDependencies": { "expo": "*", "react-native": "*" } }, "sha512-q5mLvJiLtPcaZ7t2diSOlQ2AyxIO8YMVEJsEfI/ExkGj15JrflNQ7CALEW6IF/uNae/76qI/XcjEuuAyjdaCNw=="],
+    "expo-constants": ["expo-constants@17.1.7", "", { "dependencies": { "@expo/config": "~11.0.12", "@expo/env": "~1.0.7" }, "peerDependencies": { "expo": "*", "react-native": "*" } }, "sha512-byBjGsJ6T6FrLlhOBxw4EaiMXrZEn/MlUYIj/JAd+FS7ll5X/S4qVRbIimSJtdW47hXMq0zxPfJX6njtA56hHA=="],
 
-    "expo-file-system": ["expo-file-system@18.1.10", "", { "peerDependencies": { "expo": "*", "react-native": "*" } }, "sha512-SyaWg+HitScLuyEeSG9gMSDT0hIxbM9jiZjSBP9l9zMnwZjmQwsusE6+7qGiddxJzdOhTP4YGUfvEzeeS0YL3Q=="],
+    "expo-file-system": ["expo-file-system@18.1.11", "", { "peerDependencies": { "expo": "*", "react-native": "*" } }, "sha512-HJw/m0nVOKeqeRjPjGdvm+zBi5/NxcdPf8M8P3G2JFvH5Z8vBWqVDic2O58jnT1OFEy0XXzoH9UqFu7cHg9DTQ=="],
 
-    "expo-font": ["expo-font@13.3.1", "", { "dependencies": { "fontfaceobserver": "^2.1.0" }, "peerDependencies": { "expo": "*", "react": "*" } }, "sha512-d+xrHYvSM9WB42wj8vP9OOFWyxed5R1evphfDb6zYBmC1dA9Hf89FpT7TNFtj2Bk3clTnpmVqQTCYbbA2P3CLg=="],
+    "expo-font": ["expo-font@13.3.2", "", { "dependencies": { "fontfaceobserver": "^2.1.0" }, "peerDependencies": { "expo": "*", "react": "*" } }, "sha512-wUlMdpqURmQ/CNKK/+BIHkDA5nGjMqNlYmW0pJFXY/KE/OG80Qcavdu2sHsL4efAIiNGvYdBS10WztuQYU4X0A=="],
 
     "expo-haptics": ["expo-haptics@14.1.4", "", { "peerDependencies": { "expo": "*" } }, "sha512-QZdE3NMX74rTuIl82I+n12XGwpDWKb8zfs5EpwsnGi/D/n7O2Jd4tO5ivH+muEG/OCJOMq5aeaVDqqaQOhTkcA=="],
 
-    "expo-image": ["expo-image@2.3.0", "", { "peerDependencies": { "expo": "*", "react": "*", "react-native": "*", "react-native-web": "*" } }, "sha512-muL8OSbgCskQJsyqenKPNULWXwRm5BY2ruS6WMo/EzFyI3iXI/0mXgb2J/NXUa8xCEYxSyoGkGZFyCBvGY1ofA=="],
+    "expo-image": ["expo-image@2.3.2", "", { "peerDependencies": { "expo": "*", "react": "*", "react-native": "*", "react-native-web": "*" }, "optionalPeers": ["react-native-web"] }, "sha512-TOp7UR1mzeCxzs3c/6MV2Wy7jBfJpKq8aVC06gkLfxHsCVMeGqCXc+6GMrGIVrjG938LEub4dwnrE0OuSE2Qwg=="],
 
     "expo-image-loader": ["expo-image-loader@5.1.0", "", { "peerDependencies": { "expo": "*" } }, "sha512-sEBx3zDQIODWbB5JwzE7ZL5FJD+DK3LVLWBVJy6VzsqIA6nDEnSFnsnWyCfCTSvbGigMATs1lgkC2nz3Jpve1Q=="],
 
@@ -831,21 +831,21 @@
 
     "expo-keep-awake": ["expo-keep-awake@14.1.4", "", { "peerDependencies": { "expo": "*", "react": "*" } }, "sha512-wU9qOnosy4+U4z/o4h8W9PjPvcFMfZXrlUoKTMBW7F4pLqhkkP/5G4EviPZixv4XWFMjn1ExQ5rV6BX8GwJsWA=="],
 
-    "expo-linking": ["expo-linking@7.1.5", "", { "dependencies": { "expo-constants": "~17.1.6", "invariant": "^2.2.4" }, "peerDependencies": { "react": "*", "react-native": "*" } }, "sha512-8g20zOpROW78bF+bLI4a3ZWj4ntLgM0rCewKycPL0jk9WGvBrBtFtwwADJgOiV1EurNp3lcquerXGlWS+SOQyA=="],
+    "expo-linking": ["expo-linking@7.1.7", "", { "dependencies": { "expo-constants": "~17.1.7", "invariant": "^2.2.4" }, "peerDependencies": { "react": "*", "react-native": "*" } }, "sha512-ZJaH1RIch2G/M3hx2QJdlrKbYFUTOjVVW4g39hfxrE5bPX9xhZUYXqxqQtzMNl1ylAevw9JkgEfWbBWddbZ3UA=="],
 
-    "expo-modules-autolinking": ["expo-modules-autolinking@2.1.12", "", { "dependencies": { "@expo/spawn-async": "^1.7.2", "chalk": "^4.1.0", "commander": "^7.2.0", "find-up": "^5.0.0", "glob": "^10.4.2", "require-from-string": "^2.0.2", "resolve-from": "^5.0.0" }, "bin": "bin/expo-modules-autolinking.js" }, "sha512-rW5YSW66pUx1nLqn7TO0eWRnP4LDvySW1Tom0wjexk3Tx/upg9LYE5tva7p5AX/cdFfiZcEqPcOxP4RyT++Xlg=="],
+    "expo-modules-autolinking": ["expo-modules-autolinking@2.1.13", "", { "dependencies": { "@expo/spawn-async": "^1.7.2", "chalk": "^4.1.0", "commander": "^7.2.0", "find-up": "^5.0.0", "glob": "^10.4.2", "require-from-string": "^2.0.2", "resolve-from": "^5.0.0" }, "bin": { "expo-modules-autolinking": "bin/expo-modules-autolinking.js" } }, "sha512-+SaiYkdP3LXOFm/26CHMHBof9Xq/0MHNDzL/K0OwPgHLhZ6wpDWIDYWRHNueWYtGpAeLw2XAhR0HX4FNtU09qw=="],
 
-    "expo-modules-core": ["expo-modules-core@2.4.0", "", { "dependencies": { "invariant": "^2.2.4" } }, "sha512-Ko5eHBdvuMykjw9P9C9PF54/wBSsGOxaOjx92I5BwgKvEmUwN3UrXFV4CXzlLVbLfSYUQaLcB220xmPfgvT7Fg=="],
+    "expo-modules-core": ["expo-modules-core@2.4.2", "", { "dependencies": { "invariant": "^2.2.4" } }, "sha512-RCb0wniYCJkxwpXrkiBA/WiNGxzYsEpL0sB50gTnS/zEfX3DImS2npc4lfZ3hPZo1UF9YC6OSI9Do+iacV0NUg=="],
 
-    "expo-router": ["expo-router@5.1.1", "", { "dependencies": { "@expo/metro-runtime": "5.0.4", "@expo/server": "^0.6.3", "@radix-ui/react-slot": "1.2.0", "@react-navigation/bottom-tabs": "^7.3.10", "@react-navigation/native": "^7.1.6", "@react-navigation/native-stack": "^7.3.10", "client-only": "^0.0.1", "invariant": "^2.2.4", "react-fast-compare": "^3.2.2", "react-native-is-edge-to-edge": "^1.1.6", "schema-utils": "^4.0.1", "semver": "~7.6.3", "server-only": "^0.0.1", "shallowequal": "^1.1.0" }, "peerDependencies": { "@react-navigation/drawer": "^7.3.9", "expo": "*", "expo-constants": "*", "expo-linking": "*", "react-native-reanimated": "*", "react-native-safe-area-context": "*", "react-native-screens": "*" }, "optionalPeers": ["@react-navigation/drawer", "react-native-reanimated"] }, "sha512-KYAp/SwkPVgY+8OI+UPGENZG4j+breoOMXmZ01s99U7X0dpSihKGSNpK6LkEoU31MXMLuUHGYYwD00zm9aqcSg=="],
+    "expo-router": ["expo-router@5.1.3", "", { "dependencies": { "@expo/metro-runtime": "5.0.4", "@expo/server": "^0.6.3", "@radix-ui/react-slot": "1.2.0", "@react-navigation/bottom-tabs": "^7.3.10", "@react-navigation/native": "^7.1.6", "@react-navigation/native-stack": "^7.3.10", "client-only": "^0.0.1", "invariant": "^2.2.4", "react-fast-compare": "^3.2.2", "react-native-is-edge-to-edge": "^1.1.6", "schema-utils": "^4.0.1", "semver": "~7.6.3", "server-only": "^0.0.1", "shallowequal": "^1.1.0" }, "peerDependencies": { "@react-navigation/drawer": "^7.3.9", "expo": "*", "expo-constants": "*", "expo-linking": "*", "react-native-reanimated": "*", "react-native-safe-area-context": "*", "react-native-screens": "*" }, "optionalPeers": ["@react-navigation/drawer", "react-native-reanimated"] }, "sha512-zoAU0clwEj569PpGOzc06wCcxOskHLEyonJhLNPsweJgu+vE010d6XW+yr5ODR6F3ViFJpfcjbe7u3SaTjl24Q=="],
 
-    "expo-splash-screen": ["expo-splash-screen@0.30.9", "", { "dependencies": { "@expo/prebuild-config": "^9.0.6" }, "peerDependencies": { "expo": "*" } }, "sha512-curHUaZxUTZ2dWvz32ao3xPv5mJr1LBqn5V8xm/IULAehB9RGCn8iKiROMN1PYebSG+56vPMuJmBm9P+ayvJpA=="],
+    "expo-splash-screen": ["expo-splash-screen@0.30.10", "", { "dependencies": { "@expo/prebuild-config": "^9.0.10" }, "peerDependencies": { "expo": "*" } }, "sha512-Tt9va/sLENQDQYeOQ6cdLdGvTZ644KR3YG9aRlnpcs2/beYjOX1LHT510EGzVN9ljUTg+1ebEo5GGt2arYtPjw=="],
 
     "expo-status-bar": ["expo-status-bar@2.2.3", "", { "dependencies": { "react-native-edge-to-edge": "1.6.0", "react-native-is-edge-to-edge": "^1.1.6" }, "peerDependencies": { "react": "*", "react-native": "*" } }, "sha512-+c8R3AESBoduunxTJ8353SqKAKpxL6DvcD8VKBuh81zzJyUUbfB4CVjr1GufSJEKsMzNPXZU+HJwXx7Xh7lx8Q=="],
 
     "expo-symbols": ["expo-symbols@0.4.5", "", { "dependencies": { "sf-symbols-typescript": "^2.0.0" }, "peerDependencies": { "expo": "*", "react-native": "*" } }, "sha512-ZbgvJfACPfWaJxJrUd0YzDmH9X0Ci7vb5m0/ZpDz/tnF1vQJlkovvpFEHLUmCDSLIN7/fNK8t696KSpzfm8/kg=="],
 
-    "expo-system-ui": ["expo-system-ui@5.0.9", "", { "dependencies": { "@react-native/normalize-colors": "0.79.4", "debug": "^4.3.2" }, "peerDependencies": { "expo": "*", "react-native": "*", "react-native-web": "*" } }, "sha512-behQ4uP384++U9GjgXmyEno1Z8raN1/tZv7ZJhYkQkRj1g2xXvNltXN/PDRcOm/wCNqStVhDpYo2OOQm5E5/lQ=="],
+    "expo-system-ui": ["expo-system-ui@5.0.10", "", { "dependencies": { "@react-native/normalize-colors": "0.79.5", "debug": "^4.3.2" }, "peerDependencies": { "expo": "*", "react-native": "*", "react-native-web": "*" }, "optionalPeers": ["react-native-web"] }, "sha512-BTXbSyJr80yuN6VO4XQKZj7BjesZQLHgOYZ0bWyf4VB19GFZq7ZnZOEc/eoKk1B3eIocOMKUfNCrg/Wn8Kfcuw=="],
 
     "expo-web-browser": ["expo-web-browser@14.2.0", "", { "peerDependencies": { "expo": "*", "react-native": "*" } }, "sha512-6S51d8pVlDRDsgGAp8BPpwnxtyKiMWEFdezNz+5jVIyT+ctReW42uxnjRgtsdn5sXaqzhaX+Tzk/CWaKCyC0hw=="],
 
@@ -1359,7 +1359,7 @@
 
     "react-is": ["react-is@19.1.0", "", {}, "sha512-Oe56aUPnkHyyDxxkvqtd7KkdQP5uIUfHxd5XTb3wE9d/kRnZLmKbDB0GWk919tdQ+mxxPtG6EAs6RMT6i1qtHg=="],
 
-    "react-native": ["react-native@0.79.4", "", { "dependencies": { "@jest/create-cache-key-function": "^29.7.0", "@react-native/assets-registry": "0.79.4", "@react-native/codegen": "0.79.4", "@react-native/community-cli-plugin": "0.79.4", "@react-native/gradle-plugin": "0.79.4", "@react-native/js-polyfills": "0.79.4", "@react-native/normalize-colors": "0.79.4", "@react-native/virtualized-lists": "0.79.4", "abort-controller": "^3.0.0", "anser": "^1.4.9", "ansi-regex": "^5.0.0", "babel-jest": "^29.7.0", "babel-plugin-syntax-hermes-parser": "0.25.1", "base64-js": "^1.5.1", "chalk": "^4.0.0", "commander": "^12.0.0", "event-target-shim": "^5.0.1", "flow-enums-runtime": "^0.0.6", "glob": "^7.1.1", "invariant": "^2.2.4", "jest-environment-node": "^29.7.0", "memoize-one": "^5.0.0", "metro-runtime": "^0.82.0", "metro-source-map": "^0.82.0", "nullthrows": "^1.1.1", "pretty-format": "^29.7.0", "promise": "^8.3.0", "react-devtools-core": "^6.1.1", "react-refresh": "^0.14.0", "regenerator-runtime": "^0.13.2", "scheduler": "0.25.0", "semver": "^7.1.3", "stacktrace-parser": "^0.1.10", "whatwg-fetch": "^3.0.0", "ws": "^6.2.3", "yargs": "^17.6.2" }, "peerDependencies": { "@types/react": "^19.0.0", "react": "^19.0.0" }, "bin": "cli.js" }, "sha512-CfxYMuszvnO/33Q5rB//7cU1u9P8rSOvzhE2053Phdb8+6bof9NLayCllU2nmPrm8n9o6RU1Fz5H0yquLQ0DAw=="],
+    "react-native": ["react-native@0.79.5", "", { "dependencies": { "@jest/create-cache-key-function": "^29.7.0", "@react-native/assets-registry": "0.79.5", "@react-native/codegen": "0.79.5", "@react-native/community-cli-plugin": "0.79.5", "@react-native/gradle-plugin": "0.79.5", "@react-native/js-polyfills": "0.79.5", "@react-native/normalize-colors": "0.79.5", "@react-native/virtualized-lists": "0.79.5", "abort-controller": "^3.0.0", "anser": "^1.4.9", "ansi-regex": "^5.0.0", "babel-jest": "^29.7.0", "babel-plugin-syntax-hermes-parser": "0.25.1", "base64-js": "^1.5.1", "chalk": "^4.0.0", "commander": "^12.0.0", "event-target-shim": "^5.0.1", "flow-enums-runtime": "^0.0.6", "glob": "^7.1.1", "invariant": "^2.2.4", "jest-environment-node": "^29.7.0", "memoize-one": "^5.0.0", "metro-runtime": "^0.82.0", "metro-source-map": "^0.82.0", "nullthrows": "^1.1.1", "pretty-format": "^29.7.0", "promise": "^8.3.0", "react-devtools-core": "^6.1.1", "react-refresh": "^0.14.0", "regenerator-runtime": "^0.13.2", "scheduler": "0.25.0", "semver": "^7.1.3", "stacktrace-parser": "^0.1.10", "whatwg-fetch": "^3.0.0", "ws": "^6.2.3", "yargs": "^17.6.2" }, "peerDependencies": { "@types/react": "^19.0.0", "react": "^19.0.0" }, "optionalPeers": ["@types/react"], "bin": { "react-native": "cli.js" } }, "sha512-jVihwsE4mWEHZ9HkO1J2eUZSwHyDByZOqthwnGrVZCh6kTQBCm4v8dicsyDa6p0fpWNE5KicTcpX/XXl0ASJFg=="],
 
     "react-native-country-codes-picker": ["react-native-country-codes-picker@2.3.5", "", { "peerDependencies": { "react": "*", "react-native": "*" } }, "sha512-dDQhd0bVvlmgb84NPhTOmTk5UVYPHtk3lqZI+BPb61H1rC2IDrTvPWENg6u1DMGliqWHQDBYpeH37zvxxQL71w=="],
 
@@ -1725,8 +1725,6 @@
 
     "@expo/config/@babel/code-frame": ["@babel/code-frame@7.10.4", "", { "dependencies": { "@babel/highlight": "^7.10.4" } }, "sha512-vG6SvB6oYEhvgisZNFRmRCUkLz11c7rp+tbNTynGqc6mS1d5ATd/sGyV6W0KZZnXRKMTzZDRgQT3Ou9jhpAfUg=="],
 
-    "@expo/config/getenv": ["getenv@1.0.0", "", {}, "sha512-7yetJWqbS9sbn0vIfliPsFgoXMKn/YMF+Wuiog97x+urnSRRRZ7xB+uVkwGKzRgq9CDFfMQnE9ruL5DHv9c6Xg=="],
-
     "@expo/config/glob": ["glob@10.4.5", "", { "dependencies": { "foreground-child": "^3.1.0", "jackspeak": "^3.1.2", "minimatch": "^9.0.4", "minipass": "^7.1.2", "package-json-from-dist": "^1.0.0", "path-scurry": "^1.11.1" }, "bin": "dist/esm/bin.mjs" }, "sha512-7Bv8RF0k6xjo7d4A/PxYLbUCfb6c+Vpd2/mB2yRDlew7Jb5hEXiCD9ibfO7wpk8i4sevK6DFny9h7EYbM3/sHg=="],
 
     "@expo/config/semver": ["semver@7.7.2", "", { "bin": "bin/semver.js" }, "sha512-RF0Fw+rO5AMf9MAyaRXI4AV0Ulj5lMHqVxxdSgiVbixSCXoEmmX/jk0CuJw4+3SqroYO9VoUh+HcuJivvtJemA=="],
@@ -1739,16 +1737,12 @@
 
     "@expo/devcert/glob": ["glob@10.4.5", "", { "dependencies": { "foreground-child": "^3.1.0", "jackspeak": "^3.1.2", "minimatch": "^9.0.4", "minipass": "^7.1.2", "package-json-from-dist": "^1.0.0", "path-scurry": "^1.11.1" }, "bin": "dist/esm/bin.mjs" }, "sha512-7Bv8RF0k6xjo7d4A/PxYLbUCfb6c+Vpd2/mB2yRDlew7Jb5hEXiCD9ibfO7wpk8i4sevK6DFny9h7EYbM3/sHg=="],
 
-    "@expo/env/getenv": ["getenv@1.0.0", "", {}, "sha512-7yetJWqbS9sbn0vIfliPsFgoXMKn/YMF+Wuiog97x+urnSRRRZ7xB+uVkwGKzRgq9CDFfMQnE9ruL5DHv9c6Xg=="],
-
     "@expo/fingerprint/glob": ["glob@10.4.5", "", { "dependencies": { "foreground-child": "^3.1.0", "jackspeak": "^3.1.2", "minimatch": "^9.0.4", "minipass": "^7.1.2", "package-json-from-dist": "^1.0.0", "path-scurry": "^1.11.1" }, "bin": "dist/esm/bin.mjs" }, "sha512-7Bv8RF0k6xjo7d4A/PxYLbUCfb6c+Vpd2/mB2yRDlew7Jb5hEXiCD9ibfO7wpk8i4sevK6DFny9h7EYbM3/sHg=="],
 
     "@expo/fingerprint/minimatch": ["minimatch@9.0.5", "", { "dependencies": { "brace-expansion": "^2.0.1" } }, "sha512-G6T0ZX48xgozx7587koeX9Ys2NYy6Gmv//P89sEte9V9whIapMNF4idKxnW2QtCcLiTWlb/wfCabAtAFWhhBow=="],
 
     "@expo/fingerprint/semver": ["semver@7.7.2", "", { "bin": "bin/semver.js" }, "sha512-RF0Fw+rO5AMf9MAyaRXI4AV0Ulj5lMHqVxxdSgiVbixSCXoEmmX/jk0CuJw4+3SqroYO9VoUh+HcuJivvtJemA=="],
 
-    "@expo/image-utils/getenv": ["getenv@1.0.0", "", {}, "sha512-7yetJWqbS9sbn0vIfliPsFgoXMKn/YMF+Wuiog97x+urnSRRRZ7xB+uVkwGKzRgq9CDFfMQnE9ruL5DHv9c6Xg=="],
-
     "@expo/image-utils/semver": ["semver@7.7.2", "", { "bin": "bin/semver.js" }, "sha512-RF0Fw+rO5AMf9MAyaRXI4AV0Ulj5lMHqVxxdSgiVbixSCXoEmmX/jk0CuJw4+3SqroYO9VoUh+HcuJivvtJemA=="],
 
     "@expo/json-file/@babel/code-frame": ["@babel/code-frame@7.10.4", "", { "dependencies": { "@babel/highlight": "^7.10.4" } }, "sha512-vG6SvB6oYEhvgisZNFRmRCUkLz11c7rp+tbNTynGqc6mS1d5ATd/sGyV6W0KZZnXRKMTzZDRgQT3Ou9jhpAfUg=="],
diff --git a/components/_ShareComponent/ViewWrapper.tsx b/components/_ShareComponent/ViewWrapper.tsx
index c054f72..31ea121 100644
--- a/components/_ShareComponent/ViewWrapper.tsx
+++ b/components/_ShareComponent/ViewWrapper.tsx
@@ -1,56 +1,111 @@
 import { MainColor } from "@/constants/color-palet";
 import { GStyles } from "@/styles/global-styles";
-import { ImageBackground, ScrollView, View } from "react-native";
+import {
+  ImageBackground,
+  Keyboard,
+  KeyboardAvoidingView,
+  Platform,
+  ScrollView,
+  TouchableWithoutFeedback,
+  View,
+} from "react-native";
 import { SafeAreaView } from "react-native-safe-area-context";
 
 interface ViewWrapperProps {
   children: React.ReactNode;
   withBackground?: boolean;
-  tabBarComponent?: React.ReactNode;
-  bottomBarComponent?: React.ReactNode;
+  footerComponent?: React.ReactNode;
 }
 
 const ViewWrapper = ({
   children,
   withBackground = false,
-  tabBarComponent,
-  bottomBarComponent,
+  footerComponent,
 }: ViewWrapperProps) => {
   const assetBackground = require("../../assets/images/main-background.png");
 
   return (
     <>
-      <SafeAreaView
-        edges={[
-          "bottom",
-          // "top",
-        ]}
-        style={{
-          flex: 1,
-          // paddingTop: StatusBar.currentHeight,
-          backgroundColor: MainColor.darkblue,
-        }}
+      <KeyboardAvoidingView
+        behavior={Platform.OS === "ios" ? "padding" : "height"}
+        style={{ flex: 1 }}
       >
-        <ScrollView contentContainerStyle={{ flexGrow: 1 }}>
-          {withBackground ? (
-            <ImageBackground
-              source={assetBackground}
-              resizeMode="cover"
-              style={GStyles.imageBackground}
-            >
-              <View style={GStyles.containerWithBackground}>{children}</View>
-            </ImageBackground>
-          ) : (
-            <View style={GStyles.container}>{children}</View>
-          )}
+        <ScrollView
+          contentContainerStyle={{ flexGrow: 1 }}
+          keyboardShouldPersistTaps="handled"
+        >
+          <TouchableWithoutFeedback onPress={Keyboard.dismiss}>
+            <View style={{ flex: 1 }}>
+              {withBackground ? (
+                <ImageBackground
+                  source={assetBackground}
+                  resizeMode="cover"
+                  style={GStyles.imageBackground}
+                >
+                  <View style={GStyles.containerWithBackground}>
+                    {children}
+                  </View>
+                </ImageBackground>
+              ) : (
+                <View style={GStyles.container}>{children}</View>
+              )}
+            </View>
+          </TouchableWithoutFeedback>
         </ScrollView>
-        {tabBarComponent ? tabBarComponent : null}
-        {bottomBarComponent ? (
-          <View style={GStyles.bottomBar}>
-            <View style={GStyles.bottomBarContainer}>{bottomBarComponent}</View>
-          </View>
-        ) : null}
-      </SafeAreaView>
+
+        {footerComponent ? (
+          <SafeAreaView
+            edges={["bottom"]}
+            style={{
+              flex: 1,
+              backgroundColor: MainColor.darkblue,
+            }}
+          >
+            {footerComponent}
+          </SafeAreaView>
+        ) : (
+          <SafeAreaView
+            edges={["bottom"]}
+            style={{ backgroundColor: MainColor.darkblue }}
+          />
+        )}
+      </KeyboardAvoidingView>
+
+      {/* <SafeAreaView
+        edges={["bottom"]}
+        style={{ flex: 1, backgroundColor: MainColor.soft_darkblue }}
+      >
+        <KeyboardAvoidingView
+          behavior={Platform.OS === "ios" ? "padding" : "height"}
+          style={{ flex: 1 }}
+        >
+          <ScrollView contentContainerStyle={{ flexGrow: 1 }}>
+            {withBackground ? (
+              <ImageBackground
+                source={assetBackground}
+                resizeMode="cover"
+                style={GStyles.imageBackground}
+              >
+                <View style={GStyles.containerWithBackground}>{children}</View>
+              </ImageBackground>
+            ) : (
+              <View style={GStyles.container}>{children}</View>
+            )}
+          </ScrollView>
+
+          {footerComponent ? (
+            <SafeAreaView
+              edges={["bottom"]}
+              style={{
+                // flex: 1,
+                backgroundColor: MainColor.darkblue,
+              }}
+            >
+              {footerComponent}
+            </SafeAreaView>
+          ) : null}
+        </KeyboardAvoidingView>
+      </SafeAreaView> */}
     </>
   );
 };
diff --git a/components/_ShareComponent/ViewWrapper2.tsx b/components/_ShareComponent/ViewWrapper2.tsx
new file mode 100644
index 0000000..6f99069
--- /dev/null
+++ b/components/_ShareComponent/ViewWrapper2.tsx
@@ -0,0 +1,51 @@
+import React from "react";
+import {
+  View,
+  ScrollView,
+  KeyboardAvoidingView,
+  Platform,
+  TouchableWithoutFeedback,
+  Keyboard,
+  StyleSheet,
+} from "react-native";
+
+import { SafeAreaView } from "react-native-safe-area-context"; // <- Diubah ke sini
+
+interface ViewWrapperProps {
+  children: React.ReactNode;
+  footerComponent?: React.ReactNode;
+}
+
+const Try_ViewWrapper = ({ children, footerComponent }: ViewWrapperProps) => {
+  return (
+    <KeyboardAvoidingView
+      behavior={Platform.OS === "ios" ? "padding" : "height"}
+      style={{ flex: 1 }}
+    >
+      <ScrollView contentContainerStyle={{ flexGrow: 1 }}>
+        <TouchableWithoutFeedback onPress={() => Keyboard.dismiss()}>
+          <View style={{ flex: 1 }}>{children}</View>
+        </TouchableWithoutFeedback>
+      </ScrollView>
+
+      {/* Footer Component */}
+      {footerComponent && (
+        <SafeAreaView edges={["bottom"]} style={styles.footerContainer}>
+          {footerComponent}
+        </SafeAreaView>
+      )}
+    </KeyboardAvoidingView>
+  );
+};
+
+export default Try_ViewWrapper;
+
+// File: ViewWrapper.styles.js
+
+const styles = StyleSheet.create({
+  footerContainer: {
+    backgroundColor: "#fff",
+    borderTopWidth: 1,
+    borderColor: "#ddd",
+  },
+});
diff --git a/package.json b/package.json
index 9d0e65f..8ea5cb5 100644
--- a/package.json
+++ b/package.json
@@ -18,24 +18,24 @@
     "@react-navigation/native": "^7.1.6",
     "@react-navigation/native-stack": "^7.3.21",
     "@types/react-native-vector-icons": "^6.4.18",
-    "expo": "53.0.13",
+    "expo": "53.0.17",
     "expo-blur": "~14.1.5",
     "expo-camera": "~16.1.10",
-    "expo-constants": "~17.1.6",
-    "expo-font": "~13.3.1",
+    "expo-constants": "~17.1.7",
+    "expo-font": "~13.3.2",
     "expo-haptics": "~14.1.4",
-    "expo-image": "~2.3.0",
+    "expo-image": "~2.3.2",
     "expo-image-picker": "~16.1.4",
-    "expo-linking": "~7.1.5",
-    "expo-router": "~5.1.1",
-    "expo-splash-screen": "~0.30.9",
+    "expo-linking": "~7.1.7",
+    "expo-router": "~5.1.3",
+    "expo-splash-screen": "~0.30.10",
     "expo-status-bar": "~2.2.3",
     "expo-symbols": "~0.4.5",
-    "expo-system-ui": "~5.0.9",
+    "expo-system-ui": "~5.0.10",
     "expo-web-browser": "~14.2.0",
     "react": "19.0.0",
     "react-dom": "19.0.0",
-    "react-native": "0.79.4",
+    "react-native": "0.79.5",
     "react-native-gesture-handler": "~2.24.0",
     "react-native-international-phone-number": "^0.9.3",
     "react-native-otp-entry": "^1.8.5",
diff --git a/screens/Authentication/LoginView.tsx b/screens/Authentication/LoginView.tsx
index 9fcaf5f..41bc958 100644
--- a/screens/Authentication/LoginView.tsx
+++ b/screens/Authentication/LoginView.tsx
@@ -23,18 +23,17 @@ export default function LoginView() {
   function handleLogin() {
     const callingCode = selectedCountry?.callingCode.replace(/^\+/, "") || "";
     const fixNumber = callingCode + inputValue;
-    // console.log("fixNumber", fixNumber); 
-    
+    // console.log("fixNumber", fixNumber);
+
     const randomAlfabet = Math.random().toString(36).substring(2, 8);
     const randomNumber = Math.floor(Math.random() * 1000000);
     const id = randomAlfabet + randomNumber + fixNumber;
     console.log("login user id :", id);
-    
+
     router.navigate("/verification");
     // router.navigate(`/(application)/profile/${id}`);
     // router.navigate("/(application)/home");
     // router.navigate(`/(application)/profile/${id}/edit`);
-
   }
 
   return (
diff --git a/screens/Home/UiHome.tsx b/screens/Home/UiHome.tsx
index 37dd2da..347feb2 100644
--- a/screens/Home/UiHome.tsx
+++ b/screens/Home/UiHome.tsx
@@ -19,7 +19,7 @@ export default function UiHome() {
 
   return (
     <>
-      <ViewWrapper tabBarComponent={<TabSection tabs={tabsHome} />}>
+      <ViewWrapper footerComponent={<TabSection tabs={tabsHome} />}>
         {/* Content Image */}
         <Home_ImageSection />
         <Spacing height={10} />

From b9af7e0ca724b2aff565dc73681d6d1637a56bc5 Mon Sep 17 00:00:00 2001
From: Bagasbanuna02 <bagasbanuna02@gmail.com>
Date: Tue, 8 Jul 2025 11:47:32 +0800
Subject: [PATCH 27/64] fix folder deksripsi: - pindah folder user search &
 notifikasi ke (user)

---
 app/(application)/(user)/_layout.tsx          | 54 +++++++++++++
 app/(application)/{ => (user)}/home.tsx       |  0
 .../(user)/notifications/index.tsx            |  9 +++
 .../(user)/user-search/index.tsx              |  9 +++
 app/(application)/_layout.tsx                 | 78 ++-----------------
 app/(application)/notifications/index.tsx     |  9 ---
 app/(application)/user-search/index.tsx       |  9 ---
 components/_ShareComponent/ViewWrapper.tsx    |  3 +-
 screens/Authentication/RegisterView.tsx       |  2 +-
 screens/Home/UiHome.tsx                       | 17 ++--
 styles/header-styles.ts                       | 12 +++
 11 files changed, 98 insertions(+), 104 deletions(-)
 create mode 100644 app/(application)/(user)/_layout.tsx
 rename app/(application)/{ => (user)}/home.tsx (100%)
 create mode 100644 app/(application)/(user)/notifications/index.tsx
 create mode 100644 app/(application)/(user)/user-search/index.tsx
 delete mode 100644 app/(application)/notifications/index.tsx
 delete mode 100644 app/(application)/user-search/index.tsx
 create mode 100644 styles/header-styles.ts

diff --git a/app/(application)/(user)/_layout.tsx b/app/(application)/(user)/_layout.tsx
new file mode 100644
index 0000000..f7ae99d
--- /dev/null
+++ b/app/(application)/(user)/_layout.tsx
@@ -0,0 +1,54 @@
+import { BackButton } from "@/components";
+import { MainColor } from "@/constants/color-palet";
+import { HeaderStyles } from "@/styles/header-styles";
+import { Ionicons } from "@expo/vector-icons";
+import { router, Stack } from "expo-router";
+
+export default function UserLayout() {
+  return (
+    <>
+      <Stack screenOptions={HeaderStyles}>
+        <Stack.Screen
+          name="home"
+          options={{
+            title: "HIPMI",
+            headerLeft: () => (
+              <Ionicons
+                name="search"
+                size={20}
+                color={MainColor.yellow}
+                onPress={() => router.push("/user-search")}
+              />
+            ),
+            headerRight: () => (
+              <Ionicons
+                name="notifications"
+                size={20}
+                color={MainColor.yellow}
+                onPress={() => router.push("/notifications")}
+              />
+            ),
+          }}
+        />
+
+        {/* User Search */}
+        <Stack.Screen
+          name="user-search/index"
+          options={{
+            title: "Pencarian Pengguna",
+            headerLeft: () => <BackButton />,
+          }}
+        />
+
+        {/* Notification */}
+        <Stack.Screen
+          name="notifications/index"
+          options={{
+            title: "Notifikasi",
+            headerLeft: () => <BackButton />,
+          }}
+        />
+      </Stack>
+    </>
+  );
+}
diff --git a/app/(application)/home.tsx b/app/(application)/(user)/home.tsx
similarity index 100%
rename from app/(application)/home.tsx
rename to app/(application)/(user)/home.tsx
diff --git a/app/(application)/(user)/notifications/index.tsx b/app/(application)/(user)/notifications/index.tsx
new file mode 100644
index 0000000..c497443
--- /dev/null
+++ b/app/(application)/(user)/notifications/index.tsx
@@ -0,0 +1,9 @@
+import { TextCustom, ViewWrapper } from "@/components";
+
+export default function Notifications() {
+  return (
+    <ViewWrapper>
+      <TextCustom>Notifications</TextCustom>
+    </ViewWrapper>
+  );
+}
diff --git a/app/(application)/(user)/user-search/index.tsx b/app/(application)/(user)/user-search/index.tsx
new file mode 100644
index 0000000..5995fb3
--- /dev/null
+++ b/app/(application)/(user)/user-search/index.tsx
@@ -0,0 +1,9 @@
+import { TextCustom, ViewWrapper } from "@/components";
+
+export default function UserSearch() {
+  return (
+    <ViewWrapper>
+      <TextCustom>User Search</TextCustom>
+    </ViewWrapper>
+  );
+}
diff --git a/app/(application)/_layout.tsx b/app/(application)/_layout.tsx
index 476d60c..3107323 100644
--- a/app/(application)/_layout.tsx
+++ b/app/(application)/_layout.tsx
@@ -1,47 +1,13 @@
-import { AccentColor, MainColor } from "@/constants/color-palet";
-import { GStyles } from "@/styles/global-styles";
+import { MainColor } from "@/constants/color-palet";
+import { HeaderStyles } from "@/styles/header-styles";
 import { Ionicons } from "@expo/vector-icons";
 import { router, Stack } from "expo-router";
 
 export default function ApplicationLayout() {
   return (
     <>
-      <Stack
-        screenOptions={{
-          headerStyle: GStyles.headerStyle,
-          headerTitleStyle: GStyles.headerTitleStyle,
-          headerTitleAlign: "center",
-          contentStyle: {
-            borderBottomColor: AccentColor.blue,
-            borderBottomWidth: 2,
-          },
-          // headerLargeStyle: {
-          //   backgroundColor: MainColor.darkblue,
-          // },
-        }}
-      >
-        <Stack.Screen
-          name="home"
-          options={{
-            title: "HIPMI",
-            headerLeft: () => (
-              <Ionicons
-                name="search"
-                size={20}
-                color={MainColor.yellow}
-                onPress={() => router.push("/(application)/user-search")}
-              />
-            ),
-            headerRight: () => (
-              <Ionicons
-                name="notifications"
-                size={20}
-                color={MainColor.yellow}
-                onPress={() => router.push("/(application)/notifications")}
-              />
-            ),
-          }}
-        />
+      <Stack screenOptions={HeaderStyles}>
+        <Stack.Screen name="(user)" options={{ headerShown: false }} />
 
         <Stack.Screen
           name="forum/index"
@@ -105,7 +71,7 @@ export default function ApplicationLayout() {
         />
 
         {/* Event */}
-        <Stack.Screen
+        {/* <Stack.Screen
           name="event/(tabs)"
           options={{
             title: "Event",
@@ -118,7 +84,7 @@ export default function ApplicationLayout() {
               />
             ),
           }}
-        />
+        /> */}
 
         <Stack.Screen
           name="event/detail/[id]"
@@ -135,38 +101,6 @@ export default function ApplicationLayout() {
           }}
         />
 
-        {/* User Search */}
-        <Stack.Screen
-          name="user-search/index"
-          options={{
-            title: "Pencarian Pengguna",
-            headerLeft: () => (
-              <Ionicons
-                name="arrow-back"
-                size={20}
-                color={MainColor.yellow}
-                onPress={() => router.back()}
-              />
-            ),
-          }}
-        />
-
-        {/* Notification */}
-        <Stack.Screen
-          name="notifications/index"
-          options={{
-            title: "Notifikasi",
-            headerLeft: () => (
-              <Ionicons
-                name="arrow-back"
-                size={20}
-                color={MainColor.yellow}
-                onPress={() => router.back()}
-              />
-            ),
-          }}
-        />
-
         {/* Take Picture */}
         <Stack.Screen
           name="take-picture/[id]/index"
diff --git a/app/(application)/notifications/index.tsx b/app/(application)/notifications/index.tsx
deleted file mode 100644
index 2e5fad8..0000000
--- a/app/(application)/notifications/index.tsx
+++ /dev/null
@@ -1,9 +0,0 @@
-import { Text, View } from "react-native";
-
-export default function Notifications() {
-  return (
-    <View>
-      <Text>Notifications</Text>
-    </View>
-  );
-}
diff --git a/app/(application)/user-search/index.tsx b/app/(application)/user-search/index.tsx
deleted file mode 100644
index 84ac4ad..0000000
--- a/app/(application)/user-search/index.tsx
+++ /dev/null
@@ -1,9 +0,0 @@
-import { Text, View } from "react-native";
-
-export default function UserSearch() {
-    return (
-        <View>
-            <Text>User Search</Text>
-        </View>
-    )
-}
\ No newline at end of file
diff --git a/components/_ShareComponent/ViewWrapper.tsx b/components/_ShareComponent/ViewWrapper.tsx
index 31ea121..3feb459 100644
--- a/components/_ShareComponent/ViewWrapper.tsx
+++ b/components/_ShareComponent/ViewWrapper.tsx
@@ -28,7 +28,7 @@ const ViewWrapper = ({
     <>
       <KeyboardAvoidingView
         behavior={Platform.OS === "ios" ? "padding" : "height"}
-        style={{ flex: 1 }}
+        style={{ flex: 1, backgroundColor: MainColor.darkblue }}
       >
         <ScrollView
           contentContainerStyle={{ flexGrow: 1 }}
@@ -57,7 +57,6 @@ const ViewWrapper = ({
           <SafeAreaView
             edges={["bottom"]}
             style={{
-              flex: 1,
               backgroundColor: MainColor.darkblue,
             }}
           >
diff --git a/screens/Authentication/RegisterView.tsx b/screens/Authentication/RegisterView.tsx
index af10e51..53c5001 100644
--- a/screens/Authentication/RegisterView.tsx
+++ b/screens/Authentication/RegisterView.tsx
@@ -13,7 +13,7 @@ export default function RegisterView() {
   const [username, setUsername] = useState("Bagas Banuna");
   const handleRegister = () => {
     console.log("Success register", username);
-    router.push("/(application)/home");
+    router.push("/(application)/(user)/home");
   };
   return (
     <>
diff --git a/screens/Home/UiHome.tsx b/screens/Home/UiHome.tsx
index 347feb2..e84df14 100644
--- a/screens/Home/UiHome.tsx
+++ b/screens/Home/UiHome.tsx
@@ -1,5 +1,5 @@
 // import { ITabs } from "@/components/_Interface/types";
-import Spacing from "@/components/_ShareComponent/Spacing";
+import { StackCustom } from "@/components";
 import ViewWrapper from "@/components/_ShareComponent/ViewWrapper";
 import { useNavigation } from "expo-router";
 import React, { useEffect } from "react";
@@ -16,21 +16,16 @@ export default function UiHome() {
     navigation.setOptions({});
   }, [navigation]);
 
-
   return (
     <>
       <ViewWrapper footerComponent={<TabSection tabs={tabsHome} />}>
-        {/* Content Image */}
-        <Home_ImageSection />
-        <Spacing height={10} />
+        <StackCustom>
+          <Home_ImageSection />
 
-        {/* Grid Section */}
-        <Home_FeatureSection />
-        <Spacing height={10} />
+          <Home_FeatureSection />
 
-        {/* Job Vacancy Section */}
-        <Home_BottomFeatureSection />
-        <Spacing height={20} />
+          <Home_BottomFeatureSection />
+        </StackCustom>
       </ViewWrapper>
     </>
   );
diff --git a/styles/header-styles.ts b/styles/header-styles.ts
new file mode 100644
index 0000000..b8fcf64
--- /dev/null
+++ b/styles/header-styles.ts
@@ -0,0 +1,12 @@
+import { AccentColor } from "@/constants/color-palet";
+import { NativeStackNavigationOptions } from "@react-navigation/native-stack";
+import { GStyles } from "./global-styles";
+
+export const HeaderStyles: NativeStackNavigationOptions = {
+  headerStyle: GStyles.headerStyle,
+  headerTitleStyle: GStyles.headerTitleStyle,
+  headerTitleAlign: "center",
+  contentStyle: {
+    borderBottomColor: AccentColor.blue,
+  },
+};

From 6bac89c536a27bcccc1c0070489449d75210fde7 Mon Sep 17 00:00:00 2001
From: Bagasbanuna02 <bagasbanuna02@gmail.com>
Date: Tue, 8 Jul 2025 11:58:32 +0800
Subject: [PATCH 28/64] fix folder deskripsi: - pindah folder event ke (user)

---
 app/(application)/(user)/_layout.tsx          | 20 ++++++++
 .../{ => (user)}/event/(tabs)/_layout.tsx     |  0
 .../{ => (user)}/event/(tabs)/index.tsx       |  0
 .../{ => (user)}/event/(tabs)/kontribusi.tsx  |  0
 .../{ => (user)}/event/(tabs)/riwayat.tsx     |  0
 .../{ => (user)}/event/(tabs)/status.tsx      |  0
 .../{ => (user)}/event/detail/[id].tsx        |  0
 app/(application)/_layout.tsx                 | 50 ++-----------------
 app/(application)/portofolio/[id]/index.tsx   |  4 +-
 app/(application)/portofolio/_layout.tsx      |  4 +-
 app/(application)/profile/[id]/index.tsx      |  4 +-
 components/Button/BackButton.tsx              | 16 ++++--
 components/index.ts                           | 34 ++++++-------
 screens/Home/topFeatureSection.tsx            |  2 +-
 14 files changed, 57 insertions(+), 77 deletions(-)
 rename app/(application)/{ => (user)}/event/(tabs)/_layout.tsx (100%)
 rename app/(application)/{ => (user)}/event/(tabs)/index.tsx (100%)
 rename app/(application)/{ => (user)}/event/(tabs)/kontribusi.tsx (100%)
 rename app/(application)/{ => (user)}/event/(tabs)/riwayat.tsx (100%)
 rename app/(application)/{ => (user)}/event/(tabs)/status.tsx (100%)
 rename app/(application)/{ => (user)}/event/detail/[id].tsx (100%)

diff --git a/app/(application)/(user)/_layout.tsx b/app/(application)/(user)/_layout.tsx
index f7ae99d..c7aee22 100644
--- a/app/(application)/(user)/_layout.tsx
+++ b/app/(application)/(user)/_layout.tsx
@@ -1,4 +1,5 @@
 import { BackButton } from "@/components";
+import LeftButtonCustom from "@/components/Button/BackButton";
 import { MainColor } from "@/constants/color-palet";
 import { HeaderStyles } from "@/styles/header-styles";
 import { Ionicons } from "@expo/vector-icons";
@@ -48,6 +49,25 @@ export default function UserLayout() {
             headerLeft: () => <BackButton />,
           }}
         />
+
+        {/* Event */}
+        <Stack.Screen
+          name="event/(tabs)"
+          options={{
+            title: "Event",
+            headerLeft: () => (
+              <LeftButtonCustom path="/(application)/(user)/home" />
+            ),
+          }}
+        />
+
+        <Stack.Screen
+          name="event/detail/[id]"
+          options={{
+            title: "Event Detail",
+            headerLeft: () => <LeftButtonCustom />,
+          }}
+        />
       </Stack>
     </>
   );
diff --git a/app/(application)/event/(tabs)/_layout.tsx b/app/(application)/(user)/event/(tabs)/_layout.tsx
similarity index 100%
rename from app/(application)/event/(tabs)/_layout.tsx
rename to app/(application)/(user)/event/(tabs)/_layout.tsx
diff --git a/app/(application)/event/(tabs)/index.tsx b/app/(application)/(user)/event/(tabs)/index.tsx
similarity index 100%
rename from app/(application)/event/(tabs)/index.tsx
rename to app/(application)/(user)/event/(tabs)/index.tsx
diff --git a/app/(application)/event/(tabs)/kontribusi.tsx b/app/(application)/(user)/event/(tabs)/kontribusi.tsx
similarity index 100%
rename from app/(application)/event/(tabs)/kontribusi.tsx
rename to app/(application)/(user)/event/(tabs)/kontribusi.tsx
diff --git a/app/(application)/event/(tabs)/riwayat.tsx b/app/(application)/(user)/event/(tabs)/riwayat.tsx
similarity index 100%
rename from app/(application)/event/(tabs)/riwayat.tsx
rename to app/(application)/(user)/event/(tabs)/riwayat.tsx
diff --git a/app/(application)/event/(tabs)/status.tsx b/app/(application)/(user)/event/(tabs)/status.tsx
similarity index 100%
rename from app/(application)/event/(tabs)/status.tsx
rename to app/(application)/(user)/event/(tabs)/status.tsx
diff --git a/app/(application)/event/detail/[id].tsx b/app/(application)/(user)/event/detail/[id].tsx
similarity index 100%
rename from app/(application)/event/detail/[id].tsx
rename to app/(application)/(user)/event/detail/[id].tsx
diff --git a/app/(application)/_layout.tsx b/app/(application)/_layout.tsx
index 3107323..26609c3 100644
--- a/app/(application)/_layout.tsx
+++ b/app/(application)/_layout.tsx
@@ -1,3 +1,4 @@
+import { BackButton } from "@/components";
 import { MainColor } from "@/constants/color-palet";
 import { HeaderStyles } from "@/styles/header-styles";
 import { Ionicons } from "@expo/vector-icons";
@@ -13,14 +14,7 @@ export default function ApplicationLayout() {
           name="forum/index"
           options={{
             title: "Forum",
-            headerLeft: () => (
-              <Ionicons
-                name="arrow-back"
-                size={20}
-                color={MainColor.yellow}
-                onPress={() => router.back()}
-              />
-            ),
+            headerLeft: () => <BackButton />,
           }}
         />
 
@@ -28,14 +22,7 @@ export default function ApplicationLayout() {
           name="maps/index"
           options={{
             title: "Maps",
-            headerLeft: () => (
-              <Ionicons
-                name="arrow-back"
-                size={20}
-                color={MainColor.yellow}
-                onPress={() => router.back()}
-              />
-            ),
+            headerLeft: () => <BackButton />,
           }}
         />
 
@@ -70,37 +57,6 @@ export default function ApplicationLayout() {
           }}
         />
 
-        {/* Event */}
-        {/* <Stack.Screen
-          name="event/(tabs)"
-          options={{
-            title: "Event",
-            headerLeft: () => (
-              <Ionicons
-                name="arrow-back"
-                size={20}
-                color={MainColor.yellow}
-                onPress={() => router.push("/(application)/home")}
-              />
-            ),
-          }}
-        /> */}
-
-        <Stack.Screen
-          name="event/detail/[id]"
-          options={{
-            title: "Detail",
-            headerLeft: () => (
-              <Ionicons
-                name="arrow-back"
-                size={20}
-                color={MainColor.yellow}
-                onPress={() => router.back()}
-              />
-            ),
-          }}
-        />
-
         {/* Take Picture */}
         <Stack.Screen
           name="take-picture/[id]/index"
diff --git a/app/(application)/portofolio/[id]/index.tsx b/app/(application)/portofolio/[id]/index.tsx
index dfdbd81..f8a0cbf 100644
--- a/app/(application)/portofolio/[id]/index.tsx
+++ b/app/(application)/portofolio/[id]/index.tsx
@@ -1,4 +1,4 @@
-import BackButton from "@/components/Button/BackButton";
+import LeftButtonCustom from "@/components/Button/BackButton";
 import ViewWrapper from "@/components/_ShareComponent/ViewWrapper";
 import { GStyles } from "@/styles/global-styles";
 import { Stack, useLocalSearchParams } from "expo-router";
@@ -12,7 +12,7 @@ export default function Portofolio() {
       <Stack.Screen
         options={{
           title: "Portofolio",
-          headerLeft: () => <BackButton />,
+          headerLeft: () => <LeftButtonCustom />,
         //   headerRight: () => (
         //     <TouchableOpacity onPress={openDrawer}>
         //       <Ionicons
diff --git a/app/(application)/portofolio/_layout.tsx b/app/(application)/portofolio/_layout.tsx
index 669a22f..459b292 100644
--- a/app/(application)/portofolio/_layout.tsx
+++ b/app/(application)/portofolio/_layout.tsx
@@ -1,5 +1,5 @@
 
-import BackButton from "@/components/Button/BackButton";
+import LeftButtonCustom from "@/components/Button/BackButton";
 import { GStyles } from "@/styles/global-styles";
 import { Stack } from "expo-router";
 
@@ -12,7 +12,7 @@ export default function PortofolioLayout() {
           headerTitleStyle: GStyles.headerTitleStyle,
           headerTitleAlign: "center",
           headerBackButtonDisplayMode: "minimal",
-          headerLeft: () => <BackButton />,
+          headerLeft: () => <LeftButtonCustom />,
         }}
       >
         {/* <Stack.Screen name="[id]/index" options={{ title: "Portofolio" }} /> */}
diff --git a/app/(application)/profile/[id]/index.tsx b/app/(application)/profile/[id]/index.tsx
index 1a0295f..3c288d2 100644
--- a/app/(application)/profile/[id]/index.tsx
+++ b/app/(application)/profile/[id]/index.tsx
@@ -1,7 +1,7 @@
 import { IMenuDrawerItem } from "@/components/_Interface/types";
 import ViewWrapper from "@/components/_ShareComponent/ViewWrapper";
 import AlertCustom from "@/components/Alert/AlertCustom";
-import BackButton from "@/components/Button/BackButton";
+import LeftButtonCustom from "@/components/Button/BackButton";
 import DrawerCustom from "@/components/Drawer/DrawerCustom";
 import { MainColor } from "@/constants/color-palet";
 import { DRAWER_HEIGHT } from "@/constants/constans-value";
@@ -89,7 +89,7 @@ export default function Profile() {
         <Stack.Screen
           options={{
             title: "Profile",
-            headerLeft: () => <BackButton />,
+            headerLeft: () => <LeftButtonCustom />,
             headerRight: () => (
               <TouchableOpacity onPress={openDrawer}>
                 <Ionicons
diff --git a/components/Button/BackButton.tsx b/components/Button/BackButton.tsx
index 7d6b0d5..2f711d6 100644
--- a/components/Button/BackButton.tsx
+++ b/components/Button/BackButton.tsx
@@ -1,16 +1,22 @@
-import { Ionicons } from "@expo/vector-icons";
 import { MainColor } from "@/constants/color-palet";
-import { router } from "expo-router";
+import { Ionicons } from "@expo/vector-icons";
+import { Href, router } from "expo-router";
 
-const BackButton = () => {
+/**
+ * 
+ * @param path - path to navigate to ?
+ * @default router.back()
+ * @returns if path : router.replace(path) else router.back()
+ */
+const LeftButtonCustom = ({path}: {path?: Href}) => {
   return (
     <Ionicons
       name="arrow-back"
       size={20}
       color={MainColor.yellow}
-      onPress={() => router.back()}
+      onPress={() => path ? router.replace(path) : router.back()}
     />
   );
 };
 
-export default BackButton;
+export default LeftButtonCustom;
diff --git a/components/index.ts b/components/index.ts
index c4d1325..b3e332e 100644
--- a/components/index.ts
+++ b/components/index.ts
@@ -1,14 +1,14 @@
 // Alert
 import AlertCustom from "./Alert/AlertCustom";
 // Button
-import BackButton from "./Button/BackButton";
+import LeftButtonCustom from "./Button/BackButton";
 import ButtonCustom from "./Button/ButtonCustom";
 // Drawer
 import DrawerCustom from "./Drawer/DrawerCustom";
 import MenuDrawerDynamicGrid from "./Drawer/MenuDrawerDynamicGird";
 // ShareComponent
-import ViewWrapper from "./_ShareComponent/ViewWrapper";
 import Spacing from "./_ShareComponent/Spacing";
+import ViewWrapper from "./_ShareComponent/ViewWrapper";
 // Text
 import TextCustom from "./Text/TextCustom";
 // TextInput
@@ -18,7 +18,7 @@ import Grid from "./Grid/GridCustom";
 // Box
 import BaseBox from "./Box/BaseBox";
 // Avatar
-import AvatarCustom from "./Image/AvatarCustom"
+import AvatarCustom from "./Image/AvatarCustom";
 // Stack
 import StackCustom from "./Stack/StackCustom";
 // Select
@@ -26,27 +26,25 @@ import SelectCustom from "./Select/SelectCustom";
 
 export {
   AlertCustom,
+  // Avatar
+  AvatarCustom,
   // Button
-  BackButton,
-  ButtonCustom,
+  LeftButtonCustom as BackButton,
+  // Box
+  BaseBox, ButtonCustom,
   // Drawer
   DrawerCustom,
-  MenuDrawerDynamicGrid,
+  // Grid
+  Grid, MenuDrawerDynamicGrid,
+  // Select
+  SelectCustom,
   // ShareComponent
   Spacing,
-  ViewWrapper,
+  // Stack
+  StackCustom,
   // Text
   TextCustom,
   // TextInput
-  TextInputCustom,
-  // Grid
-  Grid,
-  // Box
-  BaseBox,
-  // Avatar
-  AvatarCustom,
-  // Stack
-  StackCustom,
-  // Select
-  SelectCustom,
+  TextInputCustom, ViewWrapper
 };
+
diff --git a/screens/Home/topFeatureSection.tsx b/screens/Home/topFeatureSection.tsx
index 01ac859..c842f45 100644
--- a/screens/Home/topFeatureSection.tsx
+++ b/screens/Home/topFeatureSection.tsx
@@ -9,7 +9,7 @@ export default function Home_FeatureSection() {
       <View style={stylesHome.gridContainer}>
         <TouchableOpacity
           style={stylesHome.gridItem}
-          onPress={() => router.push("/(application)/event/(tabs)")}
+          onPress={() => router.push("/(application)/(user)/event/(tabs)")}
         >
           <Ionicons name="analytics" size={48} color="white" />
           <Text style={stylesHome.gridLabel}>Event</Text>

From b80968999e150f887e8de87e5829b276bb46186a Mon Sep 17 00:00:00 2001
From: Bagasbanuna02 <bagasbanuna02@gmail.com>
Date: Tue, 8 Jul 2025 12:04:51 +0800
Subject: [PATCH 29/64] fix -deskripsi: - fix folder: map, marketplace, forum
 ke (user)

---
 app/(application)/(user)/_layout.tsx          | 27 ++++++++++++++++
 app/(application)/(user)/forum/index.tsx      | 11 +++++++
 app/(application)/(user)/maps/index.tsx       |  9 ++++++
 .../(user)/marketplace/index.tsx              |  9 ++++++
 app/(application)/_layout.tsx                 | 32 -------------------
 app/(application)/forum/index.tsx             | 11 -------
 app/(application)/maps/index.tsx              |  9 ------
 app/(application)/marketplace/index.tsx       |  9 ------
 8 files changed, 56 insertions(+), 61 deletions(-)
 create mode 100644 app/(application)/(user)/forum/index.tsx
 create mode 100644 app/(application)/(user)/maps/index.tsx
 create mode 100644 app/(application)/(user)/marketplace/index.tsx
 delete mode 100644 app/(application)/forum/index.tsx
 delete mode 100644 app/(application)/maps/index.tsx
 delete mode 100644 app/(application)/marketplace/index.tsx

diff --git a/app/(application)/(user)/_layout.tsx b/app/(application)/(user)/_layout.tsx
index c7aee22..cbbf5b5 100644
--- a/app/(application)/(user)/_layout.tsx
+++ b/app/(application)/(user)/_layout.tsx
@@ -68,6 +68,33 @@ export default function UserLayout() {
             headerLeft: () => <LeftButtonCustom />,
           }}
         />
+
+        {/* Forum */}
+        <Stack.Screen
+          name="forum/index"
+          options={{
+            title: "Forum",
+            headerLeft: () => <BackButton />,
+          }}
+        />
+
+        {/* Maps */}
+        <Stack.Screen
+          name="maps/index"
+          options={{
+            title: "Maps",
+            headerLeft: () => <BackButton />,
+          }}
+        />
+
+        {/* Marketplace */}
+        <Stack.Screen
+          name="marketplace/index"
+          options={{
+            title: "Market Place",
+            headerLeft: () => <BackButton />,
+          }}
+        />
       </Stack>
     </>
   );
diff --git a/app/(application)/(user)/forum/index.tsx b/app/(application)/(user)/forum/index.tsx
new file mode 100644
index 0000000..f785332
--- /dev/null
+++ b/app/(application)/(user)/forum/index.tsx
@@ -0,0 +1,11 @@
+import { TextCustom, ViewWrapper } from "@/components";
+
+export default function Forum() {
+  return (
+    <>
+      <ViewWrapper>
+        <TextCustom>Forum</TextCustom>
+      </ViewWrapper>
+    </>
+  );
+}
diff --git a/app/(application)/(user)/maps/index.tsx b/app/(application)/(user)/maps/index.tsx
new file mode 100644
index 0000000..71ab94f
--- /dev/null
+++ b/app/(application)/(user)/maps/index.tsx
@@ -0,0 +1,9 @@
+import { TextCustom, ViewWrapper } from "@/components";
+
+export default function Maps() {
+    return (
+        <ViewWrapper>
+            <TextCustom>Maps</TextCustom>
+        </ViewWrapper>
+    )
+}
\ No newline at end of file
diff --git a/app/(application)/(user)/marketplace/index.tsx b/app/(application)/(user)/marketplace/index.tsx
new file mode 100644
index 0000000..66431b6
--- /dev/null
+++ b/app/(application)/(user)/marketplace/index.tsx
@@ -0,0 +1,9 @@
+import { TextCustom, ViewWrapper } from "@/components";
+
+export default function Marketplace() {
+    return (
+        <ViewWrapper>
+            <TextCustom>Marketplace</TextCustom>
+        </ViewWrapper>
+    );
+}
\ No newline at end of file
diff --git a/app/(application)/_layout.tsx b/app/(application)/_layout.tsx
index 26609c3..1f2f96a 100644
--- a/app/(application)/_layout.tsx
+++ b/app/(application)/_layout.tsx
@@ -1,4 +1,3 @@
-import { BackButton } from "@/components";
 import { MainColor } from "@/constants/color-palet";
 import { HeaderStyles } from "@/styles/header-styles";
 import { Ionicons } from "@expo/vector-icons";
@@ -10,37 +9,6 @@ export default function ApplicationLayout() {
       <Stack screenOptions={HeaderStyles}>
         <Stack.Screen name="(user)" options={{ headerShown: false }} />
 
-        <Stack.Screen
-          name="forum/index"
-          options={{
-            title: "Forum",
-            headerLeft: () => <BackButton />,
-          }}
-        />
-
-        <Stack.Screen
-          name="maps/index"
-          options={{
-            title: "Maps",
-            headerLeft: () => <BackButton />,
-          }}
-        />
-
-        <Stack.Screen
-          name="marketplace/index"
-          options={{
-            title: "Market Place",
-            headerLeft: () => (
-              <Ionicons
-                name="arrow-back"
-                size={20}
-                color={MainColor.yellow}
-                onPress={() => router.back()}
-              />
-            ),
-          }}
-        />
-
         {/* Profile */}
         <Stack.Screen
           name="profile"
diff --git a/app/(application)/forum/index.tsx b/app/(application)/forum/index.tsx
deleted file mode 100644
index df14d47..0000000
--- a/app/(application)/forum/index.tsx
+++ /dev/null
@@ -1,11 +0,0 @@
-import { Text, View } from "react-native";
-
-export default function Forum() {
-  return (
-    <>
-      <View>
-        <Text>Forum</Text>
-      </View>
-    </>
-  );
-}
diff --git a/app/(application)/maps/index.tsx b/app/(application)/maps/index.tsx
deleted file mode 100644
index 9f57a7e..0000000
--- a/app/(application)/maps/index.tsx
+++ /dev/null
@@ -1,9 +0,0 @@
-import { Text, View } from "react-native";
-
-export default function Maps() {
-    return (
-        <View>
-            <Text>Maps</Text>
-        </View>
-    )
-}
\ No newline at end of file
diff --git a/app/(application)/marketplace/index.tsx b/app/(application)/marketplace/index.tsx
deleted file mode 100644
index 2db5901..0000000
--- a/app/(application)/marketplace/index.tsx
+++ /dev/null
@@ -1,9 +0,0 @@
-import { Text, View } from "react-native";
-
-export default function MarketPlace() {
-    return (
-        <View>
-            <Text>Market Place</Text>
-        </View>
-    );
-}
\ No newline at end of file

From 55b4b1fa8d2e44fba16993dd40a2e3a97e603fdd Mon Sep 17 00:00:00 2001
From: Bagasbanuna02 <bagasbanuna02@gmail.com>
Date: Tue, 8 Jul 2025 12:11:35 +0800
Subject: [PATCH 30/64] fix folder deskripsi: - pindah folder portofolio ke
 (user)

---
 app/(application)/(user)/_layout.tsx                      | 8 ++++++++
 app/(application)/{ => (user)}/portofolio/[id]/create.tsx | 8 ++++----
 app/(application)/{ => (user)}/portofolio/[id]/index.tsx  | 0
 app/(application)/{ => (user)}/portofolio/_layout.tsx     | 1 +
 app/(application)/_layout.tsx                             | 8 +-------
 5 files changed, 14 insertions(+), 11 deletions(-)
 rename app/(application)/{ => (user)}/portofolio/[id]/create.tsx (50%)
 rename app/(application)/{ => (user)}/portofolio/[id]/index.tsx (100%)
 rename app/(application)/{ => (user)}/portofolio/_layout.tsx (98%)

diff --git a/app/(application)/(user)/_layout.tsx b/app/(application)/(user)/_layout.tsx
index cbbf5b5..2560038 100644
--- a/app/(application)/(user)/_layout.tsx
+++ b/app/(application)/(user)/_layout.tsx
@@ -95,6 +95,14 @@ export default function UserLayout() {
             headerLeft: () => <BackButton />,
           }}
         />
+
+        {/* Portofolio */}
+        <Stack.Screen
+          name="portofolio"
+          options={{
+            headerShown: false,
+          }}
+        />
       </Stack>
     </>
   );
diff --git a/app/(application)/portofolio/[id]/create.tsx b/app/(application)/(user)/portofolio/[id]/create.tsx
similarity index 50%
rename from app/(application)/portofolio/[id]/create.tsx
rename to app/(application)/(user)/portofolio/[id]/create.tsx
index 2b08612..bf9a250 100644
--- a/app/(application)/portofolio/[id]/create.tsx
+++ b/app/(application)/(user)/portofolio/[id]/create.tsx
@@ -1,11 +1,11 @@
-import { Text, View } from "react-native";
+import { TextCustom, ViewWrapper } from "@/components";
 import { useLocalSearchParams } from "expo-router";
 
 export default function PortofolioCreate() {
     const { id } = useLocalSearchParams();
     return (
-        <View>
-            <Text>Portofolio Create {id}</Text>
-        </View> 
+        <ViewWrapper>
+            <TextCustom>Portofolio Create {id}</TextCustom>
+        </ViewWrapper> 
     );
 }
\ No newline at end of file
diff --git a/app/(application)/portofolio/[id]/index.tsx b/app/(application)/(user)/portofolio/[id]/index.tsx
similarity index 100%
rename from app/(application)/portofolio/[id]/index.tsx
rename to app/(application)/(user)/portofolio/[id]/index.tsx
diff --git a/app/(application)/portofolio/_layout.tsx b/app/(application)/(user)/portofolio/_layout.tsx
similarity index 98%
rename from app/(application)/portofolio/_layout.tsx
rename to app/(application)/(user)/portofolio/_layout.tsx
index 459b292..a7b48d0 100644
--- a/app/(application)/portofolio/_layout.tsx
+++ b/app/(application)/(user)/portofolio/_layout.tsx
@@ -20,6 +20,7 @@ export default function PortofolioLayout() {
           name="[id]/create"
           options={{ title: "Tambah Portofolio" }}
         />
+        
       </Stack>
     </>
   );
diff --git a/app/(application)/_layout.tsx b/app/(application)/_layout.tsx
index 1f2f96a..a316e0d 100644
--- a/app/(application)/_layout.tsx
+++ b/app/(application)/_layout.tsx
@@ -17,13 +17,7 @@ export default function ApplicationLayout() {
           }}
         />
 
-        {/* Portofolio */}
-        <Stack.Screen
-          name="portofolio"
-          options={{
-            headerShown: false,
-          }}
-        />
+        
 
         {/* Take Picture */}
         <Stack.Screen

From 3d9672154cae27f7772fb50782dc12cd32eb67d6 Mon Sep 17 00:00:00 2001
From: Bagasbanuna02 <bagasbanuna02@gmail.com>
Date: Tue, 8 Jul 2025 12:22:15 +0800
Subject: [PATCH 31/64] fix folder deskripsi: - fix folder profile ke (user)

---
 app/(application)/(user)/_layout.tsx          | 24 ++++++++++++-------
 .../{ => (user)}/profile/[id]/create.tsx      |  0
 .../{ => (user)}/profile/[id]/edit.tsx        |  0
 .../{ => (user)}/profile/[id]/index.tsx       |  0
 .../profile/[id]/take-picture2.txt            |  0
 .../profile/[id]/update-background.tsx        |  0
 .../profile/[id]/update-photo.tsx             |  0
 .../{ => (user)}/profile/_layout.tsx          |  0
 app/(application)/_layout.tsx                 | 10 --------
 9 files changed, 16 insertions(+), 18 deletions(-)
 rename app/(application)/{ => (user)}/profile/[id]/create.tsx (100%)
 rename app/(application)/{ => (user)}/profile/[id]/edit.tsx (100%)
 rename app/(application)/{ => (user)}/profile/[id]/index.tsx (100%)
 rename app/(application)/{ => (user)}/profile/[id]/take-picture2.txt (100%)
 rename app/(application)/{ => (user)}/profile/[id]/update-background.tsx (100%)
 rename app/(application)/{ => (user)}/profile/[id]/update-photo.tsx (100%)
 rename app/(application)/{ => (user)}/profile/_layout.tsx (100%)

diff --git a/app/(application)/(user)/_layout.tsx b/app/(application)/(user)/_layout.tsx
index 2560038..64e9a5b 100644
--- a/app/(application)/(user)/_layout.tsx
+++ b/app/(application)/(user)/_layout.tsx
@@ -32,6 +32,22 @@ export default function UserLayout() {
           }}
         />
 
+        {/* Profile */}
+        <Stack.Screen
+          name="profile"
+          options={{
+            headerShown: false,
+          }}
+        />
+
+        {/* Portofolio */}
+        <Stack.Screen
+          name="portofolio"
+          options={{
+            headerShown: false,
+          }}
+        />
+        
         {/* User Search */}
         <Stack.Screen
           name="user-search/index"
@@ -95,14 +111,6 @@ export default function UserLayout() {
             headerLeft: () => <BackButton />,
           }}
         />
-
-        {/* Portofolio */}
-        <Stack.Screen
-          name="portofolio"
-          options={{
-            headerShown: false,
-          }}
-        />
       </Stack>
     </>
   );
diff --git a/app/(application)/profile/[id]/create.tsx b/app/(application)/(user)/profile/[id]/create.tsx
similarity index 100%
rename from app/(application)/profile/[id]/create.tsx
rename to app/(application)/(user)/profile/[id]/create.tsx
diff --git a/app/(application)/profile/[id]/edit.tsx b/app/(application)/(user)/profile/[id]/edit.tsx
similarity index 100%
rename from app/(application)/profile/[id]/edit.tsx
rename to app/(application)/(user)/profile/[id]/edit.tsx
diff --git a/app/(application)/profile/[id]/index.tsx b/app/(application)/(user)/profile/[id]/index.tsx
similarity index 100%
rename from app/(application)/profile/[id]/index.tsx
rename to app/(application)/(user)/profile/[id]/index.tsx
diff --git a/app/(application)/profile/[id]/take-picture2.txt b/app/(application)/(user)/profile/[id]/take-picture2.txt
similarity index 100%
rename from app/(application)/profile/[id]/take-picture2.txt
rename to app/(application)/(user)/profile/[id]/take-picture2.txt
diff --git a/app/(application)/profile/[id]/update-background.tsx b/app/(application)/(user)/profile/[id]/update-background.tsx
similarity index 100%
rename from app/(application)/profile/[id]/update-background.tsx
rename to app/(application)/(user)/profile/[id]/update-background.tsx
diff --git a/app/(application)/profile/[id]/update-photo.tsx b/app/(application)/(user)/profile/[id]/update-photo.tsx
similarity index 100%
rename from app/(application)/profile/[id]/update-photo.tsx
rename to app/(application)/(user)/profile/[id]/update-photo.tsx
diff --git a/app/(application)/profile/_layout.tsx b/app/(application)/(user)/profile/_layout.tsx
similarity index 100%
rename from app/(application)/profile/_layout.tsx
rename to app/(application)/(user)/profile/_layout.tsx
diff --git a/app/(application)/_layout.tsx b/app/(application)/_layout.tsx
index a316e0d..6c7737b 100644
--- a/app/(application)/_layout.tsx
+++ b/app/(application)/_layout.tsx
@@ -9,16 +9,6 @@ export default function ApplicationLayout() {
       <Stack screenOptions={HeaderStyles}>
         <Stack.Screen name="(user)" options={{ headerShown: false }} />
 
-        {/* Profile */}
-        <Stack.Screen
-          name="profile"
-          options={{
-            headerShown: false,
-          }}
-        />
-
-        
-
         {/* Take Picture */}
         <Stack.Screen
           name="take-picture/[id]/index"

From 0698e14d36de89442e39083d37e872362dfbde4c Mon Sep 17 00:00:00 2001
From: Bagasbanuna02 <bagasbanuna02@gmail.com>
Date: Tue, 8 Jul 2025 14:18:50 +0800
Subject: [PATCH 32/64] fix route deskripsi: - perbaiki route tujuan pada
 create profile

---
 .../(user)/profile/[id]/create.tsx              | 14 ++++++++++----
 app/+not-found.tsx                              | 17 ++++++++++++-----
 app/_layout.tsx                                 |  1 +
 screens/Profile/profilSection.tsx               |  7 +++++--
 4 files changed, 28 insertions(+), 11 deletions(-)

diff --git a/app/(application)/(user)/profile/[id]/create.tsx b/app/(application)/(user)/profile/[id]/create.tsx
index 434c188..3db1ada 100644
--- a/app/(application)/(user)/profile/[id]/create.tsx
+++ b/app/(application)/(user)/profile/[id]/create.tsx
@@ -11,10 +11,12 @@ import InformationBox from "@/components/Box/InformationBox";
 import ButtonUpload from "@/components/Button/ButtonUpload";
 import LandscapeFrameUploaded from "@/components/Image/LandscapeFrameUploaded";
 import { GStyles } from "@/styles/global-styles";
+import { router, useLocalSearchParams } from "expo-router";
 import { useState } from "react";
 import { View } from "react-native";
 
 export default function CreateProfile() {
+  const { id } = useLocalSearchParams();
   const [data, setData] = useState({
     name: "",
     email: "",
@@ -24,7 +26,7 @@ export default function CreateProfile() {
 
   const handlerSave = () => {
     console.log("data create profile >>", data);
-    // router.back();
+    router.back();
   };
 
   const footerComponent = (
@@ -32,7 +34,7 @@ export default function CreateProfile() {
       <View style={GStyles.bottomBarContainer}>
         <ButtonCustom
           onPress={handlerSave}
-          disabled={!data.name || !data.email || !data.address || !data.gender}
+          // disabled={!data.name || !data.email || !data.address || !data.gender}
         >
           Simpan
         </ButtonCustom>
@@ -47,7 +49,9 @@ export default function CreateProfile() {
         <View style={{ alignItems: "center" }}>
           <AvatarCustom size="xl" />
           <Spacing />
-          <ButtonUpload onPress={() => console.log("pressed")} />
+          <ButtonUpload
+            onPress={() => router.navigate(`/take-picture/${id}`)}
+          />
         </View>
 
         <Spacing />
@@ -56,7 +60,9 @@ export default function CreateProfile() {
           <InformationBox text="Upload foto latar belakang anda." />
           <LandscapeFrameUploaded />
           <Spacing />
-          <ButtonUpload onPress={() => console.log("pressed")} />
+          <ButtonUpload
+            onPress={() => router.navigate(`/take-picture/${id}`)}
+          />
         </View>
 
         <Spacing />
diff --git a/app/+not-found.tsx b/app/+not-found.tsx
index 888960b..297838a 100644
--- a/app/+not-found.tsx
+++ b/app/+not-found.tsx
@@ -1,9 +1,16 @@
-import { Text, View } from "react-native";
+import { StackCustom, TextCustom, ViewWrapper } from "@/components";
 
 export default function NotFoundScreen() {
     return (
-        <View>
-            <Text>Not Found</Text>
-        </View>
-    )
+      <ViewWrapper>
+        <StackCustom align="center" gap={0} style={{justifyContent: "center", alignItems: "center", flex: 1}}>
+          <TextCustom size="large" bold style={{fontSize: 100}}>
+            404
+          </TextCustom>
+          <TextCustom size="large" bold>
+            Sorry, File Not Found
+          </TextCustom>
+        </StackCustom>
+      </ViewWrapper>
+    );
 }
\ No newline at end of file
diff --git a/app/_layout.tsx b/app/_layout.tsx
index a8473fc..078d297 100644
--- a/app/_layout.tsx
+++ b/app/_layout.tsx
@@ -15,6 +15,7 @@ export default function RootLayout() {
           }}
         >
           <Stack.Screen name="index" options={{ title: "" }} />
+          <Stack.Screen name="+not-found" options={{ title: "" }} />
           <Stack.Screen
             name="verification"
             options={{ title: "", headerBackVisible: false }}
diff --git a/screens/Profile/profilSection.tsx b/screens/Profile/profilSection.tsx
index 2527c08..9268286 100644
--- a/screens/Profile/profilSection.tsx
+++ b/screens/Profile/profilSection.tsx
@@ -3,7 +3,7 @@ import { BaseBox, Grid, Spacing, TextCustom } from "@/components";
 import { MainColor } from "@/constants/color-palet";
 import { ICON_SIZE_SMALL } from "@/constants/constans-value";
 import { FontAwesome5, Ionicons } from "@expo/vector-icons";
-import { useLocalSearchParams } from "expo-router";
+import { router, useLocalSearchParams } from "expo-router";
 import { View } from "react-native";
 import AvatarAndBackground from "./AvatarAndBackground";
 
@@ -85,7 +85,10 @@ export default function ProfilSection() {
             <BaseBox
               key={index}
               style={{ backgroundColor: MainColor.darkblue }}
-              onPress={() => console.log("pressed")}
+              onPress={() => {
+                console.log("press to Portofolio");
+                router.push(`/portofolio/${id}`);
+              }}
             >
               <Grid>
                 <Grid.Col

From 16559b94fedb696d3460e6d26c07683dfa092c45 Mon Sep 17 00:00:00 2001
From: Bagasbanuna02 <bagasbanuna02@gmail.com>
Date: Wed, 9 Jul 2025 10:19:02 +0800
Subject: [PATCH 33/64] feature & fix deskripsi: - fix Text input - feature Box
 footer & button center

---
 .../(user)/event/(tabs)/_layout.tsx           |   2 +-
 .../(user)/portofolio/[id]/create.tsx         | 175 ++++-
 .../(user)/profile/[id]/create.tsx            |  20 +-
 .../(user)/profile/[id]/edit.tsx              |  21 +-
 components/Alert/AlertCustom.tsx              |   4 +-
 components/Box/BoxButtonOnFooter.tsx          |  16 +
 components/Box/InformationBox.tsx             |   2 +-
 components/Button/ButtonCenteredOnly.tsx      |  29 +
 components/Button/buttonCustomStyles.ts       |   3 +-
 components/Drawer/DrawerCustom.tsx            |  14 +-
 components/Drawer/MenuDrawerDynamicGird.tsx   |   6 +-
 components/Grid/GridCustom.tsx                |   1 +
 components/Image/AvatarCustom.tsx             |   2 +-
 components/Select/SelectCustom.tsx            |  12 +-
 components/Stack/StackCustom.tsx              |  13 +-
 components/TextArea/TextAreaCustom.tsx        | 144 ++++
 components/TextInput/TextInputCustom.tsx      |   3 +
 components/TextInput/textInputStyles.ts       |  24 +-
 components/index.ts                           |  12 +-
 constants/color-palet.ts                      |   3 +-
 constants/constans-value.ts                   |   4 +-
 lib/dummy-data/master-bidang-bisnis.ts        | 100 +++
 lib/dummy-data/master-sub-bidang-bisnis.ts    | 734 ++++++++++++++++++
 lib/index.ts                                  |   0
 screens/Authentication/LoginView.tsx          |   6 +-
 screens/Profile/profilSection.tsx             |   1 -
 styles/global-styles.ts                       |   4 +-
 27 files changed, 1284 insertions(+), 71 deletions(-)
 create mode 100644 components/Box/BoxButtonOnFooter.tsx
 create mode 100644 components/Button/ButtonCenteredOnly.tsx
 create mode 100644 components/TextArea/TextAreaCustom.tsx
 create mode 100644 lib/dummy-data/master-bidang-bisnis.ts
 create mode 100644 lib/dummy-data/master-sub-bidang-bisnis.ts
 create mode 100644 lib/index.ts

diff --git a/app/(application)/(user)/event/(tabs)/_layout.tsx b/app/(application)/(user)/event/(tabs)/_layout.tsx
index 44081e8..89996cd 100644
--- a/app/(application)/(user)/event/(tabs)/_layout.tsx
+++ b/app/(application)/(user)/event/(tabs)/_layout.tsx
@@ -8,7 +8,7 @@ export default function EventLayout() {
       screenOptions={{
         headerShown: false,
         tabBarActiveTintColor: MainColor.yellow,
-        tabBarInactiveTintColor: MainColor.white,
+        tabBarInactiveTintColor: MainColor.white_gray,
         tabBarStyle: {
           backgroundColor: MainColor.darkblue,
         },
diff --git a/app/(application)/(user)/portofolio/[id]/create.tsx b/app/(application)/(user)/portofolio/[id]/create.tsx
index bf9a250..6a9c7aa 100644
--- a/app/(application)/(user)/portofolio/[id]/create.tsx
+++ b/app/(application)/(user)/portofolio/[id]/create.tsx
@@ -1,11 +1,170 @@
-import { TextCustom, ViewWrapper } from "@/components";
+/* eslint-disable @typescript-eslint/no-unused-vars */
+import {
+  ButtonCustom,
+  Grid,
+  SelectCustom,
+  Spacing,
+  StackCustom,
+  TextAreaCustom,
+  TextCustom,
+  TextInputCustom,
+  ViewWrapper,
+} from "@/components";
+import BoxButtonOnFooter from "@/components/Box/BoxButtonOnFooter";
+import InformationBox from "@/components/Box/InformationBox";
+import ButtonCenteredOnly from "@/components/Button/ButtonCenteredOnly";
+import LandscapeFrameUploaded from "@/components/Image/LandscapeFrameUploaded";
+import { MainColor } from "@/constants/color-palet";
+import dummyMasterBidangBisnis from "@/lib/dummy-data/master-bidang-bisnis";
+import dummyMasterSubBidangBisnis from "@/lib/dummy-data/master-sub-bidang-bisnis";
+import { Ionicons } from "@expo/vector-icons";
 import { useLocalSearchParams } from "expo-router";
+import { useState } from "react";
+import { Text, TouchableOpacity, View } from "react-native";
+import PhoneInput, { ICountry } from "react-native-international-phone-number";
 
 export default function PortofolioCreate() {
-    const { id } = useLocalSearchParams();
-    return (
-        <ViewWrapper>
-            <TextCustom>Portofolio Create {id}</TextCustom>
-        </ViewWrapper> 
-    );
-}
\ No newline at end of file
+  const { id } = useLocalSearchParams();
+  const [selectedCountry, setSelectedCountry] = useState<null | ICountry>(null);
+  const [inputValue, setInputValue] = useState<string>("");
+  const [data, setData] = useState({
+    name: "",
+    bidang_usaha: "",
+    sub_bidang_usaha: "",
+    alamat: "",
+    nomor_telepon: "",
+    deskripsi: "",
+  });
+
+  function handleInputValue(phoneNumber: string) {
+    setInputValue(phoneNumber);
+  }
+
+  function handleSelectedCountry(country: ICountry) {
+    setSelectedCountry(country);
+  }
+
+  function handleSave() {
+    console.log("save");
+  }
+
+  const buttonSave = (
+    <BoxButtonOnFooter>
+      <ButtonCustom onPress={handleSave}>Selanjutnya</ButtonCustom>
+    </BoxButtonOnFooter>
+  );
+
+  return (
+    <ViewWrapper footerComponent={buttonSave}>
+      {/* <TextCustom>Portofolio Create {id}</TextCustom> */}
+      <StackCustom>
+        <InformationBox text="Lengkapi data bisnis anda." />
+        <TextInputCustom
+          required
+          label="Nama Bisnis"
+          placeholder="Masukkan nama bisnis"
+        />
+        <SelectCustom
+          label="Bidang Usaha"
+          required
+          data={dummyMasterBidangBisnis.map((item) => ({
+            label: item.name,
+            value: item.id,
+          }))}
+          value=""
+          onChange={(value) => console.log(value)}
+        />
+        <Grid>
+          <Grid.Col span={10}>
+            <SelectCustom
+              label="Sub Bidang Usaha"
+              required
+              data={dummyMasterSubBidangBisnis.map((item) => ({
+                label: item.name,
+                value: item.id,
+              }))}
+              value=""
+              onChange={(value) => console.log(value)}
+            />
+          </Grid.Col>
+          <Grid.Col
+            span={2}
+            style={{ alignItems: "center", justifyContent: "center" }}
+          >
+            <TouchableOpacity onPress={() => console.log("delete")}>
+              <Ionicons name="trash" size={24} color={MainColor.red} />
+            </TouchableOpacity>
+          </Grid.Col>
+        </Grid>
+        <ButtonCenteredOnly onPress={() => console.log("add")}>
+          Tambah Pilihan
+        </ButtonCenteredOnly>
+        <Spacing />
+        <TextInputCustom
+          required
+          label="Alamat Bisnis"
+          placeholder="Masukkan alamat bisnis"
+        />
+        <View>
+          <View style={{ flexDirection: "row", alignItems: "center" }}>
+            <TextCustom semiBold style={{ color: MainColor.white_gray }}>
+              Nomor Telepon
+            </TextCustom>
+            <Text style={{ color: "red" }}> *</Text>
+          </View>
+          <Spacing height={5} />
+          <PhoneInput
+            value={inputValue}
+            onChangePhoneNumber={handleInputValue}
+            selectedCountry={selectedCountry}
+            onChangeSelectedCountry={handleSelectedCountry}
+            defaultCountry="ID"
+            placeholder="xxx-xxx-xxx"
+          />
+        </View>
+        <Spacing />
+        <TextAreaCustom
+          label="Deskripsi Bisnis"
+          placeholder="Masukkan deskripsi bisnis"
+          value={data.deskripsi}
+          onChangeText={(value: any) => setData({ ...data, deskripsi: value })}
+          autosize
+          minRows={2}
+          maxRows={5}
+          required
+          showCount
+          maxLength={100}
+        />
+        <Spacing />
+        <InformationBox text="Upload logo bisnis anda untuk di tampilaka pada portofolio." />
+        <LandscapeFrameUploaded />
+        <ButtonCenteredOnly icon="upload" onPress={() => console.log("upload")}>
+          Upload
+        </ButtonCenteredOnly>
+        <Spacing height={40} />
+        <InformationBox text="Isi hanya pada sosial media yang anda miliki." />
+        <TextInputCustom
+          label="Tiktok"
+          placeholder="Masukkan username tiktok"
+        />
+        <TextInputCustom
+          label="Facebook"
+          placeholder="Masukkan username facebook"
+        />
+        <TextInputCustom
+          label="Instagram"
+          placeholder="Masukkan username instagram"
+        />
+        <TextInputCustom
+          label="Twitter"
+          placeholder="Masukkan username twitter"
+        />
+        <TextInputCustom
+          label="Youtube"
+          placeholder="Masukkan username youtube"
+        />
+        <Spacing />
+      </StackCustom>
+    </ViewWrapper>
+  );
+}
diff --git a/app/(application)/(user)/profile/[id]/create.tsx b/app/(application)/(user)/profile/[id]/create.tsx
index 3db1ada..6362cee 100644
--- a/app/(application)/(user)/profile/[id]/create.tsx
+++ b/app/(application)/(user)/profile/[id]/create.tsx
@@ -7,10 +7,10 @@ import {
   TextInputCustom,
   ViewWrapper,
 } from "@/components";
+import BoxButtonOnFooter from "@/components/Box/BoxButtonOnFooter";
 import InformationBox from "@/components/Box/InformationBox";
 import ButtonUpload from "@/components/Button/ButtonUpload";
 import LandscapeFrameUploaded from "@/components/Image/LandscapeFrameUploaded";
-import { GStyles } from "@/styles/global-styles";
 import { router, useLocalSearchParams } from "expo-router";
 import { useState } from "react";
 import { View } from "react-native";
@@ -30,16 +30,14 @@ export default function CreateProfile() {
   };
 
   const footerComponent = (
-    <View style={GStyles.bottomBar}>
-      <View style={GStyles.bottomBarContainer}>
-        <ButtonCustom
-          onPress={handlerSave}
-          // disabled={!data.name || !data.email || !data.address || !data.gender}
-        >
-          Simpan
-        </ButtonCustom>
-      </View>
-    </View>
+    <BoxButtonOnFooter>
+      <ButtonCustom
+        onPress={handlerSave}
+        // disabled={!data.name || !data.email || !data.address || !data.gender}
+      >
+        Simpan
+      </ButtonCustom>
+    </BoxButtonOnFooter>
   );
 
   return (
diff --git a/app/(application)/(user)/profile/[id]/edit.tsx b/app/(application)/(user)/profile/[id]/edit.tsx
index c3f14a2..3ed0078 100644
--- a/app/(application)/(user)/profile/[id]/edit.tsx
+++ b/app/(application)/(user)/profile/[id]/edit.tsx
@@ -6,6 +6,7 @@ import {
   TextInputCustom,
   ViewWrapper,
 } from "@/components";
+import BoxButtonOnFooter from "@/components/Box/BoxButtonOnFooter";
 import { router, useLocalSearchParams } from "expo-router";
 import { useState } from "react";
 import { StyleSheet } from "react-native";
@@ -44,15 +45,17 @@ export default function ProfileEdit() {
 
   return (
     <ViewWrapper
-      bottomBarComponent={
-        <ButtonCustom
-          disabled={
-            !data.nama || !data.email || !data.alamat || !data.selectedValue
-          }
-          onPress={handleSave}
-        >
-          Simpan
-        </ButtonCustom>
+      footerComponent={
+        <BoxButtonOnFooter>
+          <ButtonCustom
+            // disabled={
+            //   !data.nama || !data.email || !data.alamat || !data.selectedValue
+            // }
+            onPress={handleSave}
+          >
+            Simpan
+          </ButtonCustom>
+        </BoxButtonOnFooter>
       }
     >
       <StackCustom gap={"xs"}>
diff --git a/components/Alert/AlertCustom.tsx b/components/Alert/AlertCustom.tsx
index 4d3b7dd..c5165fd 100644
--- a/components/Alert/AlertCustom.tsx
+++ b/components/Alert/AlertCustom.tsx
@@ -95,12 +95,12 @@ const styles = StyleSheet.create({
     fontSize: TEXT_SIZE_LARGE,
     fontWeight: "bold",
     marginBottom: 20,
-    color: MainColor.white,
+    color: MainColor.white_gray,
   },
   alertMessage: {
     textAlign: "center",
     marginBottom: 20,
-    color: MainColor.white,
+    color: MainColor.white_gray,
   },
   alertButtons: {
     flexDirection: "row",
diff --git a/components/Box/BoxButtonOnFooter.tsx b/components/Box/BoxButtonOnFooter.tsx
new file mode 100644
index 0000000..79c1561
--- /dev/null
+++ b/components/Box/BoxButtonOnFooter.tsx
@@ -0,0 +1,16 @@
+import { GStyles } from "@/styles/global-styles";
+import { StyleProp, View, ViewStyle } from "react-native";
+
+export default function BoxButtonOnFooter({
+  children,
+  style,
+}: {
+  children: React.ReactNode;
+  style?: StyleProp<ViewStyle>;
+}) {
+  return (
+    <View style={GStyles.bottomBar}>
+      <View style={[GStyles.bottomBarContainer, style]}>{children}</View>
+    </View>
+  );
+}
diff --git a/components/Box/InformationBox.tsx b/components/Box/InformationBox.tsx
index 4cd996a..f9d2f9b 100644
--- a/components/Box/InformationBox.tsx
+++ b/components/Box/InformationBox.tsx
@@ -16,7 +16,7 @@ export default function InformationBox({ text }: { text: string }) {
             <Ionicons
               name="information-circle-outline"
               size={24}
-              color={MainColor.white}
+              color={MainColor.white_gray}
             />
           </Grid.Col>
           <Grid.Col span={10} style={{ justifyContent: "center" }}>
diff --git a/components/Button/ButtonCenteredOnly.tsx b/components/Button/ButtonCenteredOnly.tsx
new file mode 100644
index 0000000..8ec937a
--- /dev/null
+++ b/components/Button/ButtonCenteredOnly.tsx
@@ -0,0 +1,29 @@
+import { MainColor } from "@/constants/color-palet";
+import { ICON_SIZE_BUTTON } from "@/constants/constans-value";
+import { GStyles } from "@/styles/global-styles";
+import { Feather } from "@expo/vector-icons";
+import React from "react";
+import ButtonCustom from "./ButtonCustom";
+
+interface ButtonCenteredOnlyProps {
+  children?: React.ReactNode;
+  icon?: "plus" | "upload";
+  onPress: () => void;
+}
+export default function ButtonCenteredOnly({
+  onPress,
+  children,
+  icon = "plus"
+}: ButtonCenteredOnlyProps) {
+  return (
+    <ButtonCustom
+      onPress={onPress}
+      iconLeft={
+        <Feather name={icon} size={ICON_SIZE_BUTTON} color={MainColor.black} />
+      }
+      style={[GStyles.buttonCentered50Percent]}
+    >
+      {children}
+    </ButtonCustom>
+  );
+}
diff --git a/components/Button/buttonCustomStyles.ts b/components/Button/buttonCustomStyles.ts
index f9144fc..274f772 100644
--- a/components/Button/buttonCustomStyles.ts
+++ b/components/Button/buttonCustomStyles.ts
@@ -1,6 +1,7 @@
 // components/Button/buttonStyles.js
 
 import { MainColor } from "@/constants/color-palet";
+import { TEXT_SIZE_MEDIUM } from "@/constants/constans-value";
 import { StyleSheet } from "react-native";
 
 export default function buttonStyles({
@@ -21,7 +22,7 @@ export default function buttonStyles({
     },
     buttonText: {
       color: textColor,
-      fontSize: 16,
+      fontSize: TEXT_SIZE_MEDIUM,
       fontWeight: "600",
     },
     disabled: {
diff --git a/components/Drawer/DrawerCustom.tsx b/components/Drawer/DrawerCustom.tsx
index da387f0..6976f4f 100644
--- a/components/Drawer/DrawerCustom.tsx
+++ b/components/Drawer/DrawerCustom.tsx
@@ -1,10 +1,10 @@
 import React, { useRef } from "react";
 import {
-  Animated,
-  PanResponder,
-  StyleSheet,
-  View,
-  InteractionManager,
+    Animated,
+    InteractionManager,
+    PanResponder,
+    StyleSheet,
+    View,
 } from "react-native";
 
 import { AccentColor, MainColor } from "@/constants/color-palet";
@@ -86,7 +86,7 @@ DrawerCustomProps) {
         {...panResponder.panHandlers}
       >
         <View
-          style={[styles.headerBar, { backgroundColor: MainColor.white }]}
+          style={[styles.headerBar, { backgroundColor: MainColor.white_gray }]}
         />
 
         {children}
@@ -152,7 +152,7 @@ const styles = StyleSheet.create({
   headerBar: {
     width: 40,
     height: 5,
-    backgroundColor: MainColor.white,
+    backgroundColor: MainColor.white_gray,
     borderRadius: 5,
     alignSelf: "center",
     marginVertical: 10,
diff --git a/components/Drawer/MenuDrawerDynamicGird.tsx b/components/Drawer/MenuDrawerDynamicGird.tsx
index ad6c2ce..cba0440 100644
--- a/components/Drawer/MenuDrawerDynamicGird.tsx
+++ b/components/Drawer/MenuDrawerDynamicGird.tsx
@@ -1,7 +1,7 @@
 import { AccentColor, MainColor } from "@/constants/color-palet";
 import { ICON_SIZE_MEDIUM, TEXT_SIZE_SMALL } from "@/constants/constans-value";
 import { Ionicons } from "@expo/vector-icons";
-import { View, TouchableOpacity, Text, StyleSheet } from "react-native";
+import { StyleSheet, Text, TouchableOpacity, View } from "react-native";
 
 const MenuDrawerDynamicGrid = ({ data, columns = 3, onPressItem }: any) => {
   const numColumns = columns;
@@ -18,7 +18,7 @@ const MenuDrawerDynamicGrid = ({ data, columns = 3, onPressItem }: any) => {
             <Ionicons
               name={item.icon}
               size={ICON_SIZE_MEDIUM}
-              color={item.color || MainColor.white}
+              color={item.color || MainColor.white_gray}
             />
           </View>
           <Text style={styles.label}>{item.label}</Text>
@@ -52,6 +52,6 @@ const styles = StyleSheet.create({
     marginTop: 10,
     fontSize: TEXT_SIZE_SMALL,
     textAlign: "center",
-    color: MainColor.white,
+    color: MainColor.white_gray,
   },
 });
\ No newline at end of file
diff --git a/components/Grid/GridCustom.tsx b/components/Grid/GridCustom.tsx
index 4aac270..6df544a 100644
--- a/components/Grid/GridCustom.tsx
+++ b/components/Grid/GridCustom.tsx
@@ -109,5 +109,6 @@ const styles = StyleSheet.create({
     flexDirection: "row",
     flexWrap: "wrap",
     justifyContent: "flex-start",
+    marginInline: 0.1
   },
 });
diff --git a/components/Image/AvatarCustom.tsx b/components/Image/AvatarCustom.tsx
index 17d8b67..d4a6889 100644
--- a/components/Image/AvatarCustom.tsx
+++ b/components/Image/AvatarCustom.tsx
@@ -47,7 +47,7 @@ const styles = StyleSheet.create({
   overlappingAvatar: {
     borderWidth: 2,
     borderColor: "#fff",
-    backgroundColor: MainColor.white,
+    backgroundColor: MainColor.white_gray,
     // shadowColor: "#000",
     // shadowOffset: { width: 0, height: 2 },
     // shadowOpacity: 0.2,
diff --git a/components/Select/SelectCustom.tsx b/components/Select/SelectCustom.tsx
index 557a304..3e9e1aa 100644
--- a/components/Select/SelectCustom.tsx
+++ b/components/Select/SelectCustom.tsx
@@ -3,13 +3,13 @@ import { MainColor } from "@/constants/color-palet";
 import { TEXT_SIZE_MEDIUM } from "@/constants/constans-value";
 import React, { useState } from "react";
 import {
-  View,
-  Text,
-  Pressable,
-  Modal,
   FlatList,
+  Modal,
+  Pressable,
   StyleSheet,
+  Text,
   TouchableOpacity,
+  View,
 } from "react-native";
 
 type SelectItem = {
@@ -100,7 +100,7 @@ const styles = StyleSheet.create({
   label: {
     fontSize: TEXT_SIZE_MEDIUM,
     marginBottom: 4,
-    color: MainColor.white,
+    color: MainColor.white_gray,
     fontWeight: "500",
   },
   requiredIndicator: {
@@ -109,7 +109,7 @@ const styles = StyleSheet.create({
   },
   input: {
     borderWidth: 1,
-    borderColor: "#ccc",
+    borderColor: MainColor.white_gray,
     padding: 12,
     borderRadius: 8,
     minHeight: 48,
diff --git a/components/Stack/StackCustom.tsx b/components/Stack/StackCustom.tsx
index 85398d0..6b0ab21 100644
--- a/components/Stack/StackCustom.tsx
+++ b/components/Stack/StackCustom.tsx
@@ -1,3 +1,4 @@
+/* eslint-disable @typescript-eslint/no-unused-vars */
 // components/Stack.tsx
 
 import React from "react";
@@ -18,7 +19,7 @@ const StackCustom: React.FC<StackProps> = ({
   children,
   align = "stretch",
   justify = "flex-start",
-  gap = "md",
+  gap = "xs",
   direction = "column",
   style,
 }) => {
@@ -57,10 +58,10 @@ const convertToSpacing = (value: GapSizeType): number => {
   return sizes[value] || 16; // default md
 };
 
-const styles = StyleSheet.create({
-  stack: {
-    flex: 1,
-  },
-});
+// const styles = StyleSheet.create({
+//   stack: {
+//     flex: 1,
+//   },
+// });
 
 export default StackCustom;
diff --git a/components/TextArea/TextAreaCustom.tsx b/components/TextArea/TextAreaCustom.tsx
new file mode 100644
index 0000000..d17aacd
--- /dev/null
+++ b/components/TextArea/TextAreaCustom.tsx
@@ -0,0 +1,144 @@
+import React, { useEffect, useState } from "react";
+import {
+  TextInput as RNTextInput,
+  StyleProp,
+  Text,
+  View,
+  ViewStyle,
+} from "react-native";
+
+import { textInputStyles } from "../TextInput/textInputStyles";
+
+type IconType = React.ReactNode | string;
+
+type BaseProps = {
+  iconLeft?: IconType;
+  iconRight?: IconType;
+  label?: string;
+  required?: boolean;
+  error?: string;
+  fontColor?: string;
+  disabled?: boolean;
+  borderRadius?: number;
+  autosize?: boolean;
+  minRows?: number;
+  maxRows?: number;
+  showCount?: boolean;
+  maxLength?: number;
+  style?: StyleProp<ViewStyle>;
+};
+
+type NativeTextInputProps = Omit<
+  React.ComponentProps<typeof RNTextInput>,
+  "style"
+>;
+
+export type TextAreaCustomProps = BaseProps & NativeTextInputProps;
+
+const TextAreaCustom: React.FC<TextAreaCustomProps> = ({
+  iconLeft,
+  iconRight,
+  label,
+  required = false,
+  error = "",
+  fontColor = "#000",
+  disabled = false,
+  borderRadius = 8,
+  autosize = false,
+  minRows = 3,
+  maxRows = 6,
+  showCount = false,
+  maxLength,
+  value,
+  onChangeText,
+  style,
+  ...rest
+}) => {
+  const [numberOfLines, setNumberOfLines] = useState(minRows);
+
+  // Autosizing logic
+  useEffect(() => {
+    if (!autosize || !value) return;
+
+    const text = value as string;
+    const lines = text.split("\n").length;
+    const newLines = Math.max(minRows, Math.min(maxRows, lines));
+    setNumberOfLines(newLines);
+  }, [value, autosize, minRows, maxRows]);
+
+  const hasError = Boolean(error);
+
+  const renderIcon = (icon: IconType) => {
+    if (!icon) return null;
+    return typeof icon === "string" ? (
+      <Text style={textInputStyles.iconText}>{icon}</Text>
+    ) : (
+      icon
+    );
+  };
+
+  return (
+    <View style={textInputStyles.container}>
+      {label && (
+        <Text style={textInputStyles.label}>
+          {label}
+          {required && <Text style={textInputStyles.required}> *</Text>}
+        </Text>
+      )}
+      <View
+        style={[
+          textInputStyles.inputContainer,
+          disabled && textInputStyles.disabled,
+          hasError ? textInputStyles.errorBorder : {},
+          { borderRadius },
+          style,
+        ]}
+      >
+        {iconLeft && (
+          <View style={textInputStyles.icon}>{renderIcon(iconLeft)}</View>
+        )}
+
+        <RNTextInput
+          maxLength={maxLength}
+          multiline
+          numberOfLines={numberOfLines}
+          style={[
+            textInputStyles.input,
+            textInputStyles.textArea,
+            { color: fontColor },
+          ]}
+          editable={!disabled}
+          value={value as string}
+          onChangeText={onChangeText}
+          {...rest}
+        />
+
+        {iconRight && (
+          <View style={textInputStyles.icon}>{renderIcon(iconRight)}</View>
+        )}
+      </View>
+
+      {/* Error Message atau Counter */}
+      <View
+        style={{
+          flexDirection: "row",
+          justifyContent: "space-between",
+          marginTop: 4,
+          minHeight: 16,
+        }}
+      >
+        {hasError ? (
+          <Text style={textInputStyles.errorMessage}>{error}</Text>
+        ) : null}
+
+        {showCount && maxLength ? (
+          <Text style={textInputStyles.inputLength}>
+            {(value as string)?.length || 0}/{maxLength}
+          </Text>
+        ) : null}
+      </View>
+    </View>
+  );
+};
+
+export default TextAreaCustom;
diff --git a/components/TextInput/TextInputCustom.tsx b/components/TextInput/TextInputCustom.tsx
index 0be5c29..405e7b1 100644
--- a/components/TextInput/TextInputCustom.tsx
+++ b/components/TextInput/TextInputCustom.tsx
@@ -23,6 +23,7 @@ type Props = {
   disabled?: boolean;
   borderRadius?: number;
   style?: StyleProp<ViewStyle>;
+  maxLength?: number;
 } & Omit<React.ComponentProps<typeof RNTextInput>, "style">;
 
 export const TextInputCustom = ({
@@ -38,6 +39,7 @@ export const TextInputCustom = ({
   style,
   keyboardType,
   onChangeText,
+  maxLength,
   ...rest
 }: Props) => {
   const [isPasswordVisible, setIsPasswordVisible] = useState(false);
@@ -96,6 +98,7 @@ export const TextInputCustom = ({
           secureTextEntry={secureTextEntry && !isPasswordVisible}
           keyboardType={keyboardType}
           onChangeText={handleTextChange}
+          maxLength={maxLength}
           {...rest}
         />
         {secureTextEntry && (
diff --git a/components/TextInput/textInputStyles.ts b/components/TextInput/textInputStyles.ts
index f285094..ed300bc 100644
--- a/components/TextInput/textInputStyles.ts
+++ b/components/TextInput/textInputStyles.ts
@@ -1,5 +1,6 @@
 // components/text-input.styles.ts
-import { AccentColor, MainColor } from "@/constants/color-palet";
+import { MainColor } from "@/constants/color-palet";
+import { TEXT_SIZE_LARGE, TEXT_SIZE_MEDIUM } from "@/constants/constans-value";
 import { StyleSheet } from "react-native";
 
 export const textInputStyles = StyleSheet.create({
@@ -13,7 +14,7 @@ export const textInputStyles = StyleSheet.create({
     fontSize: 14,
     marginBottom: 6,
     fontWeight: "500",
-    color: MainColor.white,
+    color: MainColor.white_gray,
   },
 
   // Tanda bintang merah untuk required
@@ -28,12 +29,18 @@ export const textInputStyles = StyleSheet.create({
     color: MainColor.red,
   },
 
+  // Input Length
+  inputLength: {
+    fontSize: 12,
+    color: MainColor.white_gray,
+  },
+
   // Wrapper input (View pembungkus TextInput)
   inputContainer: {
     flexDirection: "row",
     alignItems: "center",
     borderWidth: 1,
-    borderColor: AccentColor.white,
+    borderColor: MainColor.white_gray,
     backgroundColor: MainColor.white,
     paddingHorizontal: 12,
     height: 50,
@@ -48,7 +55,7 @@ export const textInputStyles = StyleSheet.create({
   // Input utama (TextInput)
   input: {
     flex: 1,
-    fontSize: 16,
+    fontSize: TEXT_SIZE_MEDIUM,
     paddingVertical: 0,
   },
 
@@ -60,7 +67,7 @@ export const textInputStyles = StyleSheet.create({
 
   // Teks ikon jika berupa string
   iconText: {
-    fontSize: 16,
+    fontSize: TEXT_SIZE_LARGE,
     color: "#000",
   },
 
@@ -68,4 +75,11 @@ export const textInputStyles = StyleSheet.create({
   errorBorder: {
     borderColor: "red",
   },
+
+  // Untuk TextArea tambahan
+  textArea: {
+    textAlignVertical: "top",
+    padding: 12,
+    height: undefined, // biar multiline bebas tinggi
+  },
 });
diff --git a/components/index.ts b/components/index.ts
index b3e332e..9bc6a81 100644
--- a/components/index.ts
+++ b/components/index.ts
@@ -2,7 +2,9 @@
 import AlertCustom from "./Alert/AlertCustom";
 // Button
 import LeftButtonCustom from "./Button/BackButton";
+import ButtonCenteredOnly from "./Button/ButtonCenteredOnly";
 import ButtonCustom from "./Button/ButtonCustom";
+import ButtonUpload from "./Button/ButtonUpload";
 // Drawer
 import DrawerCustom from "./Drawer/DrawerCustom";
 import MenuDrawerDynamicGrid from "./Drawer/MenuDrawerDynamicGird";
@@ -13,6 +15,8 @@ import ViewWrapper from "./_ShareComponent/ViewWrapper";
 import TextCustom from "./Text/TextCustom";
 // TextInput
 import { TextInputCustom } from "./TextInput/TextInputCustom";
+// TextArea
+import TextAreaCustom from "./TextArea/TextAreaCustom";
 // Grid
 import Grid from "./Grid/GridCustom";
 // Box
@@ -31,7 +35,7 @@ export {
   // Button
   LeftButtonCustom as BackButton,
   // Box
-  BaseBox, ButtonCustom,
+  BaseBox, ButtonCenteredOnly, ButtonCustom, ButtonUpload,
   // Drawer
   DrawerCustom,
   // Grid
@@ -42,9 +46,13 @@ export {
   Spacing,
   // Stack
   StackCustom,
+  // TextArea
+  TextAreaCustom,
   // Text
   TextCustom,
   // TextInput
-  TextInputCustom, ViewWrapper
+  TextInputCustom,
+  // ViewWrapper
+  ViewWrapper
 };
 
diff --git a/constants/color-palet.ts b/constants/color-palet.ts
index 114e16b..02c57f7 100644
--- a/constants/color-palet.ts
+++ b/constants/color-palet.ts
@@ -3,13 +3,14 @@ export const MainColor = {
   darkblue: "#001D3D",
   soft_darkblue: "#0e3763",
   yellow: "#E1B525",
-  white: "#D4D0D0",
+  white_gray: "#D4D0D0",
   red: "#FF4B4C",
   orange: "#FF7043",
   green: "#4CAF4F",
   text_input: "#EDEBEBFF",
   placeholder: "#999",
   disabled: "#606360",
+  white: "#ffffff",
 };
 
 export const AccentColor = {
diff --git a/constants/constans-value.ts b/constants/constans-value.ts
index 3a6e50c..04a9502 100644
--- a/constants/constans-value.ts
+++ b/constants/constans-value.ts
@@ -6,6 +6,7 @@ export {
   ICON_SIZE_MEDIUM,
   DRAWER_HEIGHT,
   RADIUS_BUTTON,
+  ICON_SIZE_BUTTON,
 };
 
 const TEXT_SIZE_SMALL = 12;
@@ -14,4 +15,5 @@ const TEXT_SIZE_LARGE = 16;
 const ICON_SIZE_SMALL = 20;
 const ICON_SIZE_MEDIUM = 24;
 const DRAWER_HEIGHT = 500; // tinggi drawer5
-const RADIUS_BUTTON = 50
\ No newline at end of file
+const RADIUS_BUTTON = 50
+const ICON_SIZE_BUTTON = 18
\ No newline at end of file
diff --git a/lib/dummy-data/master-bidang-bisnis.ts b/lib/dummy-data/master-bidang-bisnis.ts
new file mode 100644
index 0000000..6f5b16f
--- /dev/null
+++ b/lib/dummy-data/master-bidang-bisnis.ts
@@ -0,0 +1,100 @@
+const dummyMasterBidangBisnis = [
+  {
+    id: "1",
+    name: "Teknologi dan Digital",
+    slug: "teknologi_dan_digital",
+    active: true,
+    createdAt: "2025-06-16T09:57:16.403Z",
+    updatedAt: "2025-06-16T09:57:16.403Z",
+  },
+  {
+    id: "2",
+    name: "Kuliner",
+    slug: "kuliner",
+    active: true,
+    createdAt: "2025-06-16T09:57:16.424Z",
+    updatedAt: "2025-06-16T09:57:16.424Z",
+  },
+  {
+    id: "3",
+    name: "Fashion dan Kecantikan",
+    slug: "fashion_dan_kecantikan",
+    active: true,
+    createdAt: "2025-06-16T09:57:16.442Z",
+    updatedAt: "2025-06-16T09:57:16.442Z",
+  },
+  {
+    id: "4",
+    name: "Otomotif",
+    slug: "otomotif",
+    active: true,
+    createdAt: "2025-06-16T09:57:16.459Z",
+    updatedAt: "2025-06-16T09:57:16.459Z",
+  },
+  {
+    id: "5",
+    name: "Industri Kreatif",
+    slug: "industri_kreatif",
+    active: true,
+    createdAt: "2025-06-16T09:57:16.471Z",
+    updatedAt: "2025-06-16T09:57:16.471Z",
+  },
+  {
+    id: "6",
+    name: "Konstruksi dan Pertukangan",
+    slug: "konstruksi_dan_pertukangan",
+    active: true,
+    createdAt: "2025-06-16T09:57:16.483Z",
+    updatedAt: "2025-06-16T09:57:16.483Z",
+  },
+  {
+    id: "7",
+    name: "Agribisnis dan Pertanian",
+    slug: "agribisnis_dan_pertanian",
+    active: true,
+    createdAt: "2025-06-16T09:57:16.492Z",
+    updatedAt: "2025-06-16T09:57:16.492Z",
+  },
+  {
+    id: "8",
+    name: "Jasa Umum",
+    slug: "jasa_umum",
+    active: true,
+    createdAt: "2025-06-16T09:57:16.502Z",
+    updatedAt: "2025-06-16T09:57:16.502Z",
+  },
+  {
+    id: "9",
+    name: "Edukasi dan Pelatihan",
+    slug: "edukasi_dan_pelatihan",
+    active: true,
+    createdAt: "2025-06-16T09:57:16.517Z",
+    updatedAt: "2025-06-16T09:57:16.517Z",
+  },
+  {
+    id: "10",
+    name: "Keuangan dan Investasi",
+    slug: "keuangan_dan_investasi",
+    active: true,
+    createdAt: "2025-06-16T09:57:16.527Z",
+    updatedAt: "2025-06-16T09:57:16.527Z",
+  },
+  {
+    id: "11",
+    name: "Perdagangan Umum",
+    slug: "perdagangan_umum",
+    active: true,
+    createdAt: "2025-06-16T09:57:16.537Z",
+    updatedAt: "2025-06-16T09:57:16.537Z",
+  },
+  {
+    id: "12",
+    name: "Pariwisata dan Hospitality",
+    slug: "pariwisata_dan_hospitality",
+    active: true,
+    createdAt: "2025-06-16T09:57:16.547Z",
+    updatedAt: "2025-06-16T09:57:16.547Z",
+  },
+];
+
+export default dummyMasterBidangBisnis;
\ No newline at end of file
diff --git a/lib/dummy-data/master-sub-bidang-bisnis.ts b/lib/dummy-data/master-sub-bidang-bisnis.ts
new file mode 100644
index 0000000..ec375da
--- /dev/null
+++ b/lib/dummy-data/master-sub-bidang-bisnis.ts
@@ -0,0 +1,734 @@
+const dummyMasterSubBidangBisnis = [
+  {
+    id: "TEK-01",
+    name: "Software Developer",
+    slug: "software_developer",
+    isActive: true,
+    createdAt: "2025-06-16T09:57:16.406Z",
+    updatedAt: "2025-06-16T09:57:16.406Z",
+    masterBidangBisnisId: "1",
+  },
+  {
+    id: "TEK-02",
+    name: "Web Developer",
+    slug: "web_developer",
+    isActive: true,
+    createdAt: "2025-06-16T09:57:16.408Z",
+    updatedAt: "2025-06-16T09:57:16.408Z",
+    masterBidangBisnisId: "1",
+  },
+  {
+    id: "TEK-03",
+    name: "Mobile App Developer",
+    slug: "mobile_app_developer",
+    isActive: true,
+    createdAt: "2025-06-16T09:57:16.411Z",
+    updatedAt: "2025-06-16T09:57:16.411Z",
+    masterBidangBisnisId: "1",
+  },
+  {
+    id: "TEK-04",
+    name: "Konsultan IT",
+    slug: "konsultan_it",
+    isActive: true,
+    createdAt: "2025-06-16T09:57:16.413Z",
+    updatedAt: "2025-06-16T09:57:16.413Z",
+    masterBidangBisnisId: "1",
+  },
+  {
+    id: "TEK-05",
+    name: "Digital Marketing",
+    slug: "digital_marketing",
+    isActive: true,
+    createdAt: "2025-06-16T09:57:16.415Z",
+    updatedAt: "2025-06-16T09:57:16.415Z",
+    masterBidangBisnisId: "1",
+  },
+  {
+    id: "TEK-06",
+    name: "Cybersecurity",
+    slug: "cybersecurity",
+    isActive: true,
+    createdAt: "2025-06-16T09:57:16.417Z",
+    updatedAt: "2025-06-16T09:57:16.417Z",
+    masterBidangBisnisId: "1",
+  },
+  {
+    id: "TEK-07",
+    name: "AI & Machine Learning Services",
+    slug: "ai_and_machine_learning_services",
+    isActive: true,
+    createdAt: "2025-06-16T09:57:16.419Z",
+    updatedAt: "2025-06-16T09:57:16.419Z",
+    masterBidangBisnisId: "1",
+  },
+  {
+    id: "TEK-08",
+    name: "Data Analyst/Data Scientist",
+    slug: "data_analyst_data_scientist",
+    isActive: true,
+    createdAt: "2025-06-16T09:57:16.421Z",
+    updatedAt: "2025-06-16T09:57:16.421Z",
+    masterBidangBisnisId: "1",
+  },
+  {
+    id: "TEK-09",
+    name: "Blockchain Developer",
+    slug: "blockchain_developer",
+    isActive: true,
+    createdAt: "2025-06-16T09:57:16.423Z",
+    updatedAt: "2025-06-16T09:57:16.423Z",
+    masterBidangBisnisId: "1",
+  },
+  {
+    id: "KUL-01",
+    name: "Restoran",
+    slug: "restoran",
+    isActive: true,
+    createdAt: "2025-06-16T09:57:16.426Z",
+    updatedAt: "2025-06-16T09:57:16.426Z",
+    masterBidangBisnisId: "2",
+  },
+  {
+    id: "KUL-02",
+    name: "Kafe",
+    slug: "kafe",
+    isActive: true,
+    createdAt: "2025-06-16T09:57:16.428Z",
+    updatedAt: "2025-06-16T09:57:16.428Z",
+    masterBidangBisnisId: "2",
+  },
+  {
+    id: "KUL-03",
+    name: "Warung Makan",
+    slug: "warung_makan",
+    isActive: true,
+    createdAt: "2025-06-16T09:57:16.431Z",
+    updatedAt: "2025-06-16T09:57:16.431Z",
+    masterBidangBisnisId: "2",
+  },
+  {
+    id: "KUL-04",
+    name: "Catering",
+    slug: "catering",
+    isActive: true,
+    createdAt: "2025-06-16T09:57:16.433Z",
+    updatedAt: "2025-06-16T09:57:16.433Z",
+    masterBidangBisnisId: "2",
+  },
+  {
+    id: "KUL-05",
+    name: "Food Truck",
+    slug: "food_truck",
+    isActive: true,
+    createdAt: "2025-06-16T09:57:16.435Z",
+    updatedAt: "2025-06-16T09:57:16.435Z",
+    masterBidangBisnisId: "2",
+  },
+  {
+    id: "KUL-06",
+    name: "Minuman Kekinian",
+    slug: "minuman_kekinian",
+    isActive: true,
+    createdAt: "2025-06-16T09:57:16.437Z",
+    updatedAt: "2025-06-16T09:57:16.437Z",
+    masterBidangBisnisId: "2",
+  },
+  {
+    id: "KUL-07",
+    name: "Toko Roti & Kue",
+    slug: "toko_roti_kue",
+    isActive: true,
+    createdAt: "2025-06-16T09:57:16.438Z",
+    updatedAt: "2025-06-16T09:57:16.438Z",
+    masterBidangBisnisId: "2",
+  },
+  {
+    id: "KUL-08",
+    name: "Supplier Bahan Makanan",
+    slug: "supplier_bahan_makanan",
+    isActive: true,
+    createdAt: "2025-06-16T09:57:16.440Z",
+    updatedAt: "2025-06-16T09:57:16.440Z",
+    masterBidangBisnisId: "2",
+  },
+  {
+    id: "FAS-01",
+    name: "Pakaian Dewasa & Anak",
+    slug: "pakaian_dewasa_anak",
+    isActive: true,
+    createdAt: "2025-06-16T09:57:16.444Z",
+    updatedAt: "2025-06-16T09:57:16.444Z",
+    masterBidangBisnisId: "3",
+  },
+  {
+    id: "FAS-02",
+    name: "Butik",
+    slug: "butik",
+    isActive: true,
+    createdAt: "2025-06-16T09:57:16.445Z",
+    updatedAt: "2025-06-16T09:57:16.445Z",
+    masterBidangBisnisId: "3",
+  },
+  {
+    id: "FAS-03",
+    name: "Desainer Fashion",
+    slug: "desainer_fashion",
+    isActive: true,
+    createdAt: "2025-06-16T09:57:16.448Z",
+    updatedAt: "2025-06-16T09:57:16.448Z",
+    masterBidangBisnisId: "3",
+  },
+  {
+    id: "FAS-04",
+    name: "Aksesoris & Perhiasan",
+    slug: "aksesoris_perhiasan",
+    isActive: true,
+    createdAt: "2025-06-16T09:57:16.449Z",
+    updatedAt: "2025-06-16T09:57:16.449Z",
+    masterBidangBisnisId: "3",
+  },
+  {
+    id: "FAS-05",
+    name: "Kosmetik",
+    slug: "kosmetik",
+    isActive: true,
+    createdAt: "2025-06-16T09:57:16.451Z",
+    updatedAt: "2025-06-16T09:57:16.451Z",
+    masterBidangBisnisId: "3",
+  },
+  {
+    id: "FAS-06",
+    name: "Skincare",
+    slug: "skincare",
+    isActive: true,
+    createdAt: "2025-06-16T09:57:16.453Z",
+    updatedAt: "2025-06-16T09:57:16.453Z",
+    masterBidangBisnisId: "3",
+  },
+  {
+    id: "FAS-07",
+    name: "Salon Kecantikan",
+    slug: "salon_kecantikan",
+    isActive: true,
+    createdAt: "2025-06-16T09:57:16.455Z",
+    updatedAt: "2025-06-16T09:57:16.455Z",
+    masterBidangBisnisId: "3",
+  },
+  {
+    id: "FAS-08",
+    name: "Barbershop",
+    slug: "barbershop",
+    isActive: true,
+    createdAt: "2025-06-16T09:57:16.456Z",
+    updatedAt: "2025-06-16T09:57:16.456Z",
+    masterBidangBisnisId: "3",
+  },
+  {
+    id: "OTO-01",
+    name: "Jual Beli Mobil/Motor",
+    slug: "jual_beli_mobil_motor",
+    isActive: true,
+    createdAt: "2025-06-16T09:57:16.461Z",
+    updatedAt: "2025-06-16T09:57:16.461Z",
+    masterBidangBisnisId: "4",
+  },
+  {
+    id: "OTO-02",
+    name: "Bengkel Mobil/Motor",
+    slug: "bengkel_mobil_motor",
+    isActive: true,
+    createdAt: "2025-06-16T09:57:16.463Z",
+    updatedAt: "2025-06-16T09:57:16.463Z",
+    masterBidangBisnisId: "4",
+  },
+  {
+    id: "OTO-03",
+    name: "Aksesori Kendaraan",
+    slug: "aksesori_kendaraan",
+    isActive: true,
+    createdAt: "2025-06-16T09:57:16.465Z",
+    updatedAt: "2025-06-16T09:57:16.465Z",
+    masterBidangBisnisId: "4",
+  },
+  {
+    id: "OTO-04",
+    name: "Rental Kendaraan",
+    slug: "rental_kendaraan",
+    isActive: true,
+    createdAt: "2025-06-16T09:57:16.466Z",
+    updatedAt: "2025-06-16T09:57:16.466Z",
+    masterBidangBisnisId: "4",
+  },
+  {
+    id: "OTO-05",
+    name: "Cuci Mobil/Motor",
+    slug: "cuci_mobil_motor",
+    isActive: true,
+    createdAt: "2025-06-16T09:57:16.468Z",
+    updatedAt: "2025-06-16T09:57:16.468Z",
+    masterBidangBisnisId: "4",
+  },
+  {
+    id: "OTO-06",
+    name: "Spare Part & Mesin Mobil",
+    slug: "spare_part_mesin_mobil",
+    isActive: true,
+    createdAt: "2025-06-16T09:57:16.469Z",
+    updatedAt: "2025-06-16T09:57:16.469Z",
+    masterBidangBisnisId: "4",
+  },
+  {
+    id: "INK-01",
+    name: "Fotografi & Videografi",
+    slug: "fotografi_videografi",
+    isActive: true,
+    createdAt: "2025-06-16T09:57:16.472Z",
+    updatedAt: "2025-06-16T09:57:16.472Z",
+    masterBidangBisnisId: "5",
+  },
+  {
+    id: "INK-02",
+    name: "Event Organizer",
+    slug: "event_organizer",
+    isActive: true,
+    createdAt: "2025-06-16T09:57:16.473Z",
+    updatedAt: "2025-06-16T09:57:16.473Z",
+    masterBidangBisnisId: "5",
+  },
+  {
+    id: "INK-03",
+    name: "Desain Grafis",
+    slug: "desain_grafis",
+    isActive: true,
+    createdAt: "2025-06-16T09:57:16.475Z",
+    updatedAt: "2025-06-16T09:57:16.475Z",
+    masterBidangBisnisId: "5",
+  },
+  {
+    id: "INK-04",
+    name: "Advertising & Branding",
+    slug: "advertising_branding",
+    isActive: true,
+    createdAt: "2025-06-16T09:57:16.476Z",
+    updatedAt: "2025-06-16T09:57:16.476Z",
+    masterBidangBisnisId: "5",
+  },
+  {
+    id: "INK-05",
+    name: "Jasa Percetakan",
+    slug: "jasa_percetakan",
+    isActive: true,
+    createdAt: "2025-06-16T09:57:16.477Z",
+    updatedAt: "2025-06-16T09:57:16.477Z",
+    masterBidangBisnisId: "5",
+  },
+  {
+    id: "INK-06",
+    name: "Dekorasi & Wedding Planner",
+    slug: "dekorasi_wedding_planner",
+    isActive: true,
+    createdAt: "2025-06-16T09:57:16.480Z",
+    updatedAt: "2025-06-16T09:57:16.480Z",
+    masterBidangBisnisId: "5",
+  },
+  {
+    id: "INK-07",
+    name: "Studio Musik & Produksi",
+    slug: "studio_musik_produksi",
+    isActive: true,
+    createdAt: "2025-06-16T09:57:16.481Z",
+    updatedAt: "2025-06-16T09:57:16.481Z",
+    masterBidangBisnisId: "5",
+  },
+  {
+    id: "KON-01",
+    name: "Kontraktor Bangunan",
+    slug: "kontraktor_bangunan",
+    isActive: true,
+    createdAt: "2025-06-16T09:57:16.484Z",
+    updatedAt: "2025-06-16T09:57:16.484Z",
+    masterBidangBisnisId: "6",
+  },
+  {
+    id: "KON-02",
+    name: "Arsitek",
+    slug: "arsitek",
+    isActive: true,
+    createdAt: "2025-06-16T09:57:16.486Z",
+    updatedAt: "2025-06-16T09:57:16.486Z",
+    masterBidangBisnisId: "6",
+  },
+  {
+    id: "KON-03",
+    name: "Desain Interior",
+    slug: "desain_interior",
+    isActive: true,
+    createdAt: "2025-06-16T09:57:16.487Z",
+    updatedAt: "2025-06-16T09:57:16.487Z",
+    masterBidangBisnisId: "6",
+  },
+  {
+    id: "KON-04",
+    name: "Supplier Material Bangunan",
+    slug: "supplier_material_bangunan",
+    isActive: true,
+    createdAt: "2025-06-16T09:57:16.489Z",
+    updatedAt: "2025-06-16T09:57:16.489Z",
+    masterBidangBisnisId: "6",
+  },
+  {
+    id: "KON-05",
+    name: "Tukang & Renovasi Rumah",
+    slug: "tukang_renovasi_rumah",
+    isActive: true,
+    createdAt: "2025-06-16T09:57:16.490Z",
+    updatedAt: "2025-06-16T09:57:16.490Z",
+    masterBidangBisnisId: "6",
+  },
+  {
+    id: "AGR-01",
+    name: "Perkebunan",
+    slug: "perkebunan",
+    isActive: true,
+    createdAt: "2025-06-16T09:57:16.493Z",
+    updatedAt: "2025-06-16T09:57:16.493Z",
+    masterBidangBisnisId: "7",
+  },
+  {
+    id: "AGR-02",
+    name: "Peternakan",
+    slug: "peternakan",
+    isActive: true,
+    createdAt: "2025-06-16T09:57:16.496Z",
+    updatedAt: "2025-06-16T09:57:16.496Z",
+    masterBidangBisnisId: "7",
+  },
+  {
+    id: "AGR-03",
+    name: "Perikanan",
+    slug: "perikanan",
+    isActive: true,
+    createdAt: "2025-06-16T09:57:16.497Z",
+    updatedAt: "2025-06-16T09:57:16.497Z",
+    masterBidangBisnisId: "7",
+  },
+  {
+    id: "AGR-04",
+    name: "Supplier Bibit & Pupuk",
+    slug: "supplier_bibit_pupuk",
+    isActive: true,
+    createdAt: "2025-06-16T09:57:16.498Z",
+    updatedAt: "2025-06-16T09:57:16.498Z",
+    masterBidangBisnisId: "7",
+  },
+  {
+    id: "AGR-05",
+    name: "Hasil Tani Organik",
+    slug: "hasil_tani_organik",
+    isActive: true,
+    createdAt: "2025-06-16T09:57:16.500Z",
+    updatedAt: "2025-06-16T09:57:16.500Z",
+    masterBidangBisnisId: "7",
+  },
+  {
+    id: "AGR-06",
+    name: "Alat & Mesin Pertanian",
+    slug: "alat_mesin_pertanian",
+    isActive: true,
+    createdAt: "2025-06-16T09:57:16.501Z",
+    updatedAt: "2025-06-16T09:57:16.501Z",
+    masterBidangBisnisId: "7",
+  },
+  {
+    id: "JAS-01",
+    name: "Jasa Kebersihan",
+    slug: "jasa_kebersihan",
+    isActive: true,
+    createdAt: "2025-06-16T09:57:16.504Z",
+    updatedAt: "2025-06-16T09:57:16.504Z",
+    masterBidangBisnisId: "8",
+  },
+  {
+    id: "JAS-02",
+    name: "Laundry",
+    slug: "laundry",
+    isActive: true,
+    createdAt: "2025-06-16T09:57:16.505Z",
+    updatedAt: "2025-06-16T09:57:16.505Z",
+    masterBidangBisnisId: "8",
+  },
+  {
+    id: "JAS-03",
+    name: "Penitipan Anak",
+    slug: "penitipan_anak",
+    isActive: true,
+    createdAt: "2025-06-16T09:57:16.506Z",
+    updatedAt: "2025-06-16T09:57:16.506Z",
+    masterBidangBisnisId: "8",
+  },
+  {
+    id: "JAS-04",
+    name: "Jasa Keamanan",
+    slug: "jasa_keamanan",
+    isActive: true,
+    createdAt: "2025-06-16T09:57:16.508Z",
+    updatedAt: "2025-06-16T09:57:16.508Z",
+    masterBidangBisnisId: "8",
+  },
+  {
+    id: "JAS-05",
+    name: "Jasa Pengiriman/Logistik",
+    slug: "jasa_pengiriman_logistik",
+    isActive: true,
+    createdAt: "2025-06-16T09:57:16.511Z",
+    updatedAt: "2025-06-16T09:57:16.511Z",
+    masterBidangBisnisId: "8",
+  },
+  {
+    id: "JAS-06",
+    name: "Jasa Ekspedisi",
+    slug: "jasa_ekspedisi",
+    isActive: true,
+    createdAt: "2025-06-16T09:57:16.513Z",
+    updatedAt: "2025-06-16T09:57:16.513Z",
+    masterBidangBisnisId: "8",
+  },
+  {
+    id: "JAS-07",
+    name: "Konsultan Bisnis",
+    slug: "konsultan_bisnis",
+    isActive: true,
+    createdAt: "2025-06-16T09:57:16.514Z",
+    updatedAt: "2025-06-16T09:57:16.514Z",
+    masterBidangBisnisId: "8",
+  },
+  {
+    id: "JAS-08",
+    name: "Jasa Hukum/Legal",
+    slug: "jasa_hukum_legal",
+    isActive: true,
+    createdAt: "2025-06-16T09:57:16.516Z",
+    updatedAt: "2025-06-16T09:57:16.516Z",
+    masterBidangBisnisId: "8",
+  },
+  {
+    id: "EDU-01",
+    name: "Bimbingan Belajar",
+    slug: "bimbingan_belajar",
+    isActive: true,
+    createdAt: "2025-06-16T09:57:16.518Z",
+    updatedAt: "2025-06-16T09:57:16.518Z",
+    masterBidangBisnisId: "9",
+  },
+  {
+    id: "EDU-02",
+    name: "Kursus Bahasa",
+    slug: "kursus_bahasa",
+    isActive: true,
+    createdAt: "2025-06-16T09:57:16.520Z",
+    updatedAt: "2025-06-16T09:57:16.520Z",
+    masterBidangBisnisId: "9",
+  },
+  {
+    id: "EDU-03",
+    name: "Pelatihan Digital/Skill",
+    slug: "pelatihan_digital_skill",
+    isActive: true,
+    createdAt: "2025-06-16T09:57:16.521Z",
+    updatedAt: "2025-06-16T09:57:16.521Z",
+    masterBidangBisnisId: "9",
+  },
+  {
+    id: "EDU-04",
+    name: "LPK (Lembaga Pelatihan Kerja)",
+    slug: "lpk_lembaga_pelatihan_kerja",
+    isActive: true,
+    createdAt: "2025-06-16T09:57:16.523Z",
+    updatedAt: "2025-06-16T09:57:16.523Z",
+    masterBidangBisnisId: "9",
+  },
+  {
+    id: "EDU-05",
+    name: "Homeschooling",
+    slug: "homeschooling",
+    isActive: true,
+    createdAt: "2025-06-16T09:57:16.525Z",
+    updatedAt: "2025-06-16T09:57:16.525Z",
+    masterBidangBisnisId: "9",
+  },
+  {
+    id: "KEU-01",
+    name: "Koperasi",
+    slug: "koperasi",
+    isActive: true,
+    createdAt: "2025-06-16T09:57:16.529Z",
+    updatedAt: "2025-06-16T09:57:16.529Z",
+    masterBidangBisnisId: "10",
+  },
+  {
+    id: "KEU-02",
+    name: "FinTEKh",
+    slug: "finTEKh",
+    isActive: true,
+    createdAt: "2025-06-16T09:57:16.530Z",
+    updatedAt: "2025-06-16T09:57:16.530Z",
+    masterBidangBisnisId: "10",
+  },
+  {
+    id: "KEU-03",
+    name: "Konsultan Keuangan",
+    slug: "konsultan_keuangan",
+    isActive: true,
+    createdAt: "2025-06-16T09:57:16.531Z",
+    updatedAt: "2025-06-16T09:57:16.531Z",
+    masterBidangBisnisId: "10",
+  },
+  {
+    id: "KEU-04",
+    name: "Investasi & Saham",
+    slug: "investasi_saham",
+    isActive: true,
+    createdAt: "2025-06-16T09:57:16.532Z",
+    updatedAt: "2025-06-16T09:57:16.532Z",
+    masterBidangBisnisId: "10",
+  },
+  {
+    id: "KEU-05",
+    name: "Asuransi",
+    slug: "asuransi",
+    isActive: true,
+    createdAt: "2025-06-16T09:57:16.534Z",
+    updatedAt: "2025-06-16T09:57:16.534Z",
+    masterBidangBisnisId: "10",
+  },
+  {
+    id: "KEU-06",
+    name: "Akuntan Publik",
+    slug: "akuntan_publik",
+    isActive: true,
+    createdAt: "2025-06-16T09:57:16.535Z",
+    updatedAt: "2025-06-16T09:57:16.535Z",
+    masterBidangBisnisId: "10",
+  },
+  {
+    id: "PER-01",
+    name: "Toko Kelontong",
+    slug: "toko_kelontong",
+    isActive: true,
+    createdAt: "2025-06-16T09:57:16.538Z",
+    updatedAt: "2025-06-16T09:57:16.538Z",
+    masterBidangBisnisId: "11",
+  },
+  {
+    id: "PER-02",
+    name: "Minimarket",
+    slug: "minimarket",
+    isActive: true,
+    createdAt: "2025-06-16T09:57:16.540Z",
+    updatedAt: "2025-06-16T09:57:16.540Z",
+    masterBidangBisnisId: "11",
+  },
+  {
+    id: "PER-03",
+    name: "Grosir & Distributor",
+    slug: "grosir_distributor",
+    isActive: true,
+    createdAt: "2025-06-16T09:57:16.541Z",
+    updatedAt: "2025-06-16T09:57:16.541Z",
+    masterBidangBisnisId: "11",
+  },
+  {
+    id: "PER-04",
+    name: "Dropshipper & Reseller",
+    slug: "dropshipper_reseller",
+    isActive: true,
+    createdAt: "2025-06-16T09:57:16.543Z",
+    updatedAt: "2025-06-16T09:57:16.543Z",
+    masterBidangBisnisId: "11",
+  },
+  {
+    id: "PER-05",
+    name: "Marketplace & E-commerce",
+    slug: "marketplace_e_commerce",
+    isActive: true,
+    createdAt: "2025-06-16T09:57:16.544Z",
+    updatedAt: "2025-06-16T09:57:16.544Z",
+    masterBidangBisnisId: "11",
+  },
+  {
+    id: "PER-06",
+    name: "Supplier Produk",
+    slug: "supplier_produk",
+    isActive: true,
+    createdAt: "2025-06-16T09:57:16.546Z",
+    updatedAt: "2025-06-16T09:57:16.546Z",
+    masterBidangBisnisId: "11",
+  },
+  {
+    id: "PAR-01",
+    name: "Agen Travel",
+    slug: "agen_travel",
+    isActive: true,
+    createdAt: "2025-06-16T09:57:16.549Z",
+    updatedAt: "2025-06-16T09:57:16.549Z",
+    masterBidangBisnisId: "12",
+  },
+  {
+    id: "PAR-02",
+    name: "Tour Guide",
+    slug: "tour_guide",
+    isActive: true,
+    createdAt: "2025-06-16T09:57:16.550Z",
+    updatedAt: "2025-06-16T09:57:16.550Z",
+    masterBidangBisnisId: "12",
+  },
+  {
+    id: "PAR-03",
+    name: "Villa & Penginapan",
+    slug: "villa_penginapan",
+    isActive: true,
+    createdAt: "2025-06-16T09:57:16.551Z",
+    updatedAt: "2025-06-16T09:57:16.551Z",
+    masterBidangBisnisId: "12",
+  },
+  {
+    id: "PAR-04",
+    name: "Homestay",
+    slug: "homestay",
+    isActive: true,
+    createdAt: "2025-06-16T09:57:16.552Z",
+    updatedAt: "2025-06-16T09:57:16.552Z",
+    masterBidangBisnisId: "12",
+  },
+  {
+    id: "PAR-05",
+    name: "Hotel",
+    slug: "hotel",
+    isActive: true,
+    createdAt: "2025-06-16T09:57:16.554Z",
+    updatedAt: "2025-06-16T09:57:16.554Z",
+    masterBidangBisnisId: "12",
+  },
+  {
+    id: "PAR-06",
+    name: "Sewa Motor/Travel",
+    slug: "sewa_motor_travel",
+    isActive: true,
+    createdAt: "2025-06-16T09:57:16.555Z",
+    updatedAt: "2025-06-16T09:57:16.555Z",
+    masterBidangBisnisId: "12",
+  },
+  {
+    id: "PAR-07",
+    name: "Sovenir & Oleh-Oleh",
+    slug: "sovenir_oleh_oleh",
+    isActive: true,
+    createdAt: "2025-06-16T09:57:16.557Z",
+    updatedAt: "2025-06-16T09:57:16.557Z",
+    masterBidangBisnisId: "12",
+  },
+];
+
+
+export default dummyMasterSubBidangBisnis;
diff --git a/lib/index.ts b/lib/index.ts
new file mode 100644
index 0000000..e69de29
diff --git a/screens/Authentication/LoginView.tsx b/screens/Authentication/LoginView.tsx
index 41bc958..83fd284 100644
--- a/screens/Authentication/LoginView.tsx
+++ b/screens/Authentication/LoginView.tsx
@@ -30,8 +30,8 @@ export default function LoginView() {
     const id = randomAlfabet + randomNumber + fixNumber;
     console.log("login user id :", id);
 
-    router.navigate("/verification");
-    // router.navigate(`/(application)/profile/${id}`);
+    // router.navigate("/verification");
+    router.navigate(`/(application)/(user)/profile/${id}`);
     // router.navigate("/(application)/home");
     // router.navigate(`/(application)/profile/${id}/edit`);
   }
@@ -55,7 +55,7 @@ export default function LoginView() {
               fontSize: 10,
               fontWeight: "thin",
               fontStyle: "italic",
-              color: MainColor.white,
+              color: MainColor.white_gray,
             }}
           >
             powered by muku.id
diff --git a/screens/Profile/profilSection.tsx b/screens/Profile/profilSection.tsx
index 9268286..1bca730 100644
--- a/screens/Profile/profilSection.tsx
+++ b/screens/Profile/profilSection.tsx
@@ -1,4 +1,3 @@
-/* eslint-disable @typescript-eslint/no-unused-vars */
 import { BaseBox, Grid, Spacing, TextCustom } from "@/components";
 import { MainColor } from "@/constants/color-palet";
 import { ICON_SIZE_SMALL } from "@/constants/constans-value";
diff --git a/styles/global-styles.ts b/styles/global-styles.ts
index cf9ed92..d79c2f1 100644
--- a/styles/global-styles.ts
+++ b/styles/global-styles.ts
@@ -44,7 +44,7 @@ export const GStyles = StyleSheet.create({
   // TEXT & LABEL
   textLabel: {
     fontSize: TEXT_SIZE_MEDIUM,
-    color: MainColor.white,
+    color: MainColor.white_gray,
     fontWeight: "normal",
   },
 
@@ -123,7 +123,7 @@ export const GStyles = StyleSheet.create({
     fontWeight: "500",
   },
   activeTabLabel: {
-    color: MainColor.white,
+    color: MainColor.white_gray,
     fontWeight: "600",
   },
   activeIndicator: {

From 6ac122c631a19ef6e7f84cf4d62fe7f286ccf980 Mon Sep 17 00:00:00 2001
From: Bagasbanuna02 <bagasbanuna02@gmail.com>
Date: Wed, 9 Jul 2025 10:58:47 +0800
Subject: [PATCH 34/64] styles deskripsi: - fix styles Text input & Text area

---
 .../(user)/portofolio/[id]/create.tsx         | 31 ++++---
 components/Select/SelectCustom.tsx            |  2 +-
 components/TextArea/TextAreaCustom.tsx        | 39 ++++----
 components/TextInput/TextInputCustom.tsx      | 27 +++---
 components/TextInput/textInputStyles.ts       | 85 -----------------
 styles/global-styles.ts                       | 91 +++++++++++++++++--
 6 files changed, 133 insertions(+), 142 deletions(-)
 delete mode 100644 components/TextInput/textInputStyles.ts

diff --git a/app/(application)/(user)/portofolio/[id]/create.tsx b/app/(application)/(user)/portofolio/[id]/create.tsx
index 6a9c7aa..0405867 100644
--- a/app/(application)/(user)/portofolio/[id]/create.tsx
+++ b/app/(application)/(user)/portofolio/[id]/create.tsx
@@ -1,14 +1,14 @@
 /* eslint-disable @typescript-eslint/no-unused-vars */
 import {
-  ButtonCustom,
-  Grid,
-  SelectCustom,
-  Spacing,
-  StackCustom,
-  TextAreaCustom,
-  TextCustom,
-  TextInputCustom,
-  ViewWrapper,
+    ButtonCustom,
+    Grid,
+    SelectCustom,
+    Spacing,
+    StackCustom,
+    TextAreaCustom,
+    TextCustom,
+    TextInputCustom,
+    ViewWrapper,
 } from "@/components";
 import BoxButtonOnFooter from "@/components/Box/BoxButtonOnFooter";
 import InformationBox from "@/components/Box/InformationBox";
@@ -100,11 +100,7 @@ export default function PortofolioCreate() {
           Tambah Pilihan
         </ButtonCenteredOnly>
         <Spacing />
-        <TextInputCustom
-          required
-          label="Alamat Bisnis"
-          placeholder="Masukkan alamat bisnis"
-        />
+
         <View>
           <View style={{ flexDirection: "row", alignItems: "center" }}>
             <TextCustom semiBold style={{ color: MainColor.white_gray }}>
@@ -123,6 +119,13 @@ export default function PortofolioCreate() {
           />
         </View>
         <Spacing />
+
+        <TextInputCustom
+          required
+          label="Alamat Bisnis"
+          placeholder="Masukkan alamat bisnis"
+        />
+
         <TextAreaCustom
           label="Deskripsi Bisnis"
           placeholder="Masukkan deskripsi bisnis"
diff --git a/components/Select/SelectCustom.tsx b/components/Select/SelectCustom.tsx
index 3e9e1aa..5d7492c 100644
--- a/components/Select/SelectCustom.tsx
+++ b/components/Select/SelectCustom.tsx
@@ -142,7 +142,7 @@ const styles = StyleSheet.create({
   option: {
     padding: 16,
     borderBottomWidth: 1,
-    borderBottomColor: "#eee",
+    borderBottomColor: MainColor.white_gray,
   },
   errorMessage: {
     marginTop: 4,
diff --git a/components/TextArea/TextAreaCustom.tsx b/components/TextArea/TextAreaCustom.tsx
index d17aacd..794fa20 100644
--- a/components/TextArea/TextAreaCustom.tsx
+++ b/components/TextArea/TextAreaCustom.tsx
@@ -1,13 +1,12 @@
 import React, { useEffect, useState } from "react";
 import {
-  TextInput as RNTextInput,
-  StyleProp,
-  Text,
-  View,
-  ViewStyle,
+    TextInput as RNTextInput,
+    StyleProp,
+    Text,
+    View,
+    ViewStyle,
 } from "react-native";
-
-import { textInputStyles } from "../TextInput/textInputStyles";
+import { GStyles } from "@/styles/global-styles";
 
 type IconType = React.ReactNode | string;
 
@@ -71,31 +70,31 @@ const TextAreaCustom: React.FC<TextAreaCustomProps> = ({
   const renderIcon = (icon: IconType) => {
     if (!icon) return null;
     return typeof icon === "string" ? (
-      <Text style={textInputStyles.iconText}>{icon}</Text>
+      <Text style={GStyles.iconTextInput}>{icon}</Text>
     ) : (
       icon
     );
   };
 
   return (
-    <View style={textInputStyles.container}>
+    <View style={GStyles.containerAreaInput}>
       {label && (
-        <Text style={textInputStyles.label}>
+        <Text style={GStyles.labelInput}>
           {label}
-          {required && <Text style={textInputStyles.required}> *</Text>}
+          {required && <Text style={GStyles.requiredInput}> *</Text>}
         </Text>
       )}
       <View
         style={[
-          textInputStyles.inputContainer,
-          disabled && textInputStyles.disabled,
-          hasError ? textInputStyles.errorBorder : {},
+          GStyles.inputContainerInput,
+          disabled && GStyles.disabledInput,
+          hasError ? GStyles.errorBorderInput : {},
           { borderRadius },
           style,
         ]}
       >
         {iconLeft && (
-          <View style={textInputStyles.icon}>{renderIcon(iconLeft)}</View>
+          <View style={GStyles.iconInput}>{renderIcon(iconLeft)}</View>
         )}
 
         <RNTextInput
@@ -103,8 +102,8 @@ const TextAreaCustom: React.FC<TextAreaCustomProps> = ({
           multiline
           numberOfLines={numberOfLines}
           style={[
-            textInputStyles.input,
-            textInputStyles.textArea,
+            GStyles.inputInput,
+            GStyles.textAreaInput,
             { color: fontColor },
           ]}
           editable={!disabled}
@@ -114,7 +113,7 @@ const TextAreaCustom: React.FC<TextAreaCustomProps> = ({
         />
 
         {iconRight && (
-          <View style={textInputStyles.icon}>{renderIcon(iconRight)}</View>
+          <View style={GStyles.iconInput}>{renderIcon(iconRight)}</View>
         )}
       </View>
 
@@ -128,11 +127,11 @@ const TextAreaCustom: React.FC<TextAreaCustomProps> = ({
         }}
       >
         {hasError ? (
-          <Text style={textInputStyles.errorMessage}>{error}</Text>
+          <Text style={GStyles.errorMessageInput}>{error}</Text>
         ) : null}
 
         {showCount && maxLength ? (
-          <Text style={textInputStyles.inputLength}>
+          <Text style={GStyles.inputMaxLength}>
             {(value as string)?.length || 0}/{maxLength}
           </Text>
         ) : null}
diff --git a/components/TextInput/TextInputCustom.tsx b/components/TextInput/TextInputCustom.tsx
index 405e7b1..0ff2789 100644
--- a/components/TextInput/TextInputCustom.tsx
+++ b/components/TextInput/TextInputCustom.tsx
@@ -1,3 +1,4 @@
+import { GStyles } from "@/styles/global-styles";
 import Ionicons from "@expo/vector-icons/Ionicons";
 import React, { useState } from "react";
 import {
@@ -8,7 +9,7 @@ import {
   View,
   ViewStyle,
 } from "react-native";
-import { textInputStyles } from "./textInputStyles";
+
 
 type IconType = React.ReactNode | string;
 
@@ -49,7 +50,7 @@ export const TextInputCustom = ({
   const renderIcon = (icon: IconType) => {
     if (!icon) return null;
     return typeof icon === "string" ? (
-      <Text style={textInputStyles.iconText}>{icon}</Text>
+      <Text style={GStyles.iconTextInput}>{icon}</Text>
     ) : (
       icon
     );
@@ -73,27 +74,27 @@ export const TextInputCustom = ({
   };
 
   return (
-    <View style={textInputStyles.container}>
+    <View style={GStyles.containerAreaInput}>
       {label && (
-        <Text style={textInputStyles.label}>
+        <Text style={GStyles.labelInput}>
           {label}
-          {required && <Text style={textInputStyles.required}> *</Text>}
+          {required && <Text style={GStyles.requiredInput}> *</Text>}
         </Text>
       )}
       <View
         style={[
-          textInputStyles.inputContainer,
-          disabled && textInputStyles.disabled,
+          GStyles.inputContainerInput,
+          disabled && GStyles.disabledInput,
           { borderRadius },
-          externalError || internalError ? textInputStyles.errorBorder : null,
+          externalError || internalError ? GStyles.errorBorderInput : null,
           style,
         ]}
       >
         {iconLeft && (
-          <View style={textInputStyles.icon}>{renderIcon(iconLeft)}</View>
+          <View style={GStyles.iconInput}>{renderIcon(iconLeft)}</View>
         )}
         <RNTextInput
-          style={[textInputStyles.input, { color: fontColor }]}
+          style={[GStyles.inputInput, { color: fontColor }]}
           editable={!disabled}
           secureTextEntry={secureTextEntry && !isPasswordVisible}
           keyboardType={keyboardType}
@@ -104,7 +105,7 @@ export const TextInputCustom = ({
         {secureTextEntry && (
           <TouchableOpacity
             onPress={() => setIsPasswordVisible((prev) => !prev)}
-            style={textInputStyles.icon}
+            style={GStyles.iconInput}
           >
             <Ionicons
               name={isPasswordVisible ? "eye-off" : "eye"}
@@ -114,12 +115,12 @@ export const TextInputCustom = ({
           </TouchableOpacity>
         )}
         {iconRight && (
-          <View style={textInputStyles.icon}>{renderIcon(iconRight)}</View>
+          <View style={GStyles.iconInput}>{renderIcon(iconRight)}</View>
         )}
       </View>
       {/* Prioritaskan error eksternal */}
       {externalError || internalError ? (
-        <Text style={textInputStyles.errorMessage}>
+        <Text style={GStyles.errorMessageInput}>
           {externalError || internalError}
         </Text>
       ) : null}
diff --git a/components/TextInput/textInputStyles.ts b/components/TextInput/textInputStyles.ts
deleted file mode 100644
index ed300bc..0000000
--- a/components/TextInput/textInputStyles.ts
+++ /dev/null
@@ -1,85 +0,0 @@
-// components/text-input.styles.ts
-import { MainColor } from "@/constants/color-palet";
-import { TEXT_SIZE_LARGE, TEXT_SIZE_MEDIUM } from "@/constants/constans-value";
-import { StyleSheet } from "react-native";
-
-export const textInputStyles = StyleSheet.create({
-  // Container utama input (View luar)
-  container: {
-    marginBottom: 16,
-  },
-
-  // Label di atas input
-  label: {
-    fontSize: 14,
-    marginBottom: 6,
-    fontWeight: "500",
-    color: MainColor.white_gray,
-  },
-
-  // Tanda bintang merah untuk required
-  required: {
-    color: "red",
-  },
-
-  // Pesan error di bawah input
-  errorMessage: {
-    marginTop: 4,
-    fontSize: 12,
-    color: MainColor.red,
-  },
-
-  // Input Length
-  inputLength: {
-    fontSize: 12,
-    color: MainColor.white_gray,
-  },
-
-  // Wrapper input (View pembungkus TextInput)
-  inputContainer: {
-    flexDirection: "row",
-    alignItems: "center",
-    borderWidth: 1,
-    borderColor: MainColor.white_gray,
-    backgroundColor: MainColor.white,
-    paddingHorizontal: 12,
-    height: 50,
-  },
-
-  // Style saat disabled
-  disabled: {
-    backgroundColor: "#f9f9f9",
-    borderColor: "#e0e0e0",
-  },
-
-  // Input utama (TextInput)
-  input: {
-    flex: 1,
-    fontSize: TEXT_SIZE_MEDIUM,
-    paddingVertical: 0,
-  },
-
-  // Ikon di kiri/kanan
-  icon: {
-    marginHorizontal: 4,
-    justifyContent: "center",
-  },
-
-  // Teks ikon jika berupa string
-  iconText: {
-    fontSize: TEXT_SIZE_LARGE,
-    color: "#000",
-  },
-
-  // Border merah jika ada error
-  errorBorder: {
-    borderColor: "red",
-  },
-
-  // Untuk TextArea tambahan
-  textArea: {
-    textAlignVertical: "top",
-    padding: 12,
-    height: undefined, // biar multiline bebas tinggi
-  },
-});
diff --git a/styles/global-styles.ts b/styles/global-styles.ts
index d79c2f1..8eabd9d 100644
--- a/styles/global-styles.ts
+++ b/styles/global-styles.ts
@@ -1,4 +1,4 @@
-import { TEXT_SIZE_MEDIUM } from "@/constants/constans-value";
+import { TEXT_SIZE_LARGE, TEXT_SIZE_MEDIUM, TEXT_SIZE_SMALL } from "@/constants/constans-value";
 import { Dimensions, StyleSheet } from "react-native";
 import { AccentColor, MainColor } from "../constants/color-palet";
 
@@ -141,14 +141,6 @@ export const GStyles = StyleSheet.create({
     backgroundColor: MainColor.darkblue,
     borderTopColor: AccentColor.blue,
     borderTopWidth: 1,
-    // shadowColor: AccentColor.blue,
-    // shadowOffset: {
-    //   width: 0,
-    //   height: -1,
-    // },
-    // shadowOpacity: 0.9,
-    // shadowRadius: 5,
-    // elevation: 5,
   },
   bottomBarContainer: {
     paddingHorizontal: 15,
@@ -161,4 +153,85 @@ export const GStyles = StyleSheet.create({
     width: "50%",
     alignSelf: "center",
   },
+  // =============== BUTTON =============== //
+
+  // =============== TEXT INPUT =============== //
+  // Container utama input (View luar)
+  containerAreaInput: {
+    marginBottom: 16,
+  },
+
+  // Label di atas input
+  labelInput: {
+    fontSize: TEXT_SIZE_MEDIUM,
+    marginBottom: 6,
+    fontWeight: "500",
+    color: MainColor.white_gray,
+  },
+
+  // Tanda bintang merah untuk required
+  requiredInput: {
+    color: "red",
+  },
+
+  // Pesan error di bawah input
+  errorMessageInput: {
+    marginTop: 4,
+    fontSize: TEXT_SIZE_SMALL,
+    color: MainColor.red,
+  },
+
+  // Input Length
+  inputMaxLength: {
+    fontSize: TEXT_SIZE_SMALL,
+    color: MainColor.white_gray,
+  },
+
+  // Wrapper input (View pembungkus TextInput)
+  inputContainerInput: {
+    flexDirection: "row",
+    alignItems: "center",
+    borderWidth: 1,
+    borderColor: MainColor.white_gray,
+    backgroundColor: MainColor.white,
+    paddingHorizontal: 10,
+    height: 50,
+  },
+
+  // Style saat disabled
+  disabledInput: {
+    backgroundColor: "#f9f9f9",
+    borderColor: "#e0e0e0",
+  },
+
+  // Input utama (TextInput)
+  inputInput: {
+    flex: 1,
+    fontSize: TEXT_SIZE_MEDIUM,
+    paddingVertical: 0,
+  },
+
+  // Ikon di kiri/kanan
+  iconInput: {
+    marginHorizontal: 4,
+    justifyContent: "center",
+  },
+
+  // Teks ikon jika berupa string
+  iconTextInput: {
+    fontSize: TEXT_SIZE_LARGE,
+    color: "#000",
+  },
+
+  // Border merah jika ada error
+  errorBorderInput: {
+    borderColor: "red",
+  },
+
+  // Untuk TextArea tambahan
+  textAreaInput: {
+    textAlignVertical: "top",
+    padding: 5,
+    height: undefined, // biar multiline bebas tinggi
+  },
 });

From 5c4dadbe7c663de00801521cb91a287b5ff4fedb Mon Sep 17 00:00:00 2001
From: Bagasbanuna02 <bagasbanuna02@gmail.com>
Date: Wed, 9 Jul 2025 11:40:22 +0800
Subject: [PATCH 35/64] fix dekripsi: - fix styles Select

---
 .../(user)/portofolio/[id]/create.tsx         | 32 ++++---
 components/Select/SelectCustom.tsx            | 90 ++++---------------
 components/TextArea/TextAreaCustom.tsx        | 22 ++---
 components/TextInput/TextInputCustom.tsx      | 22 ++---
 styles/global-styles.ts                       | 57 +++++++++---
 5 files changed, 103 insertions(+), 120 deletions(-)

diff --git a/app/(application)/(user)/portofolio/[id]/create.tsx b/app/(application)/(user)/portofolio/[id]/create.tsx
index 0405867..3673875 100644
--- a/app/(application)/(user)/portofolio/[id]/create.tsx
+++ b/app/(application)/(user)/portofolio/[id]/create.tsx
@@ -1,14 +1,14 @@
 /* eslint-disable @typescript-eslint/no-unused-vars */
 import {
-    ButtonCustom,
-    Grid,
-    SelectCustom,
-    Spacing,
-    StackCustom,
-    TextAreaCustom,
-    TextCustom,
-    TextInputCustom,
-    ViewWrapper,
+  ButtonCustom,
+  Grid,
+  SelectCustom,
+  Spacing,
+  StackCustom,
+  TextAreaCustom,
+  TextCustom,
+  TextInputCustom,
+  ViewWrapper,
 } from "@/components";
 import BoxButtonOnFooter from "@/components/Box/BoxButtonOnFooter";
 import InformationBox from "@/components/Box/InformationBox";
@@ -71,9 +71,12 @@ export default function PortofolioCreate() {
             label: item.name,
             value: item.id,
           }))}
-          value=""
-          onChange={(value) => console.log(value)}
+          value={data.bidang_usaha}
+          onChange={(value) => {
+            setData({ ...(data as any), bidang_usaha: value });
+          }}
         />
+
         <Grid>
           <Grid.Col span={10}>
             <SelectCustom
@@ -83,8 +86,10 @@ export default function PortofolioCreate() {
                 label: item.name,
                 value: item.id,
               }))}
-              value=""
-              onChange={(value) => console.log(value)}
+              value={data.sub_bidang_usaha}
+              onChange={(value) => {
+                setData({ ...(data as any), sub_bidang_usaha: value });
+              }}
             />
           </Grid.Col>
           <Grid.Col
@@ -96,6 +101,7 @@ export default function PortofolioCreate() {
             </TouchableOpacity>
           </Grid.Col>
         </Grid>
+        
         <ButtonCenteredOnly onPress={() => console.log("add")}>
           Tambah Pilihan
         </ButtonCenteredOnly>
diff --git a/components/Select/SelectCustom.tsx b/components/Select/SelectCustom.tsx
index 5d7492c..c1b32e5 100644
--- a/components/Select/SelectCustom.tsx
+++ b/components/Select/SelectCustom.tsx
@@ -1,15 +1,13 @@
 // components/Select.tsx
-import { MainColor } from "@/constants/color-palet";
-import { TEXT_SIZE_MEDIUM } from "@/constants/constans-value";
+import { GStyles } from "@/styles/global-styles";
 import React, { useState } from "react";
 import {
   FlatList,
   Modal,
   Pressable,
-  StyleSheet,
   Text,
   TouchableOpacity,
-  View,
+  View
 } from "react-native";
 
 type SelectItem = {
@@ -24,6 +22,7 @@ type SelectProps = {
   value?: string | number | null;
   required?: boolean; // <-- new prop
   onChange: (value: string | number) => void;
+  borderRadius?: number;
 };
 
 const SelectCustom: React.FC<SelectProps> = ({
@@ -33,6 +32,7 @@ const SelectCustom: React.FC<SelectProps> = ({
   value,
   required = false, // <-- default false
   onChange,
+  borderRadius = 8,
 }) => {
   const [modalVisible, setModalVisible] = useState(false);
 
@@ -41,35 +41,41 @@ const SelectCustom: React.FC<SelectProps> = ({
   const hasError = required && value === null; // <-- check if empty and required
 
   return (
-    <View style={styles.container}>
+    <View style={GStyles.inputContainerArea}>
       {label && (
-        <Text style={styles.label}>
+        <Text style={GStyles.inputLabel}>
           {label}
-          {required && <Text style={styles.requiredIndicator}> *</Text>}
+          {required && <Text style={GStyles.inputRequired}> *</Text>}
         </Text>
       )}
       <Pressable
-        style={[styles.input, hasError ? styles.inputError : null]} // <-- add error style
+        style={[
+          { borderRadius },
+          GStyles.inputContainerInput,
+          hasError ? GStyles.inputErrorBorder : null,
+        ]} // <-- add error style
         onPress={() => setModalVisible(true)}
       >
-        <Text style={selectedItem ? styles.text : styles.placeholder}>
+        <Text
+          style={selectedItem ? GStyles.inputText : GStyles.inputPlaceholder}
+        >
           {selectedItem?.label || placeholder}
         </Text>
       </Pressable>
 
       <Modal visible={modalVisible} transparent animationType="fade">
         <TouchableOpacity
-          style={styles.modalOverlay}
+          style={GStyles.selectModalOverlay}
           activeOpacity={1}
           onPressOut={() => setModalVisible(false)}
         >
-          <View style={styles.modalContent}>
+          <View style={GStyles.selectModalContent}>
             <FlatList
               data={data}
               keyExtractor={(item) => String(item.value)}
               renderItem={({ item }) => (
                 <TouchableOpacity
-                  style={styles.option}
+                  style={GStyles.selectOption}
                   onPress={() => {
                     onChange(item.value);
                     setModalVisible(false);
@@ -85,68 +91,10 @@ const SelectCustom: React.FC<SelectProps> = ({
 
       {/* Optional Error Message */}
       {hasError && (
-        <Text style={styles.errorMessage}>Harap pilih salah satu</Text>
+        <Text style={GStyles.inputErrorMessage}>Harap pilih salah satu</Text>
       )}
     </View>
   );
 };
 
 export default SelectCustom;
-
-const styles = StyleSheet.create({
-  container: {
-    marginBottom: 16,
-  },
-  label: {
-    fontSize: TEXT_SIZE_MEDIUM,
-    marginBottom: 4,
-    color: MainColor.white_gray,
-    fontWeight: "500",
-  },
-  requiredIndicator: {
-    color: "red",
-    fontWeight: "bold",
-  },
-  input: {
-    borderWidth: 1,
-    borderColor: MainColor.white_gray,
-    padding: 12,
-    borderRadius: 8,
-    minHeight: 48,
-    justifyContent: "center",
-    backgroundColor: MainColor.white,
-  },
-  inputError: {
-    borderColor: "red",
-  },
-  text: {
-    fontSize: TEXT_SIZE_MEDIUM,
-  },
-  placeholder: {
-    fontSize: TEXT_SIZE_MEDIUM,
-    color: MainColor.placeholder,
-  },
-  modalOverlay: {
-    flex: 1,
-    backgroundColor: "rgba(0,0,0,0.3)",
-    justifyContent: "center",
-    alignItems: "center",
-  },
-  modalContent: {
-    width: "80%",
-    maxHeight: 300,
-    backgroundColor: "white",
-    borderRadius: 8,
-    overflow: "hidden",
-  },
-  option: {
-    padding: 16,
-    borderBottomWidth: 1,
-    borderBottomColor: MainColor.white_gray,
-  },
-  errorMessage: {
-    marginTop: 4,
-    fontSize: 12,
-    color: "red",
-  },
-});
diff --git a/components/TextArea/TextAreaCustom.tsx b/components/TextArea/TextAreaCustom.tsx
index 794fa20..cc3cb8f 100644
--- a/components/TextArea/TextAreaCustom.tsx
+++ b/components/TextArea/TextAreaCustom.tsx
@@ -1,3 +1,4 @@
+import { GStyles } from "@/styles/global-styles";
 import React, { useEffect, useState } from "react";
 import {
     TextInput as RNTextInput,
@@ -6,7 +7,6 @@ import {
     View,
     ViewStyle,
 } from "react-native";
-import { GStyles } from "@/styles/global-styles";
 
 type IconType = React.ReactNode | string;
 
@@ -70,31 +70,31 @@ const TextAreaCustom: React.FC<TextAreaCustomProps> = ({
   const renderIcon = (icon: IconType) => {
     if (!icon) return null;
     return typeof icon === "string" ? (
-      <Text style={GStyles.iconTextInput}>{icon}</Text>
+      <Text style={GStyles.inputIconText}>{icon}</Text>
     ) : (
       icon
     );
   };
 
   return (
-    <View style={GStyles.containerAreaInput}>
+    <View style={GStyles.inputContainerArea}>
       {label && (
-        <Text style={GStyles.labelInput}>
+        <Text style={GStyles.inputLabel}>
           {label}
-          {required && <Text style={GStyles.requiredInput}> *</Text>}
+          {required && <Text style={GStyles.inputRequired}> *</Text>}
         </Text>
       )}
       <View
         style={[
           GStyles.inputContainerInput,
-          disabled && GStyles.disabledInput,
-          hasError ? GStyles.errorBorderInput : {},
+          disabled && GStyles.inputDisabled,
+          hasError ? GStyles.inputErrorBorder : {},
           { borderRadius },
           style,
         ]}
       >
         {iconLeft && (
-          <View style={GStyles.iconInput}>{renderIcon(iconLeft)}</View>
+          <View style={GStyles.inputIcon}>{renderIcon(iconLeft)}</View>
         )}
 
         <RNTextInput
@@ -102,7 +102,7 @@ const TextAreaCustom: React.FC<TextAreaCustomProps> = ({
           multiline
           numberOfLines={numberOfLines}
           style={[
-            GStyles.inputInput,
+            GStyles.inputText,
             GStyles.textAreaInput,
             { color: fontColor },
           ]}
@@ -113,7 +113,7 @@ const TextAreaCustom: React.FC<TextAreaCustomProps> = ({
         />
 
         {iconRight && (
-          <View style={GStyles.iconInput}>{renderIcon(iconRight)}</View>
+          <View style={GStyles.inputIcon}>{renderIcon(iconRight)}</View>
         )}
       </View>
 
@@ -127,7 +127,7 @@ const TextAreaCustom: React.FC<TextAreaCustomProps> = ({
         }}
       >
         {hasError ? (
-          <Text style={GStyles.errorMessageInput}>{error}</Text>
+          <Text style={GStyles.inputErrorMessage}>{error}</Text>
         ) : null}
 
         {showCount && maxLength ? (
diff --git a/components/TextInput/TextInputCustom.tsx b/components/TextInput/TextInputCustom.tsx
index 0ff2789..bd1087a 100644
--- a/components/TextInput/TextInputCustom.tsx
+++ b/components/TextInput/TextInputCustom.tsx
@@ -50,7 +50,7 @@ export const TextInputCustom = ({
   const renderIcon = (icon: IconType) => {
     if (!icon) return null;
     return typeof icon === "string" ? (
-      <Text style={GStyles.iconTextInput}>{icon}</Text>
+      <Text style={GStyles.inputIconText}>{icon}</Text>
     ) : (
       icon
     );
@@ -74,27 +74,27 @@ export const TextInputCustom = ({
   };
 
   return (
-    <View style={GStyles.containerAreaInput}>
+    <View style={GStyles.inputContainerArea}>
       {label && (
-        <Text style={GStyles.labelInput}>
+        <Text style={GStyles.inputLabel}>
           {label}
-          {required && <Text style={GStyles.requiredInput}> *</Text>}
+          {required && <Text style={GStyles.inputRequired}> *</Text>}
         </Text>
       )}
       <View
         style={[
           GStyles.inputContainerInput,
-          disabled && GStyles.disabledInput,
+          disabled && GStyles.inputDisabled,
           { borderRadius },
-          externalError || internalError ? GStyles.errorBorderInput : null,
+          externalError || internalError ? GStyles.inputErrorBorder : null,
           style,
         ]}
       >
         {iconLeft && (
-          <View style={GStyles.iconInput}>{renderIcon(iconLeft)}</View>
+          <View style={GStyles.inputIcon}>{renderIcon(iconLeft)}</View>
         )}
         <RNTextInput
-          style={[GStyles.inputInput, { color: fontColor }]}
+          style={[GStyles.inputText, { color: fontColor }]}
           editable={!disabled}
           secureTextEntry={secureTextEntry && !isPasswordVisible}
           keyboardType={keyboardType}
@@ -105,7 +105,7 @@ export const TextInputCustom = ({
         {secureTextEntry && (
           <TouchableOpacity
             onPress={() => setIsPasswordVisible((prev) => !prev)}
-            style={GStyles.iconInput}
+            style={GStyles.inputIcon}
           >
             <Ionicons
               name={isPasswordVisible ? "eye-off" : "eye"}
@@ -115,12 +115,12 @@ export const TextInputCustom = ({
           </TouchableOpacity>
         )}
         {iconRight && (
-          <View style={GStyles.iconInput}>{renderIcon(iconRight)}</View>
+          <View style={GStyles.inputIcon}>{renderIcon(iconRight)}</View>
         )}
       </View>
       {/* Prioritaskan error eksternal */}
       {externalError || internalError ? (
-        <Text style={GStyles.errorMessageInput}>
+        <Text style={GStyles.inputErrorMessage}>
           {externalError || internalError}
         </Text>
       ) : null}
diff --git a/styles/global-styles.ts b/styles/global-styles.ts
index 8eabd9d..92c5e30 100644
--- a/styles/global-styles.ts
+++ b/styles/global-styles.ts
@@ -155,27 +155,27 @@ export const GStyles = StyleSheet.create({
   },
   // =============== BUTTON =============== //
 
-  // =============== TEXT INPUT =============== //
+  // =============== TEXT INPUT , TEXT AREA , SELECT =============== //
   // Container utama input (View luar)
-  containerAreaInput: {
+  inputContainerArea: {
     marginBottom: 16,
   },
 
   // Label di atas input
-  labelInput: {
+  inputLabel: {
     fontSize: TEXT_SIZE_MEDIUM,
-    marginBottom: 6,
+    marginBottom: 4,
     fontWeight: "500",
     color: MainColor.white_gray,
   },
 
   // Tanda bintang merah untuk required
-  requiredInput: {
+  inputRequired: {
     color: "red",
   },
 
   // Pesan error di bawah input
-  errorMessageInput: {
+  inputErrorMessage: {
     marginTop: 4,
     fontSize: TEXT_SIZE_SMALL,
     color: MainColor.red,
@@ -189,49 +189,78 @@ export const GStyles = StyleSheet.create({
 
   // Wrapper input (View pembungkus TextInput)
   inputContainerInput: {
-    flexDirection: "row",
-    alignItems: "center",
     borderWidth: 1,
     borderColor: MainColor.white_gray,
     backgroundColor: MainColor.white,
+    flexDirection: "row",
+    alignItems: "center",
     paddingHorizontal: 10,
     height: 50,
   },
 
   // Style saat disabled
-  disabledInput: {
+  inputDisabled: {
     backgroundColor: "#f9f9f9",
     borderColor: "#e0e0e0",
   },
 
   // Input utama (TextInput)
-  inputInput: {
+  inputText: {
     flex: 1,
     fontSize: TEXT_SIZE_MEDIUM,
     paddingVertical: 0,
   },
 
   // Ikon di kiri/kanan
-  iconInput: {
+  inputIcon: {
     marginHorizontal: 4,
     justifyContent: "center",
   },
 
   // Teks ikon jika berupa string
-  iconTextInput: {
+  inputIconText: {
     fontSize: TEXT_SIZE_LARGE,
     color: "#000",
   },
 
   // Border merah jika ada error
-  errorBorderInput: {
+  inputErrorBorder: {
     borderColor: "red",
+    borderWidth: 1,
   },
 
-  // Untuk TextArea tambahan
+  // Placeholder input
+  inputPlaceholder: {
+    fontSize: TEXT_SIZE_MEDIUM,
+    color: MainColor.placeholder,
+  },
+
+  //  TextArea untuk tambahan
   textAreaInput: {
     textAlignVertical: "top",
     padding: 5,
     height: undefined, // biar multiline bebas tinggi
   },
+
+  // Select
+  selectModalOverlay: {
+    flex: 1,
+    backgroundColor: "rgba(0,0,0,0.3)",
+    justifyContent: "center",
+    alignItems: "center",
+  },
+  selectModalContent: {
+    width: "80%",
+    maxHeight: 300,
+    backgroundColor: "white",
+    borderRadius: 8,
+    overflow: "hidden",
+  },
+  selectOption: {
+    padding: 16,
+    borderBottomWidth: 1,
+    borderBottomColor: MainColor.white_gray,
+  },
+
+  // =============== TEXT INPUT , TEXT AREA , SELECT =============== //
 });

From 2901d19db053f44b9158526904cfe307435ef6b0 Mon Sep 17 00:00:00 2001
From: Bagasbanuna02 <bagasbanuna02@gmail.com>
Date: Wed, 9 Jul 2025 11:52:38 +0800
Subject: [PATCH 36/64] fix deksripsi: - fix Text input exported

---
 .../(user)/portofolio/[id]/create.tsx         | 28 +++++++++----------
 components/TextInput/TextInputCustom.tsx      |  4 ++-
 components/TextInput/index.ts                 |  3 --
 components/index.ts                           | 26 +++++++++++------
 4 files changed, 35 insertions(+), 26 deletions(-)
 delete mode 100644 components/TextInput/index.ts

diff --git a/app/(application)/(user)/portofolio/[id]/create.tsx b/app/(application)/(user)/portofolio/[id]/create.tsx
index 3673875..80cf9ea 100644
--- a/app/(application)/(user)/portofolio/[id]/create.tsx
+++ b/app/(application)/(user)/portofolio/[id]/create.tsx
@@ -1,19 +1,19 @@
 /* eslint-disable @typescript-eslint/no-unused-vars */
 import {
-  ButtonCustom,
-  Grid,
-  SelectCustom,
-  Spacing,
-  StackCustom,
-  TextAreaCustom,
-  TextCustom,
-  TextInputCustom,
-  ViewWrapper,
+    BoxButtonOnFooter,
+    ButtonCenteredOnly,
+    ButtonCustom,
+    Grid,
+    InformationBox,
+    LandscapeFrameUploaded,
+    SelectCustom,
+    Spacing,
+    StackCustom,
+    TextAreaCustom,
+    TextCustom,
+    TextInputCustom,
+    ViewWrapper,
 } from "@/components";
-import BoxButtonOnFooter from "@/components/Box/BoxButtonOnFooter";
-import InformationBox from "@/components/Box/InformationBox";
-import ButtonCenteredOnly from "@/components/Button/ButtonCenteredOnly";
-import LandscapeFrameUploaded from "@/components/Image/LandscapeFrameUploaded";
 import { MainColor } from "@/constants/color-palet";
 import dummyMasterBidangBisnis from "@/lib/dummy-data/master-bidang-bisnis";
 import dummyMasterSubBidangBisnis from "@/lib/dummy-data/master-sub-bidang-bisnis";
@@ -101,7 +101,7 @@ export default function PortofolioCreate() {
             </TouchableOpacity>
           </Grid.Col>
         </Grid>
-        
+
         <ButtonCenteredOnly onPress={() => console.log("add")}>
           Tambah Pilihan
         </ButtonCenteredOnly>
diff --git a/components/TextInput/TextInputCustom.tsx b/components/TextInput/TextInputCustom.tsx
index bd1087a..438e961 100644
--- a/components/TextInput/TextInputCustom.tsx
+++ b/components/TextInput/TextInputCustom.tsx
@@ -27,7 +27,7 @@ type Props = {
   maxLength?: number;
 } & Omit<React.ComponentProps<typeof RNTextInput>, "style">;
 
-export const TextInputCustom = ({
+const TextInputCustom = ({
   iconLeft,
   iconRight,
   label,
@@ -127,3 +127,5 @@ export const TextInputCustom = ({
     </View>
   );
 };
+
+export default TextInputCustom;
diff --git a/components/TextInput/index.ts b/components/TextInput/index.ts
deleted file mode 100644
index 9188ebc..0000000
--- a/components/TextInput/index.ts
+++ /dev/null
@@ -1,3 +0,0 @@
-import { TextInputCustom } from "./TextInputCustom";
-
-export { TextInputCustom };
diff --git a/components/index.ts b/components/index.ts
index 9bc6a81..6f5c2f9 100644
--- a/components/index.ts
+++ b/components/index.ts
@@ -14,32 +14,43 @@ import ViewWrapper from "./_ShareComponent/ViewWrapper";
 // Text
 import TextCustom from "./Text/TextCustom";
 // TextInput
-import { TextInputCustom } from "./TextInput/TextInputCustom";
+import TextInputCustom from "./TextInput/TextInputCustom";
 // TextArea
 import TextAreaCustom from "./TextArea/TextAreaCustom";
 // Grid
 import Grid from "./Grid/GridCustom";
 // Box
 import BaseBox from "./Box/BaseBox";
-// Avatar
-import AvatarCustom from "./Image/AvatarCustom";
+import BoxButtonOnFooter from "./Box/BoxButtonOnFooter";
+import InformationBox from "./Box/InformationBox";
+
 // Stack
 import StackCustom from "./Stack/StackCustom";
 // Select
 import SelectCustom from "./Select/SelectCustom";
+// Image
+import AvatarCustom from "./Image/AvatarCustom";
+import LandscapeFrameUploaded from "./Image/LandscapeFrameUploaded";
 
 export {
   AlertCustom,
-  // Avatar
+  // Image
   AvatarCustom,
+  LandscapeFrameUploaded,
   // Button
   LeftButtonCustom as BackButton,
   // Box
-  BaseBox, ButtonCenteredOnly, ButtonCustom, ButtonUpload,
+  BaseBox,
+  ButtonCenteredOnly,
+  ButtonCustom,
+  ButtonUpload,
+  BoxButtonOnFooter,
+  InformationBox,
   // Drawer
   DrawerCustom,
   // Grid
-  Grid, MenuDrawerDynamicGrid,
+  Grid,
+  MenuDrawerDynamicGrid,
   // Select
   SelectCustom,
   // ShareComponent
@@ -53,6 +64,5 @@ export {
   // TextInput
   TextInputCustom,
   // ViewWrapper
-  ViewWrapper
+  ViewWrapper,
 };
-

From b7e774a5565df276230070da88b2111471281381 Mon Sep 17 00:00:00 2001
From: Bagasbanuna02 <bagasbanuna02@gmail.com>
Date: Wed, 9 Jul 2025 15:03:41 +0800
Subject: [PATCH 37/64] fix deskripsi: - perubahan pada component:
 ButtonCustom, TextArea, TextInput - fix style global - tambhan color pada
 palet

---
 app.json                                      |  2 +-
 .../(user)/portofolio/[id]/create.tsx         | 44 +++++++++++-------
 .../(user)/profile/[id]/create.tsx            | 16 +++++--
 .../(user)/profile/[id]/update-background.tsx | 46 +++++++++++--------
 .../(user)/profile/[id]/update-photo.tsx      | 44 +++++++++++-------
 components/Button/ButtonCustom.tsx            | 26 +++++------
 components/Button/ButtonUpload.tsx            | 21 ---------
 components/Button/buttonCustomStyles.ts       | 13 ++----
 components/Select/SelectCustom.tsx            | 19 ++++++--
 components/TextArea/TextAreaCustom.tsx        |  2 +-
 components/TextInput/TextInputCustom.tsx      | 18 ++++++--
 components/index.ts                           |  6 +--
 constants/color-palet.ts                      | 11 +++--
 styles/global-styles.ts                       | 43 ++++++++++++-----
 14 files changed, 178 insertions(+), 133 deletions(-)
 delete mode 100644 components/Button/ButtonUpload.tsx

diff --git a/app.json b/app.json
index ac01184..d60b54e 100644
--- a/app.json
+++ b/app.json
@@ -1,6 +1,6 @@
 {
   "expo": {
-    "name": "hipmi-mobile",
+    "name": "HIPMI BADUNG",
     "slug": "hipmi-mobile",
     "version": "1.0.0",
     "orientation": "portrait",
diff --git a/app/(application)/(user)/portofolio/[id]/create.tsx b/app/(application)/(user)/portofolio/[id]/create.tsx
index 80cf9ea..38fc5b4 100644
--- a/app/(application)/(user)/portofolio/[id]/create.tsx
+++ b/app/(application)/(user)/portofolio/[id]/create.tsx
@@ -1,24 +1,23 @@
-/* eslint-disable @typescript-eslint/no-unused-vars */
 import {
-    BoxButtonOnFooter,
-    ButtonCenteredOnly,
-    ButtonCustom,
-    Grid,
-    InformationBox,
-    LandscapeFrameUploaded,
-    SelectCustom,
-    Spacing,
-    StackCustom,
-    TextAreaCustom,
-    TextCustom,
-    TextInputCustom,
-    ViewWrapper,
+  BoxButtonOnFooter,
+  ButtonCenteredOnly,
+  ButtonCustom,
+  Grid,
+  InformationBox,
+  LandscapeFrameUploaded,
+  SelectCustom,
+  Spacing,
+  StackCustom,
+  TextAreaCustom,
+  TextCustom,
+  TextInputCustom,
+  ViewWrapper,
 } from "@/components";
 import { MainColor } from "@/constants/color-palet";
 import dummyMasterBidangBisnis from "@/lib/dummy-data/master-bidang-bisnis";
 import dummyMasterSubBidangBisnis from "@/lib/dummy-data/master-sub-bidang-bisnis";
 import { Ionicons } from "@expo/vector-icons";
-import { useLocalSearchParams } from "expo-router";
+import { router, useLocalSearchParams } from "expo-router";
 import { useState } from "react";
 import { Text, TouchableOpacity, View } from "react-native";
 import PhoneInput, { ICountry } from "react-native-international-phone-number";
@@ -60,11 +59,13 @@ export default function PortofolioCreate() {
       <StackCustom>
         <InformationBox text="Lengkapi data bisnis anda." />
         <TextInputCustom
+          // disabled
           required
           label="Nama Bisnis"
           placeholder="Masukkan nama bisnis"
         />
         <SelectCustom
+          // disabled
           label="Bidang Usaha"
           required
           data={dummyMasterBidangBisnis.map((item) => ({
@@ -80,6 +81,7 @@ export default function PortofolioCreate() {
         <Grid>
           <Grid.Col span={10}>
             <SelectCustom
+              // disabled
               label="Sub Bidang Usaha"
               required
               data={dummyMasterSubBidangBisnis.map((item) => ({
@@ -145,12 +147,22 @@ export default function PortofolioCreate() {
           maxLength={100}
         />
         <Spacing />
+
+        {/* Logo */}
         <InformationBox text="Upload logo bisnis anda untuk di tampilaka pada portofolio." />
         <LandscapeFrameUploaded />
-        <ButtonCenteredOnly icon="upload" onPress={() => console.log("upload")}>
+        <ButtonCenteredOnly
+          icon="upload"
+          onPress={() => {
+            console.log("Upload logo >>", id);
+            router.navigate(`/(application)/take-picture/${id}`);
+          }}
+        >
           Upload
         </ButtonCenteredOnly>
         <Spacing height={40} />
+
+        {/* Social Media */}
         <InformationBox text="Isi hanya pada sosial media yang anda miliki." />
         <TextInputCustom
           label="Tiktok"
diff --git a/app/(application)/(user)/profile/[id]/create.tsx b/app/(application)/(user)/profile/[id]/create.tsx
index 6362cee..f0d2343 100644
--- a/app/(application)/(user)/profile/[id]/create.tsx
+++ b/app/(application)/(user)/profile/[id]/create.tsx
@@ -1,5 +1,6 @@
 import {
   AvatarCustom,
+  ButtonCenteredOnly,
   ButtonCustom,
   SelectCustom,
   Spacing,
@@ -9,7 +10,6 @@ import {
 } from "@/components";
 import BoxButtonOnFooter from "@/components/Box/BoxButtonOnFooter";
 import InformationBox from "@/components/Box/InformationBox";
-import ButtonUpload from "@/components/Button/ButtonUpload";
 import LandscapeFrameUploaded from "@/components/Image/LandscapeFrameUploaded";
 import { router, useLocalSearchParams } from "expo-router";
 import { useState } from "react";
@@ -47,9 +47,12 @@ export default function CreateProfile() {
         <View style={{ alignItems: "center" }}>
           <AvatarCustom size="xl" />
           <Spacing />
-          <ButtonUpload
+          <ButtonCenteredOnly
+            icon="upload"
             onPress={() => router.navigate(`/take-picture/${id}`)}
-          />
+          >
+            Upload
+          </ButtonCenteredOnly>
         </View>
 
         <Spacing />
@@ -58,9 +61,12 @@ export default function CreateProfile() {
           <InformationBox text="Upload foto latar belakang anda." />
           <LandscapeFrameUploaded />
           <Spacing />
-          <ButtonUpload
+          <ButtonCenteredOnly
+            icon="upload"
             onPress={() => router.navigate(`/take-picture/${id}`)}
-          />
+          >
+            Upload
+          </ButtonCenteredOnly>
         </View>
 
         <Spacing />
diff --git a/app/(application)/(user)/profile/[id]/update-background.tsx b/app/(application)/(user)/profile/[id]/update-background.tsx
index 1859676..7de2220 100644
--- a/app/(application)/(user)/profile/[id]/update-background.tsx
+++ b/app/(application)/(user)/profile/[id]/update-background.tsx
@@ -1,25 +1,31 @@
-import { BaseBox, ButtonCustom } from "@/components";
+import {
+  BaseBox,
+  BoxButtonOnFooter,
+  ButtonCenteredOnly,
+  ButtonCustom,
+} from "@/components";
 import ViewWrapper from "@/components/_ShareComponent/ViewWrapper";
-import ButtonUpload from "@/components/Button/ButtonUpload";
 import DUMMY_IMAGE from "@/constants/dummy-image-value";
 import { router, useLocalSearchParams } from "expo-router";
 import { Image } from "react-native";
 
 export default function UpdateBackgroundProfile() {
   const { id } = useLocalSearchParams();
+  const buttonFooter = (
+    <BoxButtonOnFooter>
+      <ButtonCustom
+        onPress={() => {
+          console.log("Simpan foto background >>", id);
+          router.back();
+        }}
+      >
+        Simpan
+      </ButtonCustom>
+    </BoxButtonOnFooter>
+  );
+
   return (
-    <ViewWrapper
-      bottomBarComponent={
-        <ButtonCustom
-          onPress={() => {
-            console.log("Simpan foto background >>", id);
-            router.back();
-          }}
-        >
-          Simpan
-        </ButtonCustom>
-      }
-    >
+    <ViewWrapper footerComponent={buttonFooter}>
       <BaseBox
         style={{ alignItems: "center", justifyContent: "center", height: 250 }}
       >
@@ -30,12 +36,12 @@ export default function UpdateBackgroundProfile() {
         />
       </BaseBox>
 
-      <ButtonUpload
-        title="Update"
-        onPress={() =>
-          router.navigate(`/(application)/take-picture/${id}`)
-        }
-      />
+      <ButtonCenteredOnly
+        icon="upload"
+        onPress={() => router.navigate(`/(application)/take-picture/${id}`)}
+      >
+        Update
+      </ButtonCenteredOnly>
     </ViewWrapper>
   );
 }
diff --git a/app/(application)/(user)/profile/[id]/update-photo.tsx b/app/(application)/(user)/profile/[id]/update-photo.tsx
index 674ab6d..70d2b4c 100644
--- a/app/(application)/(user)/profile/[id]/update-photo.tsx
+++ b/app/(application)/(user)/profile/[id]/update-photo.tsx
@@ -1,25 +1,30 @@
-import { BaseBox, ButtonCustom } from "@/components";
+import {
+  BaseBox,
+  BoxButtonOnFooter,
+  ButtonCenteredOnly,
+  ButtonCustom,
+} from "@/components";
 import ViewWrapper from "@/components/_ShareComponent/ViewWrapper";
-import ButtonUpload from "@/components/Button/ButtonUpload";
 import DUMMY_IMAGE from "@/constants/dummy-image-value";
 import { router, useLocalSearchParams } from "expo-router";
 import { Image } from "react-native";
 
 export default function UpdatePhotoProfile() {
   const { id } = useLocalSearchParams();
+  const buttonFooter = (
+    <BoxButtonOnFooter>
+      <ButtonCustom
+        onPress={() => {
+          console.log("Simpan foto profile >>", id);
+          router.back();
+        }}
+      >
+        Simpan
+      </ButtonCustom>
+    </BoxButtonOnFooter>
+  );
   return (
-    <ViewWrapper
-      bottomBarComponent={
-        <ButtonCustom
-          onPress={() => {
-            console.log("Simpan foto profile >>", id);
-            router.back();
-          }}
-        >
-          Simpan
-        </ButtonCustom>
-      }
-    >
+    <ViewWrapper footerComponent={buttonFooter}>
       <BaseBox
         style={{ alignItems: "center", justifyContent: "center", height: 250 }}
       >
@@ -30,13 +35,18 @@ export default function UpdatePhotoProfile() {
         />
       </BaseBox>
 
-      <ButtonUpload
-        title="Update"
+      <ButtonCenteredOnly
+        icon="upload"
         onPress={() => {
           console.log("Update photo >>", id);
           router.navigate(`/(application)/take-picture/${id}`);
         }}
-      />
+      >
+        Update
+      </ButtonCenteredOnly>
+
+      {/* <Spacing />
+      <ButtonCustom>Test</ButtonCustom> */}
     </ViewWrapper>
   );
 }
diff --git a/components/Button/ButtonCustom.tsx b/components/Button/ButtonCustom.tsx
index a434525..0cd26f0 100644
--- a/components/Button/ButtonCustom.tsx
+++ b/components/Button/ButtonCustom.tsx
@@ -2,13 +2,12 @@
 
 import React from "react";
 import { StyleProp, Text, TouchableOpacity, ViewStyle } from "react-native";
-import buttonStyles from "./buttonCustomStyles";
 import { radiusMap } from "@/constants/radius-value";
 import { MainColor } from "@/constants/color-palet";
+import { stylesButton } from "./buttonCustomStyles";
 
 // Import radiusMap
 
-
 // Definisi type untuk radius
 type RadiusType = keyof typeof radiusMap | number;
 
@@ -30,30 +29,29 @@ const ButtonCustom: React.FC<ButtonProps> = ({
   title = "Button",
   backgroundColor = MainColor.yellow,
   textColor = MainColor.black,
-  radius = "full", // default md
+  radius = 50, // default md
   disabled = false,
   iconLeft,
   style,
 }) => {
-  const borderRadius =
-    typeof radius === "number" ? radius : radiusMap[radius ?? "md"]; // fallback ke 'md'
-
-  const styles = buttonStyles({
-    backgroundColor,
-    textColor,
-    borderRadius,
-  });
-
   return (
     <TouchableOpacity
-      style={[styles.button, disabled && styles.disabled, style]}
+      style={[
+        stylesButton.button,
+        disabled && stylesButton.disabled,
+        style,
+        { borderRadius: radius },
+        { backgroundColor },
+      ]}
       onPress={onPress}
       disabled={disabled}
       activeOpacity={0.8}
     >
       {/* Render icon jika tersedia */}
       {iconLeft && iconLeft}
-      <Text style={styles.buttonText}>{children || title}</Text>
+      <Text style={[stylesButton.buttonText, { color: textColor }]}>
+        {children || title}
+      </Text>
     </TouchableOpacity>
   );
 };
diff --git a/components/Button/ButtonUpload.tsx b/components/Button/ButtonUpload.tsx
deleted file mode 100644
index 1ab4fa9..0000000
--- a/components/Button/ButtonUpload.tsx
+++ /dev/null
@@ -1,21 +0,0 @@
-import { MainColor } from "@/constants/color-palet";
-import { GStyles } from "@/styles/global-styles";
-import { Feather } from "@expo/vector-icons";
-import React from "react";
-import ButtonCustom from "./ButtonCustom";
-
-interface ButtonUploadProps {
-    title?: string;
-    onPress: () => void;
-}
-export default function ButtonUpload({ onPress, title = "Upload" }: ButtonUploadProps) {
-  return (
-    <ButtonCustom
-      onPress={onPress}
-      iconLeft={<Feather name="upload" size={20} color={MainColor.black} />}
-      style={GStyles.buttonCentered50Percent}
-    >
-      {title}
-    </ButtonCustom>
-  );
-}
diff --git a/components/Button/buttonCustomStyles.ts b/components/Button/buttonCustomStyles.ts
index 274f772..3c19e6d 100644
--- a/components/Button/buttonCustomStyles.ts
+++ b/components/Button/buttonCustomStyles.ts
@@ -4,24 +4,18 @@ import { MainColor } from "@/constants/color-palet";
 import { TEXT_SIZE_MEDIUM } from "@/constants/constans-value";
 import { StyleSheet } from "react-native";
 
-export default function buttonStyles({
-  backgroundColor = "#007AFF",
-  textColor = "#FFFFFF",
-  borderRadius = 8,
-}) {
-  return StyleSheet.create({
+export const stylesButton = StyleSheet.create({
     button: {
-      backgroundColor,
+      backgroundColor: MainColor.yellow,
       paddingVertical: 12,
       paddingHorizontal: 20,
-      borderRadius,
       flexDirection: "row", // 👈 Tambahkan baris ini
       alignItems: "center",
       justifyContent: "center",
       gap: 8,
     },
     buttonText: {
-      color: textColor,
+      color: MainColor.black,
       fontSize: TEXT_SIZE_MEDIUM,
       fontWeight: "600",
     },
@@ -29,4 +23,3 @@ export default function buttonStyles({
       backgroundColor: MainColor.disabled,
     },
   });
-}
diff --git a/components/Select/SelectCustom.tsx b/components/Select/SelectCustom.tsx
index c1b32e5..eb30a79 100644
--- a/components/Select/SelectCustom.tsx
+++ b/components/Select/SelectCustom.tsx
@@ -7,7 +7,7 @@ import {
   Pressable,
   Text,
   TouchableOpacity,
-  View
+  View,
 } from "react-native";
 
 type SelectItem = {
@@ -21,6 +21,7 @@ type SelectProps = {
   data: SelectItem[];
   value?: string | number | null;
   required?: boolean; // <-- new prop
+  disabled?: boolean; // <-- tambahkan prop disabled
   onChange: (value: string | number) => void;
   borderRadius?: number;
 };
@@ -31,6 +32,7 @@ const SelectCustom: React.FC<SelectProps> = ({
   data,
   value,
   required = false, // <-- default false
+  disabled = false, // <-- default false
   onChange,
   borderRadius = 8,
 }) => {
@@ -51,13 +53,22 @@ const SelectCustom: React.FC<SelectProps> = ({
       <Pressable
         style={[
           { borderRadius },
-          GStyles.inputContainerInput,
           hasError ? GStyles.inputErrorBorder : null,
+          GStyles.inputContainerInput,
+          disabled && GStyles.disabledBox,
         ]} // <-- add error style
-        onPress={() => setModalVisible(true)}
+        onPress={() => !disabled && setModalVisible(true)}
       >
         <Text
-          style={selectedItem ? GStyles.inputText : GStyles.inputPlaceholder}
+          style={
+            selectedItem
+              ? disabled
+                ? GStyles.inputTextDisabled
+                : GStyles.inputText
+              : disabled
+              ? GStyles.inputPlaceholderDisabled
+              : GStyles.inputPlaceholder
+          }
         >
           {selectedItem?.label || placeholder}
         </Text>
diff --git a/components/TextArea/TextAreaCustom.tsx b/components/TextArea/TextAreaCustom.tsx
index cc3cb8f..2058a51 100644
--- a/components/TextArea/TextAreaCustom.tsx
+++ b/components/TextArea/TextAreaCustom.tsx
@@ -87,7 +87,7 @@ const TextAreaCustom: React.FC<TextAreaCustomProps> = ({
       <View
         style={[
           GStyles.inputContainerInput,
-          disabled && GStyles.inputDisabled,
+          disabled && GStyles.disabledBox,
           hasError ? GStyles.inputErrorBorder : {},
           { borderRadius },
           style,
diff --git a/components/TextInput/TextInputCustom.tsx b/components/TextInput/TextInputCustom.tsx
index 438e961..b598fab 100644
--- a/components/TextInput/TextInputCustom.tsx
+++ b/components/TextInput/TextInputCustom.tsx
@@ -10,7 +10,6 @@ import {
   ViewStyle,
 } from "react-native";
 
-
 type IconType = React.ReactNode | string;
 
 type Props = {
@@ -83,18 +82,27 @@ const TextInputCustom = ({
       )}
       <View
         style={[
-          GStyles.inputContainerInput,
-          disabled && GStyles.inputDisabled,
+          style,
           { borderRadius },
           externalError || internalError ? GStyles.inputErrorBorder : null,
-          style,
+          GStyles.inputContainerInput,
+          disabled && GStyles.disabledBox,
         ]}
       >
         {iconLeft && (
           <View style={GStyles.inputIcon}>{renderIcon(iconLeft)}</View>
         )}
         <RNTextInput
-          style={[GStyles.inputText, { color: fontColor }]}
+          style={[
+            GStyles.inputText,
+            { color: fontColor },
+            disabled
+              ? GStyles.inputTextDisabled // <-- custom style untuk text saat disabled
+              : GStyles.inputText,
+            disabled
+              ? GStyles.inputPlaceholderDisabled // <-- placeholder saat disabled
+              : GStyles.inputPlaceholder,
+          ]}
           editable={!disabled}
           secureTextEntry={secureTextEntry && !isPasswordVisible}
           keyboardType={keyboardType}
diff --git a/components/index.ts b/components/index.ts
index 6f5c2f9..d5579d6 100644
--- a/components/index.ts
+++ b/components/index.ts
@@ -4,7 +4,6 @@ import AlertCustom from "./Alert/AlertCustom";
 import LeftButtonCustom from "./Button/BackButton";
 import ButtonCenteredOnly from "./Button/ButtonCenteredOnly";
 import ButtonCustom from "./Button/ButtonCustom";
-import ButtonUpload from "./Button/ButtonUpload";
 // Drawer
 import DrawerCustom from "./Drawer/DrawerCustom";
 import MenuDrawerDynamicGrid from "./Drawer/MenuDrawerDynamicGird";
@@ -38,12 +37,11 @@ export {
   AvatarCustom,
   LandscapeFrameUploaded,
   // Button
+  ButtonCustom,
   LeftButtonCustom as BackButton,
+  ButtonCenteredOnly,
   // Box
   BaseBox,
-  ButtonCenteredOnly,
-  ButtonCustom,
-  ButtonUpload,
   BoxButtonOnFooter,
   InformationBox,
   // Drawer
diff --git a/constants/color-palet.ts b/constants/color-palet.ts
index 02c57f7..49b9843 100644
--- a/constants/color-palet.ts
+++ b/constants/color-palet.ts
@@ -3,24 +3,27 @@ export const MainColor = {
   darkblue: "#001D3D",
   soft_darkblue: "#0e3763",
   yellow: "#E1B525",
-  white_gray: "#D4D0D0",
   red: "#FF4B4C",
   orange: "#FF7043",
   green: "#4CAF4F",
+  white_gray: "#D4D0D0",
   text_input: "#EDEBEBFF",
-  placeholder: "#999",
-  disabled: "#606360",
+  placeholder: "#888",
   white: "#ffffff",
+  // disabled color
+  disabled: "#777",
 };
 
 export const AccentColor = {
-  blackgray: "#333533FF",
+  blackgray: "#aaa",
   darkblue: "#002E59",
   blue: "#00447D",
   softblue: "#007CBA",
   skyblue: "#00BFFF",
   yellow: "#F8A824",
   white: "#FEFFFE",
+  // disable color
+  disabledBorder: "#aaa",
 };
 
 export const AdminColor = {
diff --git a/styles/global-styles.ts b/styles/global-styles.ts
index 92c5e30..4fb5663 100644
--- a/styles/global-styles.ts
+++ b/styles/global-styles.ts
@@ -1,10 +1,15 @@
-import { TEXT_SIZE_LARGE, TEXT_SIZE_MEDIUM, TEXT_SIZE_SMALL } from "@/constants/constans-value";
+import {
+  TEXT_SIZE_LARGE,
+  TEXT_SIZE_MEDIUM,
+  TEXT_SIZE_SMALL,
+} from "@/constants/constans-value";
 import { Dimensions, StyleSheet } from "react-native";
 import { AccentColor, MainColor } from "../constants/color-palet";
 
 const { width } = Dimensions.get("window");
 
 export const GStyles = StyleSheet.create({
+  // =============== Main Styles =============== //
   container: {
     flex: 1,
     paddingInline: 20,
@@ -20,8 +25,25 @@ export const GStyles = StyleSheet.create({
     height: "100%",
     width: "100%",
   },
+  // Style saat disabled
+  disabledBox: {
+    backgroundColor: MainColor.disabled,
+    borderColor: AccentColor.disabledBorder,
+  },
 
-  // AUTHENTICATION
+  inputDisabled: {
+    backgroundColor: "#f0f0f0",
+    borderColor: "#ddd",
+  },
+  inputTextDisabled: {
+    color: "#777",
+  },
+  inputPlaceholderDisabled: {
+    color: "#444",
+  },
+  // =============== Main Styles =============== //
+
+  // =============== AUTHENTICATION =============== //
   authContainer: {
     flex: 1,
     justifyContent: "center",
@@ -40,15 +62,17 @@ export const GStyles = StyleSheet.create({
     color: MainColor.yellow,
     fontWeight: "bold",
   },
+  // =============== AUTHENTICATION =============== //
 
-  // TEXT & LABEL
+  // =============== TEXT & LABEL =============== //
   textLabel: {
     fontSize: TEXT_SIZE_MEDIUM,
     color: MainColor.white_gray,
     fontWeight: "normal",
   },
+  // =============== TEXT & LABEL =============== //
 
-  // Stack Header Style
+  // =============== STACK HEADER =============== //
   headerStyle: {
     backgroundColor: AccentColor.darkblue,
   },
@@ -56,14 +80,16 @@ export const GStyles = StyleSheet.create({
     color: MainColor.yellow,
     fontWeight: "bold",
   },
+  // =============== STACK HEADER =============== //
 
-  // HOME
+  // =============== HOME =============== //
   homeContainer: {
     flex: 1,
     paddingInline: 25,
     paddingBlock: 10,
     backgroundColor: MainColor.darkblue,
   },
+  // =============== HOME =============== //
 
   // =============== TAB =============== //
   tabBar: {
@@ -149,6 +175,7 @@ export const GStyles = StyleSheet.create({
   // =============== BOTTOM BAR =============== //
 
   // =============== BUTTON =============== //
+
   buttonCentered50Percent: {
     width: "50%",
     alignSelf: "center",
@@ -198,12 +225,6 @@ export const GStyles = StyleSheet.create({
     height: 50,
   },
 
-  // Style saat disabled
-  inputDisabled: {
-    backgroundColor: "#f9f9f9",
-    borderColor: "#e0e0e0",
-  },
-
   // Input utama (TextInput)
   inputText: {
     flex: 1,

From bfb029058c466cf4bac922ea0fcdfc756441113f Mon Sep 17 00:00:00 2001
From: Bagasbanuna02 <bagasbanuna02@gmail.com>
Date: Wed, 9 Jul 2025 15:29:04 +0800
Subject: [PATCH 38/64] feature deskripsi: - new page daftar portofolio

---
 .../(user)/portofolio/[id]/list.tsx           | 47 +++++++++++++++++++
 .../(user)/portofolio/_layout.tsx             | 13 +++--
 components/Text/TextCustom.tsx                | 36 ++++++++++----
 screens/Profile/profilSection.tsx             | 10 +++-
 4 files changed, 87 insertions(+), 19 deletions(-)
 create mode 100644 app/(application)/(user)/portofolio/[id]/list.tsx

diff --git a/app/(application)/(user)/portofolio/[id]/list.tsx b/app/(application)/(user)/portofolio/[id]/list.tsx
new file mode 100644
index 0000000..5c57d12
--- /dev/null
+++ b/app/(application)/(user)/portofolio/[id]/list.tsx
@@ -0,0 +1,47 @@
+import { BaseBox, Grid, TextCustom, ViewWrapper } from "@/components";
+import { MainColor } from "@/constants/color-palet";
+import { ICON_SIZE_SMALL } from "@/constants/constans-value";
+import { Ionicons } from "@expo/vector-icons";
+import { router, useLocalSearchParams } from "expo-router";
+
+export default function ListPortofolio() {
+  const { id } = useLocalSearchParams();
+  return (
+    <ViewWrapper>
+      {Array.from({ length: 10 }).map((_, index) => (
+        <BaseBox
+          key={index}
+          style={{ backgroundColor: MainColor.darkblue }}
+          onPress={() => {
+            console.log("press to Portofolio");
+            router.push(`/portofolio/${id}`);
+          }}
+        >
+          <Grid>
+            <Grid.Col
+              span={10}
+              style={{ justifyContent: "center", backgroundColor: "" }}
+            >
+              <TextCustom bold size="large" truncate={1}>
+                Nama usaha portofolio
+              </TextCustom>
+              <TextCustom size="small" color="yellow">
+                #id-porofolio12345
+              </TextCustom>
+            </Grid.Col>
+            <Grid.Col
+              span={2}
+              style={{ alignItems: "flex-end", justifyContent: "center" }}
+            >
+              <Ionicons
+                name="caret-forward"
+                size={ICON_SIZE_SMALL}
+                color="white"
+              />
+            </Grid.Col>
+          </Grid>
+        </BaseBox>
+      ))}
+    </ViewWrapper>
+  );
+}
diff --git a/app/(application)/(user)/portofolio/_layout.tsx b/app/(application)/(user)/portofolio/_layout.tsx
index a7b48d0..2d81b1b 100644
--- a/app/(application)/(user)/portofolio/_layout.tsx
+++ b/app/(application)/(user)/portofolio/_layout.tsx
@@ -1,6 +1,5 @@
-
 import LeftButtonCustom from "@/components/Button/BackButton";
-import { GStyles } from "@/styles/global-styles";
+import { HeaderStyles } from "@/styles/header-styles";
 import { Stack } from "expo-router";
 
 export default function PortofolioLayout() {
@@ -8,10 +7,7 @@ export default function PortofolioLayout() {
     <>
       <Stack
         screenOptions={{
-          headerStyle: GStyles.headerStyle,
-          headerTitleStyle: GStyles.headerTitleStyle,
-          headerTitleAlign: "center",
-          headerBackButtonDisplayMode: "minimal",
+          ...HeaderStyles,
           headerLeft: () => <LeftButtonCustom />,
         }}
       >
@@ -20,7 +16,10 @@ export default function PortofolioLayout() {
           name="[id]/create"
           options={{ title: "Tambah Portofolio" }}
         />
-        
+        <Stack.Screen
+          name="[id]/list"
+          options={{ title: "Daftar Portofolio" }}
+        />
       </Stack>
     </>
   );
diff --git a/components/Text/TextCustom.tsx b/components/Text/TextCustom.tsx
index 47ac145..0f1f019 100644
--- a/components/Text/TextCustom.tsx
+++ b/components/Text/TextCustom.tsx
@@ -5,7 +5,7 @@ import {
   TEXT_SIZE_SMALL,
 } from "@/constants/constans-value";
 import React from "react";
-import { Text as RNText, StyleProp, StyleSheet, TextStyle } from "react-native";
+import { Text as RNText, StyleProp, StyleSheet, TextStyle, TouchableOpacity } from "react-native";
 
 // Tambahkan type TextAlignProps agar lebih type-safe
 type TextAlign = "left" | "center" | "right";
@@ -19,6 +19,7 @@ interface TextCustomProps {
   color?: "default" | "yellow" | "red";
   align?: TextAlign; // Prop untuk alignment
   truncate?: boolean | number;
+  onPress?: () => void;
 }
 
 const TextCustom: React.FC<TextCustomProps> = ({
@@ -30,6 +31,7 @@ const TextCustom: React.FC<TextCustomProps> = ({
   color = "default",
   align = "left", // Default alignment
   truncate = false,
+  onPress,
 }) => {
   const getStyle = () => {
     let selectedStyles = [];
@@ -61,15 +63,29 @@ const TextCustom: React.FC<TextCustomProps> = ({
   };
 
   return (
-    <RNText
-      numberOfLines={
-        typeof truncate === "number" ? truncate : truncate ? 1 : undefined
-      }
-      ellipsizeMode="tail"
-      style={getStyle()}
-    >
-      {children}
-    </RNText>
+    onPress ? (
+      <TouchableOpacity onPress={onPress}>
+        <RNText
+          numberOfLines={
+            typeof truncate === "number" ? truncate : truncate ? 1 : undefined
+          }
+          ellipsizeMode="tail"
+          style={getStyle()}
+        >
+          {children}
+        </RNText>
+      </TouchableOpacity>
+    ) : (
+      <RNText
+        numberOfLines={
+          typeof truncate === "number" ? truncate : truncate ? 1 : undefined
+        }
+        ellipsizeMode="tail"
+        style={getStyle()}
+      >
+        {children}
+      </RNText>
+    )
   );
 };
 
diff --git a/screens/Profile/profilSection.tsx b/screens/Profile/profilSection.tsx
index 1bca730..449cfc9 100644
--- a/screens/Profile/profilSection.tsx
+++ b/screens/Profile/profilSection.tsx
@@ -115,9 +115,15 @@ export default function ProfilSection() {
             </BaseBox>
           ))}
         </View>
+
+        <TextCustom
+          bold
+          align="right"
+          onPress={() => router.push(`/portofolio/${id}/list`)}
+        >
+          Lihat semua
+        </TextCustom>
       </BaseBox>
     </>
   );
 }
-
-

From ee7efaef6aec71dfb83046d18d6116ac703bf7e8 Mon Sep 17 00:00:00 2001
From: Bagasbanuna02 <bagasbanuna02@gmail.com>
Date: Wed, 9 Jul 2025 17:22:43 +0800
Subject: [PATCH 39/64] fix & featur deskripsi: - fix component stack dan
 drawer - new page list path profile

---
 app/(application)/(user)/_layout.tsx          |   7 ++
 app/(application)/(user)/maps/create.tsx      |  59 +++++++++++
 .../(user)/portofolio/[id]/create.tsx         |   8 +-
 .../(user)/portofolio/[id]/index.tsx          | 100 ++++++++++++++----
 .../(user)/profile/[id]/index.tsx             |  39 +------
 app/(application)/take-picture/[id]/index.tsx |   2 +-
 components/Drawer/DrawerCustom.tsx            |  14 +--
 components/Stack/StackCustom.tsx              |   2 +-
 components/TextInput/TextInputCustom.tsx      |  11 +-
 screens/Authentication/LoginView.tsx          |   4 +-
 screens/Profile/ListPage.tsx                  |  35 ++++++
 styles/global-styles.ts                       |   1 +
 12 files changed, 199 insertions(+), 83 deletions(-)
 create mode 100644 app/(application)/(user)/maps/create.tsx
 create mode 100644 screens/Profile/ListPage.tsx

diff --git a/app/(application)/(user)/_layout.tsx b/app/(application)/(user)/_layout.tsx
index 64e9a5b..0f3dc39 100644
--- a/app/(application)/(user)/_layout.tsx
+++ b/app/(application)/(user)/_layout.tsx
@@ -102,6 +102,13 @@ export default function UserLayout() {
             headerLeft: () => <BackButton />,
           }}
         />
+        <Stack.Screen
+          name="maps/create"
+          options={{
+            title: "Tambah Maps",
+            headerLeft: () => <BackButton />,
+          }}
+        />
 
         {/* Marketplace */}
         <Stack.Screen
diff --git a/app/(application)/(user)/maps/create.tsx b/app/(application)/(user)/maps/create.tsx
new file mode 100644
index 0000000..310758d
--- /dev/null
+++ b/app/(application)/(user)/maps/create.tsx
@@ -0,0 +1,59 @@
+import {
+  BaseBox,
+  BoxButtonOnFooter,
+  ButtonCenteredOnly,
+  ButtonCustom,
+  InformationBox,
+  LandscapeFrameUploaded,
+  Spacing,
+  TextCustom,
+  TextInputCustom,
+  ViewWrapper,
+} from "@/components";
+import { router, useLocalSearchParams } from "expo-router";
+
+export default function MapsCreate() {
+  const { id } = useLocalSearchParams();
+  const buttonFooter = (
+    <BoxButtonOnFooter>
+      <ButtonCustom
+        onPress={() => {
+          console.log("Simpan");
+          router.replace(`/portofolio/${id}`);
+        }}
+      >
+        Simpan
+      </ButtonCustom>
+    </BoxButtonOnFooter>
+  );
+  return (
+    <ViewWrapper footerComponent={buttonFooter}>
+      <InformationBox text="Tentukan lokasi pin map dengan menekan pada map." />
+
+      <BaseBox style={{ height: 400 }}>
+        <TextCustom>Maps Her</TextCustom>
+      </BaseBox>
+
+      <TextInputCustom
+        required
+        label="Nama Pin"
+        placeholder="Masukkan nama pin maps"
+      />
+
+      <Spacing height={50} />
+
+      <InformationBox text="Upload foto lokasi bisnis anda untuk ditampilkan dalam detail maps." />
+      <LandscapeFrameUploaded />
+      <ButtonCenteredOnly
+        icon="upload"
+        onPress={() => {
+          console.log("Upload foto ");
+          router.navigate(`/take-picture/${id}`);
+        }}
+      >
+        Upload
+      </ButtonCenteredOnly>
+      <Spacing height={50} />
+    </ViewWrapper>
+  );
+}
diff --git a/app/(application)/(user)/portofolio/[id]/create.tsx b/app/(application)/(user)/portofolio/[id]/create.tsx
index 38fc5b4..f616d90 100644
--- a/app/(application)/(user)/portofolio/[id]/create.tsx
+++ b/app/(application)/(user)/portofolio/[id]/create.tsx
@@ -44,7 +44,8 @@ export default function PortofolioCreate() {
   }
 
   function handleSave() {
-    console.log("save");
+    console.log("Selanjutnya");
+    router.replace(`/maps/create`);
   }
 
   const buttonSave = (
@@ -56,16 +57,15 @@ export default function PortofolioCreate() {
   return (
     <ViewWrapper footerComponent={buttonSave}>
       {/* <TextCustom>Portofolio Create {id}</TextCustom> */}
-      <StackCustom>
+      <StackCustom gap={"xs"}>
         <InformationBox text="Lengkapi data bisnis anda." />
         <TextInputCustom
-          // disabled
           required
           label="Nama Bisnis"
           placeholder="Masukkan nama bisnis"
+
         />
         <SelectCustom
-          // disabled
           label="Bidang Usaha"
           required
           data={dummyMasterBidangBisnis.map((item) => ({
diff --git a/app/(application)/(user)/portofolio/[id]/index.tsx b/app/(application)/(user)/portofolio/[id]/index.tsx
index f8a0cbf..731d8cb 100644
--- a/app/(application)/(user)/portofolio/[id]/index.tsx
+++ b/app/(application)/(user)/portofolio/[id]/index.tsx
@@ -1,32 +1,86 @@
+import { DrawerCustom, TextCustom } from "@/components";
 import LeftButtonCustom from "@/components/Button/BackButton";
+import { IMenuDrawerItem } from "@/components/_Interface/types";
 import ViewWrapper from "@/components/_ShareComponent/ViewWrapper";
+import { MainColor } from "@/constants/color-palet";
+import { DRAWER_HEIGHT } from "@/constants/constans-value";
+import { drawerItems } from "@/screens/Profile/ListPage";
+import Profile_MenuDrawerSection from "@/screens/Profile/MenuDrawerSection";
 import { GStyles } from "@/styles/global-styles";
+import { Ionicons } from "@expo/vector-icons";
 import { Stack, useLocalSearchParams } from "expo-router";
-import { Text } from "react-native";
+import { useRef, useState } from "react";
+import {
+  Animated,
+  InteractionManager,
+  Text,
+  TouchableOpacity,
+} from "react-native";
 
 export default function Portofolio() {
-    const { id } = useLocalSearchParams();
+  const { id } = useLocalSearchParams();
+  const [isDrawerOpen, setIsDrawerOpen] = useState(false);
+  const [showLogoutAlert, setShowLogoutAlert] = useState(false);
+
+  const drawerAnim = useRef(new Animated.Value(DRAWER_HEIGHT)).current;
+
+  const openDrawer = () => {
+    setIsDrawerOpen(true);
+    Animated.timing(drawerAnim, {
+      toValue: 0,
+      duration: 300,
+      useNativeDriver: true,
+    }).start();
+  };
+  const closeDrawer = () => {
+    Animated.timing(drawerAnim, {
+      toValue: DRAWER_HEIGHT, // sesuaikan dengan tinggi drawer Anda
+      duration: 300,
+      useNativeDriver: true,
+    }).start(() => {
+      InteractionManager.runAfterInteractions(() => {
+        setIsDrawerOpen(false); // baru ganti state setelah animasi selesai
+      });
+    });
+    setIsDrawerOpen(false);
+  };
   return (
-    <ViewWrapper>
-      {/* Header */}
-      <Stack.Screen
-        options={{
-          title: "Portofolio",
-          headerLeft: () => <LeftButtonCustom />,
-        //   headerRight: () => (
-        //     <TouchableOpacity onPress={openDrawer}>
-        //       <Ionicons
-        //         name="ellipsis-vertical"
-        //         size={20}
-        //         color={MainColor.yellow}
-        //       />
-        //     </TouchableOpacity>
-        //   ),
-          headerStyle: GStyles.headerStyle,
-          headerTitleStyle: GStyles.headerTitleStyle,
-        }}
-      />
-      <Text style={GStyles.textLabel}>Portofolio {id}</Text>
-    </ViewWrapper>
+    <>
+      <ViewWrapper>
+        {/* Header */}
+        <Stack.Screen
+          options={{
+            title: "Portofolio",
+            headerLeft: () => <LeftButtonCustom />,
+            headerRight: () => (
+              <TouchableOpacity onPress={openDrawer}>
+                <Ionicons
+                  name="ellipsis-vertical"
+                  size={20}
+                  color={MainColor.yellow}
+                />
+              </TouchableOpacity>
+            ),
+            headerStyle: GStyles.headerStyle,
+            headerTitleStyle: GStyles.headerTitleStyle,
+          }}
+        />
+        <Text style={GStyles.textLabel}>Portofolio {id}</Text>
+      </ViewWrapper>
+
+      {/* Drawer Komponen Eksternal */}
+      <DrawerCustom
+        isVisible={isDrawerOpen}
+        closeDrawer={closeDrawer}
+        drawerAnim={drawerAnim}
+        height={350}
+      >
+        <Profile_MenuDrawerSection
+          drawerItems={drawerItems({ id: id as string })}
+          setShowLogoutAlert={setShowLogoutAlert}
+          setIsDrawerOpen={setIsDrawerOpen}
+        />
+      </DrawerCustom>
+    </>
   );
 }
diff --git a/app/(application)/(user)/profile/[id]/index.tsx b/app/(application)/(user)/profile/[id]/index.tsx
index 3c288d2..7e03309 100644
--- a/app/(application)/(user)/profile/[id]/index.tsx
+++ b/app/(application)/(user)/profile/[id]/index.tsx
@@ -1,10 +1,10 @@
-import { IMenuDrawerItem } from "@/components/_Interface/types";
 import ViewWrapper from "@/components/_ShareComponent/ViewWrapper";
 import AlertCustom from "@/components/Alert/AlertCustom";
 import LeftButtonCustom from "@/components/Button/BackButton";
 import DrawerCustom from "@/components/Drawer/DrawerCustom";
 import { MainColor } from "@/constants/color-palet";
 import { DRAWER_HEIGHT } from "@/constants/constans-value";
+import { drawerItems } from "@/screens/Profile/ListPage";
 import Profile_MenuDrawerSection from "@/screens/Profile/MenuDrawerSection";
 import ProfilSection from "@/screens/Profile/ProfilSection";
 import { GStyles } from "@/styles/global-styles";
@@ -18,40 +18,6 @@ export default function Profile() {
   const [isDrawerOpen, setIsDrawerOpen] = useState(false);
   const [showLogoutAlert, setShowLogoutAlert] = useState(false);
 
-  const drawerItems: IMenuDrawerItem[] = [
-    {
-      icon: "create",
-      label: "Edit profile",
-      path: `/(application)/profile/${id}/edit`,
-    },
-    {
-      icon: "camera",
-      label: "Ubah foto profile",
-      path: `/(application)/profile/${id}/update-photo`,
-    },
-    {
-      icon: "image",
-      label: "Ubah latar belakang",
-      path: `/(application)/profile/${id}/update-background`,
-    },
-    {
-      icon: "add-circle",
-      label: "Tambah portofolio",
-      path: `/(application)/portofolio/${id}/create`,
-    },
-    // {
-    //   icon: "settings",
-    //   label: "Dashboard Admin",
-    //   path: `/(application)/profile/dashboard-admin`,
-    // },
-    { icon: "log-out", label: "Keluar", color: "red", path: "" },
-    {
-      icon: "create-outline",
-      label: "Create profile",
-      path: `/(application)/profile/${id}/create`,
-    },
-  ];
-
   // Animasi menggunakan translateY (lebih kompatibel)
   const drawerAnim = useRef(new Animated.Value(DRAWER_HEIGHT)).current; // mulai di luar bawah layar
 
@@ -104,7 +70,6 @@ export default function Profile() {
           }}
         />
         <ProfilSection />
-       
       </ViewWrapper>
 
       {/* Drawer Komponen Eksternal */}
@@ -115,7 +80,7 @@ export default function Profile() {
         closeDrawer={closeDrawer}
       >
         <Profile_MenuDrawerSection
-          drawerItems={drawerItems}
+          drawerItems={drawerItems({ id: id as string })}
           setShowLogoutAlert={setShowLogoutAlert}
           setIsDrawerOpen={setIsDrawerOpen}
         />
diff --git a/app/(application)/take-picture/[id]/index.tsx b/app/(application)/take-picture/[id]/index.tsx
index 860343b..fd56052 100644
--- a/app/(application)/take-picture/[id]/index.tsx
+++ b/app/(application)/take-picture/[id]/index.tsx
@@ -67,7 +67,7 @@ export default function TakePicture() {
         />
         <Spacing />
 
-        <StackCustom>
+        <StackCustom >
           <ButtonCustom onPress={() => setUri(null)} title="Foto ulang" />
           <ButtonCustom
             onPress={() => {
diff --git a/components/Drawer/DrawerCustom.tsx b/components/Drawer/DrawerCustom.tsx
index 6976f4f..da387f0 100644
--- a/components/Drawer/DrawerCustom.tsx
+++ b/components/Drawer/DrawerCustom.tsx
@@ -1,10 +1,10 @@
 import React, { useRef } from "react";
 import {
-    Animated,
-    InteractionManager,
-    PanResponder,
-    StyleSheet,
-    View,
+  Animated,
+  PanResponder,
+  StyleSheet,
+  View,
+  InteractionManager,
 } from "react-native";
 
 import { AccentColor, MainColor } from "@/constants/color-palet";
@@ -86,7 +86,7 @@ DrawerCustomProps) {
         {...panResponder.panHandlers}
       >
         <View
-          style={[styles.headerBar, { backgroundColor: MainColor.white_gray }]}
+          style={[styles.headerBar, { backgroundColor: MainColor.white }]}
         />
 
         {children}
@@ -152,7 +152,7 @@ const styles = StyleSheet.create({
   headerBar: {
     width: 40,
     height: 5,
-    backgroundColor: MainColor.white_gray,
+    backgroundColor: MainColor.white,
     borderRadius: 5,
     alignSelf: "center",
     marginVertical: 10,
diff --git a/components/Stack/StackCustom.tsx b/components/Stack/StackCustom.tsx
index 6b0ab21..8572cc2 100644
--- a/components/Stack/StackCustom.tsx
+++ b/components/Stack/StackCustom.tsx
@@ -19,7 +19,7 @@ const StackCustom: React.FC<StackProps> = ({
   children,
   align = "stretch",
   justify = "flex-start",
-  gap = "xs",
+  gap = "md",
   direction = "column",
   style,
 }) => {
diff --git a/components/TextInput/TextInputCustom.tsx b/components/TextInput/TextInputCustom.tsx
index b598fab..fe7a7fb 100644
--- a/components/TextInput/TextInputCustom.tsx
+++ b/components/TextInput/TextInputCustom.tsx
@@ -89,19 +89,14 @@ const TextInputCustom = ({
           disabled && GStyles.disabledBox,
         ]}
       >
-        {iconLeft && (
+        {/* {iconLeft && (
           <View style={GStyles.inputIcon}>{renderIcon(iconLeft)}</View>
-        )}
+        )} */}
         <RNTextInput
           style={[
             GStyles.inputText,
             { color: fontColor },
-            disabled
-              ? GStyles.inputTextDisabled // <-- custom style untuk text saat disabled
-              : GStyles.inputText,
-            disabled
-              ? GStyles.inputPlaceholderDisabled // <-- placeholder saat disabled
-              : GStyles.inputPlaceholder,
+            disabled && GStyles.inputPlaceholderDisabled, // <-- placeholder saat disabled
           ]}
           editable={!disabled}
           secureTextEntry={secureTextEntry && !isPasswordVisible}
diff --git a/screens/Authentication/LoginView.tsx b/screens/Authentication/LoginView.tsx
index 83fd284..aa41ea0 100644
--- a/screens/Authentication/LoginView.tsx
+++ b/screens/Authentication/LoginView.tsx
@@ -31,8 +31,8 @@ export default function LoginView() {
     console.log("login user id :", id);
 
     // router.navigate("/verification");
-    router.navigate(`/(application)/(user)/profile/${id}`);
-    // router.navigate("/(application)/home");
+    // router.navigate(`/(application)/(user)/profile/${id}`);
+    router.navigate("/(application)/(user)/home");
     // router.navigate(`/(application)/profile/${id}/edit`);
   }
 
diff --git a/screens/Profile/ListPage.tsx b/screens/Profile/ListPage.tsx
new file mode 100644
index 0000000..df30d75
--- /dev/null
+++ b/screens/Profile/ListPage.tsx
@@ -0,0 +1,35 @@
+import { IMenuDrawerItem } from "@/components/_Interface/types";
+
+export const drawerItems = ({ id }: { id: string }): IMenuDrawerItem[] => [
+  {
+    icon: "create",
+    label: "Edit profile",
+    path: `/(application)/profile/${id}/edit`,
+  },
+  {
+    icon: "camera",
+    label: "Ubah foto profile",
+    path: `/(application)/profile/${id}/update-photo`,
+  },
+  {
+    icon: "image",
+    label: "Ubah latar belakang",
+    path: `/(application)/profile/${id}/update-background`,
+  },
+  {
+    icon: "add-circle",
+    label: "Tambah portofolio",
+    path: `/(application)/portofolio/${id}/create`,
+  },
+  // {
+  //   icon: "settings",
+  //   label: "Dashboard Admin",
+  //   path: `/(application)/profile/dashboard-admin`,
+  // },
+  { icon: "log-out", label: "Keluar", color: "red", path: "" },
+  {
+    icon: "create-outline",
+    label: "Create profile",
+    path: `/(application)/profile/${id}/create`,
+  },
+];
\ No newline at end of file
diff --git a/styles/global-styles.ts b/styles/global-styles.ts
index 4fb5663..13a0648 100644
--- a/styles/global-styles.ts
+++ b/styles/global-styles.ts
@@ -79,6 +79,7 @@ export const GStyles = StyleSheet.create({
   headerTitleStyle: {
     color: MainColor.yellow,
     fontWeight: "bold",
+    fontSize: TEXT_SIZE_LARGE,
   },
   // =============== STACK HEADER =============== //
 

From 71ea0ca5f246c63d61c2ccbecd8361aaace3f5fb Mon Sep 17 00:00:00 2001
From: Bagasbanuna02 <bagasbanuna02@gmail.com>
Date: Thu, 10 Jul 2025 10:27:30 +0800
Subject: [PATCH 40/64] feature & fix deskripsi: - perubahan komponen drawer -
 penambahan list page drawer portofolio - new file portofolio: edit, edit
 logo, edit sosmed - new file maps: edit, custom-pin #No Issue

---
 app/(application)/(user)/_layout.tsx          | 32 +++++++++++-----
 .../(user)/maps/[id]/custom-pin.tsx           | 11 ++++++
 app/(application)/(user)/maps/[id]/edit.tsx   | 11 ++++++
 .../(user)/portofolio/[id]/edit-logo.tsx      | 11 ++++++
 .../portofolio/[id]/edit-social-media.tsx     | 11 ++++++
 .../(user)/portofolio/[id]/edit.tsx           | 11 ++++++
 .../(user)/portofolio/[id]/index.tsx          | 37 ++++---------------
 .../(user)/portofolio/_layout.tsx             |  6 +++
 .../(user)/profile/[id]/index.tsx             | 28 +++-----------
 components/Drawer/DrawerCustom.tsx            | 30 ++++++++++++---
 screens/Portofolio/ListPage.tsx               | 33 +++++++++++++++++
 screens/Portofolio/MenuDrawer.tsx             | 28 ++++++++++++++
 screens/Profile/ListPage.tsx                  |  2 +-
 13 files changed, 183 insertions(+), 68 deletions(-)
 create mode 100644 app/(application)/(user)/maps/[id]/custom-pin.tsx
 create mode 100644 app/(application)/(user)/maps/[id]/edit.tsx
 create mode 100644 app/(application)/(user)/portofolio/[id]/edit-logo.tsx
 create mode 100644 app/(application)/(user)/portofolio/[id]/edit-social-media.tsx
 create mode 100644 app/(application)/(user)/portofolio/[id]/edit.tsx
 create mode 100644 screens/Portofolio/ListPage.tsx
 create mode 100644 screens/Portofolio/MenuDrawer.tsx

diff --git a/app/(application)/(user)/_layout.tsx b/app/(application)/(user)/_layout.tsx
index 0f3dc39..85dcd39 100644
--- a/app/(application)/(user)/_layout.tsx
+++ b/app/(application)/(user)/_layout.tsx
@@ -32,7 +32,7 @@ export default function UserLayout() {
           }}
         />
 
-        {/* Profile */}
+        {/* ========== Profile Section ========= */}
         <Stack.Screen
           name="profile"
           options={{
@@ -40,15 +40,15 @@ export default function UserLayout() {
           }}
         />
 
-        {/* Portofolio */}
+        {/* ========== Portofolio Section ========= */}
         <Stack.Screen
           name="portofolio"
           options={{
             headerShown: false,
           }}
         />
-        
-        {/* User Search */}
+
+        {/* ========== User Search Section ========= */}
         <Stack.Screen
           name="user-search/index"
           options={{
@@ -57,7 +57,7 @@ export default function UserLayout() {
           }}
         />
 
-        {/* Notification */}
+        {/* ========== Notification Section ========= */}
         <Stack.Screen
           name="notifications/index"
           options={{
@@ -66,7 +66,7 @@ export default function UserLayout() {
           }}
         />
 
-        {/* Event */}
+        {/* ========== Event Section ========= */}
         <Stack.Screen
           name="event/(tabs)"
           options={{
@@ -85,7 +85,7 @@ export default function UserLayout() {
           }}
         />
 
-        {/* Forum */}
+        {/* ========== Forum Section ========= */}
         <Stack.Screen
           name="forum/index"
           options={{
@@ -94,7 +94,7 @@ export default function UserLayout() {
           }}
         />
 
-        {/* Maps */}
+        {/* ========== Maps Section ========= */}
         <Stack.Screen
           name="maps/index"
           options={{
@@ -109,8 +109,22 @@ export default function UserLayout() {
             headerLeft: () => <BackButton />,
           }}
         />
+        <Stack.Screen
+          name="maps/[id]/edit"
+          options={{
+            title: "Edit Maps",
+            headerLeft: () => <BackButton />,
+          }}
+        />
+        <Stack.Screen
+          name="maps/[id]/custom-pin"
+          options={{
+            title: "Custom Pin Maps",
+            headerLeft: () => <BackButton />,
+          }}
+        />
 
-        {/* Marketplace */}
+        {/* ========== Marketplace Section ========= */}
         <Stack.Screen
           name="marketplace/index"
           options={{
diff --git a/app/(application)/(user)/maps/[id]/custom-pin.tsx b/app/(application)/(user)/maps/[id]/custom-pin.tsx
new file mode 100644
index 0000000..03e4a98
--- /dev/null
+++ b/app/(application)/(user)/maps/[id]/custom-pin.tsx
@@ -0,0 +1,11 @@
+import { TextCustom, ViewWrapper } from "@/components";
+
+export default function MapsCustomPin() {
+  return (
+    <>
+      <ViewWrapper>
+        <TextCustom>Maps Custom Pin</TextCustom>
+      </ViewWrapper>
+    </>
+  );
+}
diff --git a/app/(application)/(user)/maps/[id]/edit.tsx b/app/(application)/(user)/maps/[id]/edit.tsx
new file mode 100644
index 0000000..1c2f69d
--- /dev/null
+++ b/app/(application)/(user)/maps/[id]/edit.tsx
@@ -0,0 +1,11 @@
+import { TextCustom, ViewWrapper } from "@/components";
+
+export default function MapsEdit() {
+  return (
+    <>
+      <ViewWrapper>
+        <TextCustom>Maps Edit</TextCustom>
+      </ViewWrapper>
+    </>
+  );
+}
diff --git a/app/(application)/(user)/portofolio/[id]/edit-logo.tsx b/app/(application)/(user)/portofolio/[id]/edit-logo.tsx
new file mode 100644
index 0000000..7153217
--- /dev/null
+++ b/app/(application)/(user)/portofolio/[id]/edit-logo.tsx
@@ -0,0 +1,11 @@
+import { TextCustom, ViewWrapper } from "@/components";
+
+export default function PortofolioEditLogo() {
+  return (
+    <>
+      <ViewWrapper>
+        <TextCustom>Portofolio Edit Logo</TextCustom>
+      </ViewWrapper>
+    </>
+  );
+}
diff --git a/app/(application)/(user)/portofolio/[id]/edit-social-media.tsx b/app/(application)/(user)/portofolio/[id]/edit-social-media.tsx
new file mode 100644
index 0000000..46bafcf
--- /dev/null
+++ b/app/(application)/(user)/portofolio/[id]/edit-social-media.tsx
@@ -0,0 +1,11 @@
+import { TextCustom, ViewWrapper } from "@/components";
+
+export default function PortofolioEditSocialMedia() {
+  return (
+    <>
+      <ViewWrapper>
+        <TextCustom>Portofolio Edit Social Media</TextCustom>
+      </ViewWrapper>
+    </>
+  );
+}
diff --git a/app/(application)/(user)/portofolio/[id]/edit.tsx b/app/(application)/(user)/portofolio/[id]/edit.tsx
new file mode 100644
index 0000000..99b5fb4
--- /dev/null
+++ b/app/(application)/(user)/portofolio/[id]/edit.tsx
@@ -0,0 +1,11 @@
+import { TextCustom, ViewWrapper } from "@/components";
+
+export default function PortofolioEdit() {
+  return (
+    <>
+      <ViewWrapper>
+        <TextCustom>Portofolio Edit</TextCustom>
+      </ViewWrapper>
+    </>
+  );
+}
diff --git a/app/(application)/(user)/portofolio/[id]/index.tsx b/app/(application)/(user)/portofolio/[id]/index.tsx
index 731d8cb..ced90a9 100644
--- a/app/(application)/(user)/portofolio/[id]/index.tsx
+++ b/app/(application)/(user)/portofolio/[id]/index.tsx
@@ -1,47 +1,26 @@
-import { DrawerCustom, TextCustom } from "@/components";
+import { DrawerCustom } from "@/components";
 import LeftButtonCustom from "@/components/Button/BackButton";
-import { IMenuDrawerItem } from "@/components/_Interface/types";
 import ViewWrapper from "@/components/_ShareComponent/ViewWrapper";
 import { MainColor } from "@/constants/color-palet";
-import { DRAWER_HEIGHT } from "@/constants/constans-value";
-import { drawerItems } from "@/screens/Profile/ListPage";
-import Profile_MenuDrawerSection from "@/screens/Profile/MenuDrawerSection";
+import { drawerItemsPortofolio } from "@/screens/Portofolio/ListPage";
+import Portofolio_MenuDrawerSection from "@/screens/Portofolio/MenuDrawer";
 import { GStyles } from "@/styles/global-styles";
 import { Ionicons } from "@expo/vector-icons";
 import { Stack, useLocalSearchParams } from "expo-router";
-import { useRef, useState } from "react";
+import { useState } from "react";
 import {
-  Animated,
-  InteractionManager,
   Text,
-  TouchableOpacity,
+  TouchableOpacity
 } from "react-native";
 
 export default function Portofolio() {
   const { id } = useLocalSearchParams();
   const [isDrawerOpen, setIsDrawerOpen] = useState(false);
-  const [showLogoutAlert, setShowLogoutAlert] = useState(false);
-
-  const drawerAnim = useRef(new Animated.Value(DRAWER_HEIGHT)).current;
 
   const openDrawer = () => {
     setIsDrawerOpen(true);
-    Animated.timing(drawerAnim, {
-      toValue: 0,
-      duration: 300,
-      useNativeDriver: true,
-    }).start();
   };
   const closeDrawer = () => {
-    Animated.timing(drawerAnim, {
-      toValue: DRAWER_HEIGHT, // sesuaikan dengan tinggi drawer Anda
-      duration: 300,
-      useNativeDriver: true,
-    }).start(() => {
-      InteractionManager.runAfterInteractions(() => {
-        setIsDrawerOpen(false); // baru ganti state setelah animasi selesai
-      });
-    });
     setIsDrawerOpen(false);
   };
   return (
@@ -72,12 +51,10 @@ export default function Portofolio() {
       <DrawerCustom
         isVisible={isDrawerOpen}
         closeDrawer={closeDrawer}
-        drawerAnim={drawerAnim}
         height={350}
       >
-        <Profile_MenuDrawerSection
-          drawerItems={drawerItems({ id: id as string })}
-          setShowLogoutAlert={setShowLogoutAlert}
+        <Portofolio_MenuDrawerSection
+          drawerItems={drawerItemsPortofolio({ id: id as string })}
           setIsDrawerOpen={setIsDrawerOpen}
         />
       </DrawerCustom>
diff --git a/app/(application)/(user)/portofolio/_layout.tsx b/app/(application)/(user)/portofolio/_layout.tsx
index 2d81b1b..9e4797e 100644
--- a/app/(application)/(user)/portofolio/_layout.tsx
+++ b/app/(application)/(user)/portofolio/_layout.tsx
@@ -20,6 +20,12 @@ export default function PortofolioLayout() {
           name="[id]/list"
           options={{ title: "Daftar Portofolio" }}
         />
+        <Stack.Screen name="[id]/edit" options={{ title: "Edit Portofolio" }} />
+        <Stack.Screen name="[id]/edit-logo" options={{ title: "Edit Logo " }} />
+        <Stack.Screen
+          name="[id]/edit-social-media"
+          options={{ title: "Edit Social Media" }}
+        />
       </Stack>
     </>
   );
diff --git a/app/(application)/(user)/profile/[id]/index.tsx b/app/(application)/(user)/profile/[id]/index.tsx
index 7e03309..b8aad97 100644
--- a/app/(application)/(user)/profile/[id]/index.tsx
+++ b/app/(application)/(user)/profile/[id]/index.tsx
@@ -3,43 +3,26 @@ import AlertCustom from "@/components/Alert/AlertCustom";
 import LeftButtonCustom from "@/components/Button/BackButton";
 import DrawerCustom from "@/components/Drawer/DrawerCustom";
 import { MainColor } from "@/constants/color-palet";
-import { DRAWER_HEIGHT } from "@/constants/constans-value";
-import { drawerItems } from "@/screens/Profile/ListPage";
+import { drawerItemsProfile } from "@/screens/Profile/ListPage";
 import Profile_MenuDrawerSection from "@/screens/Profile/MenuDrawerSection";
 import ProfilSection from "@/screens/Profile/ProfilSection";
 import { GStyles } from "@/styles/global-styles";
 import { Ionicons } from "@expo/vector-icons";
 import { router, Stack, useLocalSearchParams } from "expo-router";
-import React, { useRef, useState } from "react";
-import { Animated, InteractionManager, TouchableOpacity } from "react-native";
+import React, { useState } from "react";
+import { TouchableOpacity } from "react-native";
 
 export default function Profile() {
   const { id } = useLocalSearchParams();
   const [isDrawerOpen, setIsDrawerOpen] = useState(false);
   const [showLogoutAlert, setShowLogoutAlert] = useState(false);
 
-  // Animasi menggunakan translateY (lebih kompatibel)
-  const drawerAnim = useRef(new Animated.Value(DRAWER_HEIGHT)).current; // mulai di luar bawah layar
-
   const openDrawer = () => {
     setIsDrawerOpen(true);
-    Animated.timing(drawerAnim, {
-      toValue: 0,
-      duration: 300,
-      useNativeDriver: true,
-    }).start();
   };
 
   const closeDrawer = () => {
-    Animated.timing(drawerAnim, {
-      toValue: DRAWER_HEIGHT, // sesuaikan dengan tinggi drawer Anda
-      duration: 300,
-      useNativeDriver: true,
-    }).start(() => {
-      InteractionManager.runAfterInteractions(() => {
-        setIsDrawerOpen(false); // baru ganti state setelah animasi selesai
-      });
-    });
+    setIsDrawerOpen(false);
   };
 
   const handleLogout = () => {
@@ -76,11 +59,10 @@ export default function Profile() {
       <DrawerCustom
         height={350}
         isVisible={isDrawerOpen}
-        drawerAnim={drawerAnim}
         closeDrawer={closeDrawer}
       >
         <Profile_MenuDrawerSection
-          drawerItems={drawerItems({ id: id as string })}
+          drawerItems={drawerItemsProfile({ id: id as string })}
           setShowLogoutAlert={setShowLogoutAlert}
           setIsDrawerOpen={setIsDrawerOpen}
         />
diff --git a/components/Drawer/DrawerCustom.tsx b/components/Drawer/DrawerCustom.tsx
index da387f0..c871f84 100644
--- a/components/Drawer/DrawerCustom.tsx
+++ b/components/Drawer/DrawerCustom.tsx
@@ -1,4 +1,4 @@
-import React, { useRef } from "react";
+import React, { useEffect, useRef } from "react";
 import {
   Animated,
   PanResponder,
@@ -14,7 +14,7 @@ interface DrawerCustomProps {
   children?: React.ReactNode;
   height?: number;
   isVisible: boolean;
-  drawerAnim: Animated.Value;
+  drawerAnim?: Animated.Value;
   closeDrawer: () => void;
   //   openLogoutAlert: () => void;
 }
@@ -33,6 +33,26 @@ export default function DrawerCustom({
   closeDrawer,
 }: //   openLogoutAlert,
 DrawerCustomProps) {
+  const drawerAnima = useRef(
+    new Animated.Value(height || DRAWER_HEIGHT)
+  ).current;
+  // Efek untuk handle open/close drawer
+  useEffect(() => {
+    if (isVisible) {
+      Animated.timing(drawerAnima, {
+        toValue: 0,
+        duration: 300,
+        useNativeDriver: true,
+      }).start();
+    } else {
+      Animated.timing(drawerAnima, {
+        toValue: height || DRAWER_HEIGHT,
+        duration: 300,
+        useNativeDriver: true,
+      }).start();
+    }
+  }, [isVisible, drawerAnim, height, closeDrawer, drawerAnima]);
+
   const panResponder = useRef(
     PanResponder.create({
       onMoveShouldSetPanResponder: (_, gestureState) => {
@@ -41,7 +61,7 @@ DrawerCustomProps) {
       onPanResponderMove: (_, gestureState) => {
         const offset = gestureState.dy;
         if (offset >= 0 && offset <= DRAWER_HEIGHT) {
-          drawerAnim.setValue(offset);
+          drawerAnima.setValue(offset);
         }
       },
       onPanResponderRelease: (_, gestureState) => {
@@ -50,7 +70,7 @@ DrawerCustomProps) {
             closeDrawer();
           });
         } else {
-          Animated.spring(drawerAnim, {
+          Animated.spring(drawerAnima, {
             toValue: 0,
             useNativeDriver: true,
           }).start();
@@ -80,7 +100,7 @@ DrawerCustomProps) {
           styles.drawer,
           {
             height: height || DRAWER_HEIGHT,
-            transform: [{ translateY: drawerAnim }],
+            transform: [{ translateY: drawerAnima }],
           },
         ]}
         {...panResponder.panHandlers}
diff --git a/screens/Portofolio/ListPage.tsx b/screens/Portofolio/ListPage.tsx
new file mode 100644
index 0000000..2e3693d
--- /dev/null
+++ b/screens/Portofolio/ListPage.tsx
@@ -0,0 +1,33 @@
+import { IMenuDrawerItem } from "@/components/_Interface/types";
+
+export const drawerItemsPortofolio = ({
+  id,
+}: {
+  id: string;
+}): IMenuDrawerItem[] => [
+  {
+    icon: "create",
+    label: "Edit portofolio",
+    path: `/(application)/portofolio/${id}/edit`,
+  },
+  {
+    icon: "camera",
+    label: "Edit logo ",
+    path: `/(application)/portofolio/${id}/edit-logo`,
+  },
+  {
+    icon: "image",
+    label: "Edit social media ",
+    path: `/(application)/portofolio/${id}/edit-social-media`,
+  },
+  {
+    icon: "add-circle",
+    label: "Edit Map",
+    path: `/(application)/maps/${id}/edit`,
+  },
+  {
+    icon: "create-outline",
+    label: "Custom Pin Map",
+    path: `/(application)/maps/${id}/custom-pin`,
+  },
+];
diff --git a/screens/Portofolio/MenuDrawer.tsx b/screens/Portofolio/MenuDrawer.tsx
new file mode 100644
index 0000000..9037388
--- /dev/null
+++ b/screens/Portofolio/MenuDrawer.tsx
@@ -0,0 +1,28 @@
+import { IMenuDrawerItem } from "@/components/_Interface/types";
+import MenuDrawerDynamicGrid from "@/components/Drawer/MenuDrawerDynamicGird";
+import { router } from "expo-router";
+
+export default function Portofolio_MenuDrawerSection({
+  drawerItems,
+  setIsDrawerOpen,
+}: {
+  drawerItems: IMenuDrawerItem[];
+  setIsDrawerOpen: (value: boolean) => void;
+}) {
+  const handlePress = (item: IMenuDrawerItem) => {
+    console.log("PATH >> ", item.path);
+    router.push(item.path as any);
+    setIsDrawerOpen(false);
+  };
+
+  return (
+    <>
+      {/* Menu Items */}
+      <MenuDrawerDynamicGrid
+        data={drawerItems}
+        columns={4} // Ubah ke 2 jika ingin 2 kolom per baris
+        onPressItem={handlePress}
+      />
+    </>
+  );
+}
diff --git a/screens/Profile/ListPage.tsx b/screens/Profile/ListPage.tsx
index df30d75..ad62eac 100644
--- a/screens/Profile/ListPage.tsx
+++ b/screens/Profile/ListPage.tsx
@@ -1,6 +1,6 @@
 import { IMenuDrawerItem } from "@/components/_Interface/types";
 
-export const drawerItems = ({ id }: { id: string }): IMenuDrawerItem[] => [
+export const drawerItemsProfile = ({ id }: { id: string }): IMenuDrawerItem[] => [
   {
     icon: "create",
     label: "Edit profile",

From 862af44c039c8566d46dfa69fb21ef0a28d1bad1 Mon Sep 17 00:00:00 2001
From: Bagasbanuna02 <bagasbanuna02@gmail.com>
Date: Thu, 10 Jul 2025 11:58:23 +0800
Subject: [PATCH 41/64] feature deskripsi: - portofolio: detail bisnis, maps,
 media social - new component divide # No Issue

---
 .../(user)/portofolio/[id]/index.tsx          |   8 +-
 components/Divider/DividerCustom.tsx          | 186 ++++++++++++++++++
 components/Text/TextCustom.tsx                |  37 ++--
 .../Portofolio/BusinessLocationSection.tsx    |  11 ++
 screens/Portofolio/ButtonDelete.tsx           |  14 ++
 screens/Portofolio/DataPortofolio.tsx         | 154 +++++++++++++++
 screens/Portofolio/PorfofolioSection.tsx      |  17 ++
 screens/Portofolio/SocialMediaSection.tsx     |  79 ++++++++
 8 files changed, 485 insertions(+), 21 deletions(-)
 create mode 100644 components/Divider/DividerCustom.tsx
 create mode 100644 screens/Portofolio/BusinessLocationSection.tsx
 create mode 100644 screens/Portofolio/ButtonDelete.tsx
 create mode 100644 screens/Portofolio/DataPortofolio.tsx
 create mode 100644 screens/Portofolio/PorfofolioSection.tsx
 create mode 100644 screens/Portofolio/SocialMediaSection.tsx

diff --git a/app/(application)/(user)/portofolio/[id]/index.tsx b/app/(application)/(user)/portofolio/[id]/index.tsx
index ced90a9..b9baa62 100644
--- a/app/(application)/(user)/portofolio/[id]/index.tsx
+++ b/app/(application)/(user)/portofolio/[id]/index.tsx
@@ -4,14 +4,12 @@ import ViewWrapper from "@/components/_ShareComponent/ViewWrapper";
 import { MainColor } from "@/constants/color-palet";
 import { drawerItemsPortofolio } from "@/screens/Portofolio/ListPage";
 import Portofolio_MenuDrawerSection from "@/screens/Portofolio/MenuDrawer";
+import PorfofolioSection from "@/screens/Portofolio/PorfofolioSection";
 import { GStyles } from "@/styles/global-styles";
 import { Ionicons } from "@expo/vector-icons";
 import { Stack, useLocalSearchParams } from "expo-router";
 import { useState } from "react";
-import {
-  Text,
-  TouchableOpacity
-} from "react-native";
+import { TouchableOpacity } from "react-native";
 
 export default function Portofolio() {
   const { id } = useLocalSearchParams();
@@ -44,7 +42,7 @@ export default function Portofolio() {
             headerTitleStyle: GStyles.headerTitleStyle,
           }}
         />
-        <Text style={GStyles.textLabel}>Portofolio {id}</Text>
+        <PorfofolioSection />
       </ViewWrapper>
 
       {/* Drawer Komponen Eksternal */}
diff --git a/components/Divider/DividerCustom.tsx b/components/Divider/DividerCustom.tsx
new file mode 100644
index 0000000..c3dc05a
--- /dev/null
+++ b/components/Divider/DividerCustom.tsx
@@ -0,0 +1,186 @@
+import React from "react";
+import {
+  View,
+  Text,
+  StyleSheet,
+  StyleProp,
+  ViewStyle,
+  TextStyle,
+} from "react-native";
+
+// Define types for props
+type Orientation = "horizontal" | "vertical";
+type HorizontalLabelPosition = "center" | "left" | "right";
+type VerticalLabelPosition = "center" | "top" | "bottom";
+type LabelPosition = HorizontalLabelPosition | VerticalLabelPosition;
+
+type Size = number | "xs" | "sm" | "md" | "lg" | "xl";
+
+interface DividerProps {
+  orientation?: Orientation;
+  color?: string;
+  size?: Size;
+  label?: React.ReactNode;
+  labelPosition?: LabelPosition;
+  labelStyle?: StyleProp<TextStyle>;
+  style?: StyleProp<ViewStyle>;
+}
+
+const Divider: React.FC<DividerProps> = ({
+  orientation = "horizontal",
+  color = "#DADADA",
+  size = "xs",
+  label,
+  labelPosition = "center",
+  labelStyle,
+  style,
+}) => {
+  const isHorizontal = orientation === "horizontal";
+
+  // Convert size to actual dimensions
+  const getSize = (): number => {
+    if (typeof size === "number") return size;
+
+    switch (size) {
+      case "xs":
+        return 1;
+      case "sm":
+        return 2;
+      case "md":
+        return 3;
+      case "lg":
+        return 4;
+      case "xl":
+        return 5;
+      default:
+        return 1; // Default size
+    }
+  };
+
+  const thickness = getSize();
+
+  const capitalize = (str: string): string =>
+    str.charAt(0).toUpperCase() + str.slice(1);
+
+  const renderLabel = () => {
+    if (!label) return null;
+
+    return (
+      <View
+        style={[
+          styles.labelContainer,
+          isHorizontal
+            ? styles[
+                `label${capitalize(
+                  labelPosition as string
+                )}` as keyof typeof styles
+              ]
+            : styles[
+                `label${capitalize(
+                  labelPosition as string
+                )}` as keyof typeof styles
+              ],
+        ]}
+      >
+        <Text style={[styles.labelText, labelStyle]}>{label}</Text>
+      </View>
+    );
+  };
+
+  return (
+    <View
+      style={[
+        isHorizontal ? styles.horizontalDivider : styles.verticalDivider,
+        { backgroundColor: color },
+        style,
+      ]}
+    >
+      {isHorizontal ? (
+        labelPosition !== "center" ? (
+          <View style={{ flex: 1, flexDirection: "row", alignItems: "center" }}>
+            {labelPosition === "left" && renderLabel()}
+            <View
+              style={{ flex: 1, backgroundColor: color, height: thickness }}
+            />
+            {labelPosition === "right" && renderLabel()}
+          </View>
+        ) : (
+          <>
+            {renderLabel()}
+            <View style={{ flex: 1 }} />
+          </>
+        )
+      ) : labelPosition !== "center" && !isHorizontal ? (
+        <View
+          style={{ flex: 1, flexDirection: "column", justifyContent: "center" }}
+        >
+          {labelPosition === "top" && renderLabel()}
+          <View style={{ flex: 1, backgroundColor: color, width: thickness }} />
+          {labelPosition === "bottom" && renderLabel()}
+        </View>
+      ) : (
+        <>
+          {renderLabel()}
+          <View style={{ flex: 1 }} />
+        </>
+      )}
+    </View>
+  );
+};
+
+const styles = StyleSheet.create({
+  horizontalDivider: {
+    flexDirection: "row",
+    alignItems: "center",
+    marginVertical: 8,
+    position: "relative",
+  },
+  verticalDivider: {
+    flexDirection: "column",
+    justifyContent: "center",
+    marginHorizontal: 8,
+    position: "relative",
+  },
+  labelText: {
+    fontSize: 14,
+    fontWeight: "500",
+    color: "#666",
+    marginHorizontal: 12,
+    marginVertical: 4,
+    backgroundColor: "white",
+    paddingHorizontal: 8,
+  },
+  labelContainer: {
+    position: "absolute",
+    left: 0,
+    right: 0,
+    justifyContent: "center",
+    alignItems: "center",
+  },
+  labelLeft: {
+    left: 12,
+    right: null,
+    alignItems: "flex-start",
+  },
+  labelRight: {
+    right: 12,
+    left: null,
+    alignItems: "flex-end",
+  },
+  labelCenter: {
+    justifyContent: "center",
+    alignItems: "center",
+  },
+  labelTop: {
+    top: 12,
+    bottom: null,
+    justifyContent: "flex-start",
+  },
+  labelBottom: {
+    bottom: 12,
+    top: null,
+    justifyContent: "flex-end",
+  },
+});
+
+export default Divider;
diff --git a/components/Text/TextCustom.tsx b/components/Text/TextCustom.tsx
index 0f1f019..79a2703 100644
--- a/components/Text/TextCustom.tsx
+++ b/components/Text/TextCustom.tsx
@@ -5,7 +5,13 @@ import {
   TEXT_SIZE_SMALL,
 } from "@/constants/constans-value";
 import React from "react";
-import { Text as RNText, StyleProp, StyleSheet, TextStyle, TouchableOpacity } from "react-native";
+import {
+  Text as RNText,
+  StyleProp,
+  StyleSheet,
+  TextStyle,
+  TouchableOpacity,
+} from "react-native";
 
 // Tambahkan type TextAlignProps agar lebih type-safe
 type TextAlign = "left" | "center" | "right";
@@ -62,20 +68,8 @@ const TextCustom: React.FC<TextCustomProps> = ({
     return selectedStyles;
   };
 
-  return (
-    onPress ? (
-      <TouchableOpacity onPress={onPress}>
-        <RNText
-          numberOfLines={
-            typeof truncate === "number" ? truncate : truncate ? 1 : undefined
-          }
-          ellipsizeMode="tail"
-          style={getStyle()}
-        >
-          {children}
-        </RNText>
-      </TouchableOpacity>
-    ) : (
+  return onPress ? (
+    <TouchableOpacity onPress={onPress}>
       <RNText
         numberOfLines={
           typeof truncate === "number" ? truncate : truncate ? 1 : undefined
@@ -85,7 +79,17 @@ const TextCustom: React.FC<TextCustomProps> = ({
       >
         {children}
       </RNText>
-    )
+    </TouchableOpacity>
+  ) : (
+    <RNText
+      numberOfLines={
+        typeof truncate === "number" ? truncate : truncate ? 1 : undefined
+      }
+      ellipsizeMode="tail"
+      style={getStyle()}
+    >
+      {children}
+    </RNText>
   );
 };
 
@@ -96,6 +100,7 @@ export const styles = StyleSheet.create({
     fontSize: TEXT_SIZE_MEDIUM,
     color: MainColor.white,
     fontFamily: "Poppins-Regular",
+    lineHeight: 20,
   },
   bold: {
     fontFamily: "Poppins-Bold",
diff --git a/screens/Portofolio/BusinessLocationSection.tsx b/screens/Portofolio/BusinessLocationSection.tsx
new file mode 100644
index 0000000..86dea2e
--- /dev/null
+++ b/screens/Portofolio/BusinessLocationSection.tsx
@@ -0,0 +1,11 @@
+import { BaseBox, TextCustom } from "@/components";
+
+export default function Portofolio_BusinessLocation() {
+  return (
+    <>
+      <BaseBox>
+        <TextCustom bold>Lokasi Bisnis</TextCustom>
+      </BaseBox>
+    </>
+  );
+}
diff --git a/screens/Portofolio/ButtonDelete.tsx b/screens/Portofolio/ButtonDelete.tsx
new file mode 100644
index 0000000..fb2c6f7
--- /dev/null
+++ b/screens/Portofolio/ButtonDelete.tsx
@@ -0,0 +1,14 @@
+import { ButtonCustom } from "@/components";
+import { MainColor } from "@/constants/color-palet";
+import { Ionicons } from "@expo/vector-icons";
+
+export default function Portofolio_ButtonDelete() {
+  const handleDelete = () => {
+    console.log("Delete");
+  };
+  return (
+    <ButtonCustom textColor={MainColor.white} iconLeft={<Ionicons name="trash-outline" size={20} color="white" />} onPress={handleDelete} backgroundColor={MainColor.red}>
+      Hapus
+    </ButtonCustom>
+  );
+}
diff --git a/screens/Portofolio/DataPortofolio.tsx b/screens/Portofolio/DataPortofolio.tsx
new file mode 100644
index 0000000..63adf9c
--- /dev/null
+++ b/screens/Portofolio/DataPortofolio.tsx
@@ -0,0 +1,154 @@
+import {
+  AvatarCustom,
+  BaseBox,
+  Grid,
+  StackCustom,
+  TextCustom,
+} from "@/components";
+import DividerCustom from "@/components/Divider/DividerCustom";
+import { AccentColor } from "@/constants/color-palet";
+import { ICON_SIZE_SMALL } from "@/constants/constans-value";
+import { FontAwesome, Ionicons } from "@expo/vector-icons";
+import { useLocalSearchParams } from "expo-router";
+import { View } from "react-native";
+
+export default function Portofolio_Data() {
+  const { id } = useLocalSearchParams();
+
+  const listData = [
+    {
+      icon: (
+        <FontAwesome name="building-o" size={ICON_SIZE_SMALL} color="white" />
+      ),
+      label: "PT.Bali Interakrtif Perkasa",
+    },
+    {
+      icon: (
+        <Ionicons name="call-outline" size={ICON_SIZE_SMALL} color="white" />
+      ),
+      label: "+6282340374412",
+    },
+    {
+      icon: (
+        <Ionicons name="home-outline" size={ICON_SIZE_SMALL} color="white" />
+      ),
+      label: "Jl. Raya Kuta No. 123, Bandung, Indonesia",
+    },
+    {
+      icon: (
+        <Ionicons name="list-outline" size={ICON_SIZE_SMALL} color="white" />
+      ),
+      label: "Teknologia",
+    },
+  ];
+
+  const listSubBidang = [
+    {
+      icon: (
+        <Ionicons
+          name="chevron-forward-outline"
+          size={ICON_SIZE_SMALL}
+          color="white"
+        />
+      ),
+      label: "Security System",
+    },
+    {
+      icon: (
+        <Ionicons
+          name="chevron-forward-outline"
+          size={ICON_SIZE_SMALL}
+          color="white"
+        />
+      ),
+      label: "Web Developers",
+    },
+    {
+      icon: (
+        <Ionicons
+          name="chevron-forward-outline"
+          size={ICON_SIZE_SMALL}
+          color="white"
+        />
+      ),
+      label: "Mobile Developers",
+    },
+  ];
+
+  return (
+    <>
+      <BaseBox>
+        <StackCustom>
+          <Grid>
+            <Grid.Col span={6}>
+              <TextCustom bold>Data Bisnis</TextCustom>
+            </Grid.Col>
+            <Grid.Col span={6} style={{ alignItems: "flex-end" }}>
+              <TextCustom color="yellow">ID: {id}</TextCustom>
+            </Grid.Col>
+          </Grid>
+
+          <View style={{ alignItems: "center" }}>
+            <AvatarCustom size="xl" />
+          </View>
+          {/* <Spacing height={10}/> */}
+
+          <View>
+            {listData.map((item, index) => (
+              <Grid key={index}>
+                <Grid.Col span={2} style={{ alignItems: "center" }}>
+                  {item.icon}
+                </Grid.Col>
+                <Grid.Col span={10}>
+                  <TextCustom style={{ paddingLeft: 5 }}>
+                    {item.label}
+                  </TextCustom>
+                </Grid.Col>
+              </Grid>
+            ))}
+            <View style={{ paddingLeft: 10 }}>
+              {listSubBidang.map((item, index) => (
+                <Grid key={index}>
+                  <Grid.Col span={2} style={{ alignItems: "center" }}>
+                    {item.icon}
+                  </Grid.Col>
+                  <Grid.Col span={10}>
+                    <TextCustom style={{ paddingLeft: 5 }}>
+                      {item.label}
+                    </TextCustom>
+                  </Grid.Col>
+                </Grid>
+              ))}
+            </View>
+          </View>
+
+          <DividerCustom labelPosition="top" color={AccentColor.blue} />
+
+          <View>
+            <Grid>
+              <Grid.Col span={2} style={{ alignItems: "center" }}>
+                <Ionicons
+                  name="pin-outline"
+                  size={ICON_SIZE_SMALL}
+                  color="white"
+                />
+              </Grid.Col>
+              <Grid.Col span={10}>
+                <TextCustom bold style={{ paddingLeft: 5 }}>
+                  Tentang Kami
+                </TextCustom>
+              </Grid.Col>
+            </Grid>
+
+            <TextCustom style={{ paddingInline: 10 }}>
+              Lorem ipsum, dolor sit amet consectetur adipisicing elit.
+              Doloremque, alias perspiciatis quis enim eos facilis sit est?
+              Doloremque, rerum. Cumque error asperiores harum temporibus
+              cupiditate ullam, id quibusdam! Harum, rerum!
+            </TextCustom>
+          </View>
+        </StackCustom>
+      </BaseBox>
+    </>
+  );
+}
diff --git a/screens/Portofolio/PorfofolioSection.tsx b/screens/Portofolio/PorfofolioSection.tsx
new file mode 100644
index 0000000..a945e40
--- /dev/null
+++ b/screens/Portofolio/PorfofolioSection.tsx
@@ -0,0 +1,17 @@
+import { Spacing, StackCustom } from "@/components";
+import Portofolio_BusinessLocation from "./BusinessLocationSection";
+import Portofolio_Data from "./DataPortofolio";
+import Portofolio_SocialMediaSection from "./SocialMediaSection";
+import Portofolio_ButtonDelete from "./ButtonDelete";
+
+export default function PorfofolioSection() {
+  return (
+    <StackCustom>
+      <Portofolio_Data />
+      <Portofolio_BusinessLocation />
+      <Portofolio_SocialMediaSection />
+      <Portofolio_ButtonDelete/>
+      <Spacing/>
+    </StackCustom>
+  );
+}
diff --git a/screens/Portofolio/SocialMediaSection.tsx b/screens/Portofolio/SocialMediaSection.tsx
new file mode 100644
index 0000000..0680b26
--- /dev/null
+++ b/screens/Portofolio/SocialMediaSection.tsx
@@ -0,0 +1,79 @@
+import { BaseBox, Grid, StackCustom, TextCustom } from "@/components";
+import { MainColor } from "@/constants/color-palet";
+import { ICON_SIZE_SMALL } from "@/constants/constans-value";
+import { Ionicons } from "@expo/vector-icons";
+import { View } from "react-native";
+
+export default function Portofolio_SocialMediaSection() {
+  const listData = [
+    {
+      label: "Facebook ku bagas",
+      icon: (
+        <Ionicons
+          name="logo-facebook"
+          size={ICON_SIZE_SMALL}
+          color={MainColor.white}
+        />
+      ),
+    },
+    {
+      label: "Tiktok ku bagas",
+      icon: (
+        <Ionicons
+          name="logo-tiktok"
+          size={ICON_SIZE_SMALL}
+          color={MainColor.white}
+        />
+      ),
+    },
+    {
+      label: "Instagram ku bagas",
+      icon: (
+        <Ionicons
+          name="logo-instagram"
+          size={ICON_SIZE_SMALL}
+          color={MainColor.white}
+        />
+      ),
+    },
+    {
+      label: "Twitter ku bagas",
+      icon: (
+        <Ionicons
+          name="logo-twitter"
+          size={ICON_SIZE_SMALL}
+          color={MainColor.white}
+        />
+      ),
+    },
+    {
+      label: "Youtube ku bagas",
+      icon: (
+        <Ionicons
+          name="logo-youtube"
+          size={ICON_SIZE_SMALL}
+          color={MainColor.white}
+        />
+      ),
+    },
+  ];
+  return (
+    <>
+      <BaseBox>
+        <StackCustom>
+          <TextCustom bold>Media Sosial Bisnis</TextCustom>
+          {listData.map((item, index) => (
+            <Grid key={index}>
+              <Grid.Col span={2} style={{ alignItems: "center" }}>
+                {item.icon}
+              </Grid.Col>
+              <Grid.Col span={10} style={{ paddingLeft: 5 }}>
+                <TextCustom>{item.label}</TextCustom>
+              </Grid.Col>
+            </Grid>
+          ))}
+        </StackCustom>
+      </BaseBox>
+    </>
+  );
+}

From e68a18bb89ab2795737f14ff663ef0cfc8ed8943 Mon Sep 17 00:00:00 2001
From: Bagasbanuna02 <bagasbanuna02@gmail.com>
Date: Thu, 10 Jul 2025 14:03:01 +0800
Subject: [PATCH 42/64] feature deskripsi: - komponen Map # No Issue

---
 bun.lock                                      |  5 ++
 components/Divider/DividerCustom.tsx          | 12 ++--
 components/Map/MapCustom.tsx                  | 61 +++++++++++++++++++
 components/index.ts                           | 21 ++++---
 package.json                                  |  1 +
 .../Portofolio/BusinessLocationSection.tsx    |  7 ++-
 screens/Portofolio/SocialMediaSection.tsx     |  1 -
 7 files changed, 92 insertions(+), 16 deletions(-)
 create mode 100644 components/Map/MapCustom.tsx

diff --git a/bun.lock b/bun.lock
index a4d7ed9..ac6dbcb 100644
--- a/bun.lock
+++ b/bun.lock
@@ -31,6 +31,7 @@
         "react-native": "0.79.5",
         "react-native-gesture-handler": "~2.24.0",
         "react-native-international-phone-number": "^0.9.3",
+        "react-native-maps": "1.20.1",
         "react-native-otp-entry": "^1.8.5",
         "react-native-reanimated": "~3.17.4",
         "react-native-safe-area-context": "5.4.0",
@@ -423,6 +424,8 @@
 
     "@types/estree": ["@types/estree@1.0.8", "", {}, "sha512-dWHzHa2WqEXI/O1E9OjrocMTKJl2mSrEolh1Iomrv6U+JuNwaHXsXx9bLu5gG7BUWFIN0skIQJQ/L1rIex4X6w=="],
 
+    "@types/geojson": ["@types/geojson@7946.0.16", "", {}, "sha512-6C8nqWur3j98U6+lXDfTUWIfgvZU+EumvpHKcYjujKH7woYyLj2sUmff0tRhrqM7BohUw7Pz3ZB1jj2gW9Fvmg=="],
+
     "@types/graceful-fs": ["@types/graceful-fs@4.1.9", "", { "dependencies": { "@types/node": "*" } }, "sha512-olP3sd1qOEe5dXTSaFvQG+02VdRXcdytWLAZsAq1PecU8uqQAhkrnbli7DagjtXKW/Bl7YJbUsa8MPcuc8LHEQ=="],
 
     "@types/hammerjs": ["@types/hammerjs@2.0.46", "", {}, "sha512-ynRvcq6wvqexJ9brDMS4BnBLzmr0e14d6ZJTEShTBWKymQiHwlAyGu0ZPEFI2Fh1U53F7tN9ufClWM5KvqkKOw=="],
@@ -1373,6 +1376,8 @@
 
     "react-native-is-edge-to-edge": ["react-native-is-edge-to-edge@1.1.7", "", { "peerDependencies": { "react": "*", "react-native": "*" } }, "sha512-EH6i7E8epJGIcu7KpfXYXiV2JFIYITtq+rVS8uEb+92naMRBdxhTuS8Wn2Q7j9sqyO0B+Xbaaf9VdipIAmGW4w=="],
 
+    "react-native-maps": ["react-native-maps@1.20.1", "", { "dependencies": { "@types/geojson": "^7946.0.13" }, "peerDependencies": { "react": ">= 17.0.1", "react-native": ">= 0.64.3", "react-native-web": ">= 0.11" }, "optionalPeers": ["react-native-web"] }, "sha512-NZI3B5Z6kxAb8gzb2Wxzu/+P2SlFIg1waHGIpQmazDSCRkNoHNY4g96g+xS0QPSaG/9xRBbDNnd2f2/OW6t6LQ=="],
+
     "react-native-otp-entry": ["react-native-otp-entry@1.8.5", "", { "peerDependencies": { "react": "*", "react-native": "*" } }, "sha512-TZNkIuUzZKAAWrC8X/A22ZHJdycLysxUNysrGf0yTmDLRUyf4zLXwVFcDYUcRNe763Hjaf5qvtKGILb6lDGzoA=="],
 
     "react-native-reanimated": ["react-native-reanimated@3.17.5", "", { "dependencies": { "@babel/plugin-transform-arrow-functions": "^7.0.0-0", "@babel/plugin-transform-class-properties": "^7.0.0-0", "@babel/plugin-transform-classes": "^7.0.0-0", "@babel/plugin-transform-nullish-coalescing-operator": "^7.0.0-0", "@babel/plugin-transform-optional-chaining": "^7.0.0-0", "@babel/plugin-transform-shorthand-properties": "^7.0.0-0", "@babel/plugin-transform-template-literals": "^7.0.0-0", "@babel/plugin-transform-unicode-regex": "^7.0.0-0", "@babel/preset-typescript": "^7.16.7", "convert-source-map": "^2.0.0", "invariant": "^2.2.4", "react-native-is-edge-to-edge": "1.1.7" }, "peerDependencies": { "@babel/core": "^7.0.0-0", "react": "*", "react-native": "*" } }, "sha512-SxBK7wQfJ4UoWoJqQnmIC7ZjuNgVb9rcY5Xc67upXAFKftWg0rnkknTw6vgwnjRcvYThrjzUVti66XoZdDJGtw=="],
diff --git a/components/Divider/DividerCustom.tsx b/components/Divider/DividerCustom.tsx
index c3dc05a..fafdaa1 100644
--- a/components/Divider/DividerCustom.tsx
+++ b/components/Divider/DividerCustom.tsx
@@ -1,11 +1,11 @@
 import React from "react";
 import {
-  View,
-  Text,
-  StyleSheet,
   StyleProp,
-  ViewStyle,
+  StyleSheet,
+  Text,
   TextStyle,
+  View,
+  ViewStyle,
 } from "react-native";
 
 // Define types for props
@@ -26,7 +26,7 @@ interface DividerProps {
   style?: StyleProp<ViewStyle>;
 }
 
-const Divider: React.FC<DividerProps> = ({
+const DividerCustom: React.FC<DividerProps> = ({
   orientation = "horizontal",
   color = "#DADADA",
   size = "xs",
@@ -183,4 +183,4 @@ const styles = StyleSheet.create({
   },
 });
 
-export default Divider;
+export default DividerCustom;
diff --git a/components/Map/MapCustom.tsx b/components/Map/MapCustom.tsx
new file mode 100644
index 0000000..50d5027
--- /dev/null
+++ b/components/Map/MapCustom.tsx
@@ -0,0 +1,61 @@
+// components/MapComponent.js
+
+import React from "react";
+import { StyleSheet, View } from "react-native";
+import MapView, { Marker } from "react-native-maps";
+
+interface MapComponentProps {
+  latitude?: number;
+  longitude?: number;
+  latitudeDelta?: number;
+  longitudeDelta?: number;
+  height?: number;
+}
+
+const MapCustom = ({
+  latitude = -8.737109,
+  longitude = 115.1756897,
+  latitudeDelta = 0.1,
+  longitudeDelta = 0.1,
+  height = 300,
+}: MapComponentProps) => {
+  const initialRegion = {
+    latitude,
+    longitude, // Jakarta sebagai default lokasi
+    latitudeDelta,
+    longitudeDelta,
+  };
+
+  return (
+    <View style={styles.container}>
+      <MapView
+        style={[styles.map, { height }]}
+        initialRegion={initialRegion}
+        showsUserLocation={true}
+        loadingEnabled={true}
+      >
+        {/* Contoh marker */}
+        <Marker
+          coordinate={{
+            latitude,
+            longitude,
+          }}
+          title="Bali"
+          description="Badung, Bali, Indonesia"
+        />
+      </MapView>
+    </View>
+  );
+};
+
+const styles = StyleSheet.create({
+  container: {
+    flex: 1,
+    borderRadius: 8,
+  },
+  map: {
+    width: "100%",
+  },
+});
+
+export default MapCustom;
diff --git a/components/index.ts b/components/index.ts
index d5579d6..44a7f0c 100644
--- a/components/index.ts
+++ b/components/index.ts
@@ -22,7 +22,6 @@ import Grid from "./Grid/GridCustom";
 import BaseBox from "./Box/BaseBox";
 import BoxButtonOnFooter from "./Box/BoxButtonOnFooter";
 import InformationBox from "./Box/InformationBox";
-
 // Stack
 import StackCustom from "./Stack/StackCustom";
 // Select
@@ -30,25 +29,31 @@ import SelectCustom from "./Select/SelectCustom";
 // Image
 import AvatarCustom from "./Image/AvatarCustom";
 import LandscapeFrameUploaded from "./Image/LandscapeFrameUploaded";
+// Divider
+import DividerCustom from "./Divider/DividerCustom";
+// Map
+import MapCustom from "./Map/MapCustom";
 
 export {
   AlertCustom,
   // Image
   AvatarCustom,
-  LandscapeFrameUploaded,
-  // Button
-  ButtonCustom,
   LeftButtonCustom as BackButton,
-  ButtonCenteredOnly,
   // Box
   BaseBox,
   BoxButtonOnFooter,
-  InformationBox,
+  ButtonCenteredOnly,
+  // Button
+  ButtonCustom,
   // Drawer
   DrawerCustom,
+  MenuDrawerDynamicGrid,
   // Grid
   Grid,
-  MenuDrawerDynamicGrid,
+  InformationBox,
+  LandscapeFrameUploaded,
+  // Map
+  MapCustom,
   // Select
   SelectCustom,
   // ShareComponent
@@ -63,4 +68,6 @@ export {
   TextInputCustom,
   // ViewWrapper
   ViewWrapper,
+  // Divider
+  DividerCustom,
 };
diff --git a/package.json b/package.json
index 8ea5cb5..8fdffec 100644
--- a/package.json
+++ b/package.json
@@ -38,6 +38,7 @@
     "react-native": "0.79.5",
     "react-native-gesture-handler": "~2.24.0",
     "react-native-international-phone-number": "^0.9.3",
+    "react-native-maps": "1.20.1",
     "react-native-otp-entry": "^1.8.5",
     "react-native-reanimated": "~3.17.4",
     "react-native-safe-area-context": "5.4.0",
diff --git a/screens/Portofolio/BusinessLocationSection.tsx b/screens/Portofolio/BusinessLocationSection.tsx
index 86dea2e..579e409 100644
--- a/screens/Portofolio/BusinessLocationSection.tsx
+++ b/screens/Portofolio/BusinessLocationSection.tsx
@@ -1,10 +1,13 @@
-import { BaseBox, TextCustom } from "@/components";
+import { BaseBox, MapCustom, StackCustom, TextCustom } from "@/components";
 
 export default function Portofolio_BusinessLocation() {
   return (
     <>
       <BaseBox>
-        <TextCustom bold>Lokasi Bisnis</TextCustom>
+        <StackCustom>
+          <TextCustom bold>Lokasi Bisnis</TextCustom>
+          <MapCustom />
+        </StackCustom>
       </BaseBox>
     </>
   );
diff --git a/screens/Portofolio/SocialMediaSection.tsx b/screens/Portofolio/SocialMediaSection.tsx
index 0680b26..9f2a727 100644
--- a/screens/Portofolio/SocialMediaSection.tsx
+++ b/screens/Portofolio/SocialMediaSection.tsx
@@ -2,7 +2,6 @@ import { BaseBox, Grid, StackCustom, TextCustom } from "@/components";
 import { MainColor } from "@/constants/color-palet";
 import { ICON_SIZE_SMALL } from "@/constants/constans-value";
 import { Ionicons } from "@expo/vector-icons";
-import { View } from "react-native";
 
 export default function Portofolio_SocialMediaSection() {
   const listData = [

From b8ed577feaecdbdafdb766529b5f4b4fca3fb32f Mon Sep 17 00:00:00 2001
From: Bagasbanuna02 <bagasbanuna02@gmail.com>
Date: Thu, 10 Jul 2025 15:03:52 +0800
Subject: [PATCH 43/64] feature & fix deskripsi: - new component : Center - fix
 component : Button > disable props - feture : fix portofolio > edit, edit
 logo, edit sosmed - fix feature : maps > edit map, custom-pin - fix featue :
 profile > update photo # No Issue

---
 .../(user)/maps/[id]/custom-pin.tsx           |  50 +++++-
 app/(application)/(user)/maps/[id]/edit.tsx   |  60 ++++++-
 app/(application)/(user)/maps/create.tsx      |   2 +-
 .../(user)/portofolio/[id]/edit-logo.tsx      |  43 +++++-
 .../portofolio/[id]/edit-social-media.tsx     |  31 +++-
 .../(user)/portofolio/[id]/edit.tsx           | 146 +++++++++++++++++-
 .../(user)/profile/[id]/update-photo.tsx      |   9 +-
 components/Button/ButtonCustom.tsx            |   7 +-
 components/Center/CenterCustom.tsx            |  51 ++++++
 screens/Authentication/LoginView.tsx          |   5 +-
 10 files changed, 373 insertions(+), 31 deletions(-)
 create mode 100644 components/Center/CenterCustom.tsx

diff --git a/app/(application)/(user)/maps/[id]/custom-pin.tsx b/app/(application)/(user)/maps/[id]/custom-pin.tsx
index 03e4a98..a026a4f 100644
--- a/app/(application)/(user)/maps/[id]/custom-pin.tsx
+++ b/app/(application)/(user)/maps/[id]/custom-pin.tsx
@@ -1,10 +1,54 @@
-import { TextCustom, ViewWrapper } from "@/components";
+import {
+  AvatarCustom,
+  BaseBox,
+  BoxButtonOnFooter,
+  ButtonCenteredOnly,
+  ButtonCustom,
+  InformationBox,
+  MapCustom,
+  Spacing,
+  StackCustom,
+  ViewWrapper,
+} from "@/components";
+import CenterCustom from "@/components/Center/CenterCustom";
+import { router, useLocalSearchParams } from "expo-router";
 
 export default function MapsCustomPin() {
+  const { id } = useLocalSearchParams();
+
+  const buttonFooter = (
+    <BoxButtonOnFooter>
+      <ButtonCustom
+        onPress={() => {
+          console.log(`Simpan maps ${id}`);
+          router.replace(`/portofolio/${id}`);
+        }}
+      >
+        Simpan
+      </ButtonCustom>
+    </BoxButtonOnFooter>
+  );
   return (
     <>
-      <ViewWrapper>
-        <TextCustom>Maps Custom Pin</TextCustom>
+      <ViewWrapper footerComponent={buttonFooter}>
+        <StackCustom>
+          <InformationBox text="Pin map akan secara otomatis menampilkan logo pada porotofolio ini, jika anda ingin melakukan custom silahkan upload logo pin baru anda." />
+          <CenterCustom>
+            <AvatarCustom size="xl" />
+          </CenterCustom>
+          <ButtonCenteredOnly
+            onPress={() => console.log("Upload")}
+            icon="upload"
+          >
+            Upload
+          </ButtonCenteredOnly>
+          <Spacing />
+
+          <BaseBox>
+            <MapCustom />
+          </BaseBox>
+          <Spacing />
+        </StackCustom>
       </ViewWrapper>
     </>
   );
diff --git a/app/(application)/(user)/maps/[id]/edit.tsx b/app/(application)/(user)/maps/[id]/edit.tsx
index 1c2f69d..3d0a77a 100644
--- a/app/(application)/(user)/maps/[id]/edit.tsx
+++ b/app/(application)/(user)/maps/[id]/edit.tsx
@@ -1,11 +1,59 @@
-import { TextCustom, ViewWrapper } from "@/components";
+import {
+  BaseBox,
+  BoxButtonOnFooter,
+  ButtonCenteredOnly,
+  ButtonCustom,
+  InformationBox,
+  LandscapeFrameUploaded,
+  MapCustom,
+  Spacing,
+  TextInputCustom,
+  ViewWrapper
+} from "@/components";
+import { router, useLocalSearchParams } from "expo-router";
 
 export default function MapsEdit() {
+  const { id } = useLocalSearchParams();
+  const buttonFooter = (
+    <BoxButtonOnFooter>
+      <ButtonCustom
+        onPress={() => {
+          console.log(`Simpan maps ${id}`);
+          router.replace(`/portofolio/${id}`);
+        }}
+      >
+        Simpan
+      </ButtonCustom>
+    </BoxButtonOnFooter>
+  );
   return (
-    <>
-      <ViewWrapper>
-        <TextCustom>Maps Edit</TextCustom>
-      </ViewWrapper>
-    </>
+    <ViewWrapper footerComponent={buttonFooter}>
+      <InformationBox text="Tentukan lokasi pin map dengan menekan pada map." />
+
+      <BaseBox>
+        <MapCustom />
+      </BaseBox>
+
+      <TextInputCustom
+        required
+        label="Nama Pin"
+        placeholder="Masukkan nama pin maps"
+      />
+
+      <Spacing />
+
+      <InformationBox text="Upload foto lokasi bisnis anda untuk ditampilkan dalam detail maps." />
+      <LandscapeFrameUploaded />
+      <ButtonCenteredOnly
+        icon="upload"
+        onPress={() => {
+          console.log("Upload foto ");
+          router.navigate(`/take-picture/${id}`);
+        }}
+      >
+        Upload
+      </ButtonCenteredOnly>
+      <Spacing height={50} />
+    </ViewWrapper>
   );
 }
diff --git a/app/(application)/(user)/maps/create.tsx b/app/(application)/(user)/maps/create.tsx
index 310758d..f9b7f40 100644
--- a/app/(application)/(user)/maps/create.tsx
+++ b/app/(application)/(user)/maps/create.tsx
@@ -18,7 +18,7 @@ export default function MapsCreate() {
     <BoxButtonOnFooter>
       <ButtonCustom
         onPress={() => {
-          console.log("Simpan");
+          console.log(`Simpan maps ${id}`);
           router.replace(`/portofolio/${id}`);
         }}
       >
diff --git a/app/(application)/(user)/portofolio/[id]/edit-logo.tsx b/app/(application)/(user)/portofolio/[id]/edit-logo.tsx
index 7153217..26f6e76 100644
--- a/app/(application)/(user)/portofolio/[id]/edit-logo.tsx
+++ b/app/(application)/(user)/portofolio/[id]/edit-logo.tsx
@@ -1,10 +1,47 @@
-import { TextCustom, ViewWrapper } from "@/components";
+import {
+  AvatarCustom,
+  BaseBox,
+  BoxButtonOnFooter,
+  ButtonCenteredOnly,
+  ButtonCustom,
+  ViewWrapper,
+} from "@/components";
+import { router, useLocalSearchParams } from "expo-router";
 
 export default function PortofolioEditLogo() {
+  const { id } = useLocalSearchParams();
+
+  const buttonFooter = (
+    <BoxButtonOnFooter>
+      <ButtonCustom
+        onPress={() => {
+          console.log("Simpan logo ");
+          router.back();
+        }}
+      >
+        Simpan
+      </ButtonCustom>
+    </BoxButtonOnFooter>
+  );
+
   return (
     <>
-      <ViewWrapper>
-        <TextCustom>Portofolio Edit Logo</TextCustom>
+      <ViewWrapper footerComponent={buttonFooter}>
+        <BaseBox
+          style={{
+            alignItems: "center",
+            justifyContent: "center",
+            height: 250,
+          }}
+        >
+          <AvatarCustom size="xl" />
+        </BaseBox>
+        <ButtonCenteredOnly
+          icon="upload"
+          onPress={() => router.navigate(`/take-picture/${id}`)}
+        >
+          Update
+        </ButtonCenteredOnly>
       </ViewWrapper>
     </>
   );
diff --git a/app/(application)/(user)/portofolio/[id]/edit-social-media.tsx b/app/(application)/(user)/portofolio/[id]/edit-social-media.tsx
index 46bafcf..a6ec430 100644
--- a/app/(application)/(user)/portofolio/[id]/edit-social-media.tsx
+++ b/app/(application)/(user)/portofolio/[id]/edit-social-media.tsx
@@ -1,10 +1,35 @@
-import { TextCustom, ViewWrapper } from "@/components";
+import {
+  BoxButtonOnFooter,
+  ButtonCustom,
+  TextInputCustom,
+  ViewWrapper,
+} from "@/components";
+import { useLocalSearchParams, router } from "expo-router";
 
 export default function PortofolioEditSocialMedia() {
+  const { id } = useLocalSearchParams();
+
+  const buttonFooter = (
+    <BoxButtonOnFooter>
+      <ButtonCustom
+        onPress={() => {
+          console.log(`Simpan sosmed ${id}`);
+          router.back();
+        }}
+      >
+        Simpan
+      </ButtonCustom>
+    </BoxButtonOnFooter>
+  );
+
   return (
     <>
-      <ViewWrapper>
-        <TextCustom>Portofolio Edit Social Media</TextCustom>
+      <ViewWrapper footerComponent={buttonFooter}>
+        <TextInputCustom label="Tiktok" placeholder="Masukkan tiktok" />
+        <TextInputCustom label="Instagram" placeholder="Masukkan instagram" />
+        <TextInputCustom label="Facebook" placeholder="Masukkan facebook" />
+        <TextInputCustom label="Twitter" placeholder="Masukkan twitter" />
+        <TextInputCustom label="Youtube" placeholder="Masukkan youtube" />
       </ViewWrapper>
     </>
   );
diff --git a/app/(application)/(user)/portofolio/[id]/edit.tsx b/app/(application)/(user)/portofolio/[id]/edit.tsx
index 99b5fb4..71f4646 100644
--- a/app/(application)/(user)/portofolio/[id]/edit.tsx
+++ b/app/(application)/(user)/portofolio/[id]/edit.tsx
@@ -1,10 +1,150 @@
-import { TextCustom, ViewWrapper } from "@/components";
+import {
+  BoxButtonOnFooter,
+  ButtonCenteredOnly,
+  ButtonCustom,
+  Grid,
+  SelectCustom,
+  Spacing,
+  StackCustom,
+  TextAreaCustom,
+  TextCustom,
+  TextInputCustom,
+  ViewWrapper,
+} from "@/components";
+import { MainColor } from "@/constants/color-palet";
+import dummyMasterBidangBisnis from "@/lib/dummy-data/master-bidang-bisnis";
+import dummyMasterSubBidangBisnis from "@/lib/dummy-data/master-sub-bidang-bisnis";
+import { Ionicons } from "@expo/vector-icons";
+import { router, useLocalSearchParams } from "expo-router";
+import { useState } from "react";
+import { Text, TouchableOpacity, View } from "react-native";
+import PhoneInput, { ICountry } from "react-native-international-phone-number";
 
 export default function PortofolioEdit() {
+  const { id } = useLocalSearchParams();
+  const [selectedCountry, setSelectedCountry] = useState<null | ICountry>(null);
+  const [inputValue, setInputValue] = useState<string>("");
+
+  const [data, setData] = useState({
+    name: "",
+    bidang_usaha: "",
+    sub_bidang_usaha: "",
+    alamat: "",
+    nomor_telepon: "",
+    deskripsi: "",
+  });
+
+  function handleInputValue(phoneNumber: string) {
+    setInputValue(phoneNumber);
+  }
+
+  function handleSelectedCountry(country: ICountry) {
+    setSelectedCountry(country);
+  }
+
+  function handleSave() {
+    console.log(`Update portofolio berhasil ${id}`);
+    router.back();
+  }
+
+  const buttonUpdate = (
+    <BoxButtonOnFooter>
+      <ButtonCustom onPress={handleSave}>Simpan</ButtonCustom>
+    </BoxButtonOnFooter>
+  );
   return (
     <>
-      <ViewWrapper>
-        <TextCustom>Portofolio Edit</TextCustom>
+      <ViewWrapper footerComponent={buttonUpdate}>
+        <StackCustom gap={"xs"}>
+          <TextInputCustom
+            required
+            label="Nama Bisnis"
+            placeholder="Masukkan nama bisnis"
+          />
+
+          <SelectCustom
+            label="Bidang Usaha"
+            required
+            data={dummyMasterBidangBisnis.map((item) => ({
+              label: item.name,
+              value: item.id,
+            }))}
+            value={data.bidang_usaha}
+            onChange={(value) => {
+              setData({ ...(data as any), bidang_usaha: value });
+            }}
+          />
+
+          <Grid>
+            <Grid.Col span={10}>
+              <SelectCustom
+                // disabled
+                label="Sub Bidang Usaha"
+                required
+                data={dummyMasterSubBidangBisnis.map((item) => ({
+                  label: item.name,
+                  value: item.id,
+                }))}
+                value={data.sub_bidang_usaha}
+                onChange={(value) => {
+                  setData({ ...(data as any), sub_bidang_usaha: value });
+                }}
+              />
+            </Grid.Col>
+            <Grid.Col
+              span={2}
+              style={{ alignItems: "center", justifyContent: "center" }}
+            >
+              <TouchableOpacity onPress={() => console.log("delete")}>
+                <Ionicons name="trash" size={24} color={MainColor.red} />
+              </TouchableOpacity>
+            </Grid.Col>
+          </Grid>
+          <ButtonCenteredOnly onPress={() => console.log("add")}>
+            Tambah Pilihan
+          </ButtonCenteredOnly>
+          <Spacing />
+          <View>
+            <View style={{ flexDirection: "row", alignItems: "center" }}>
+              <TextCustom semiBold style={{ color: MainColor.white_gray }}>
+                Nomor Telepon
+              </TextCustom>
+              <Text style={{ color: "red" }}> *</Text>
+            </View>
+            <Spacing height={5} />
+            <PhoneInput
+              value={inputValue}
+              onChangePhoneNumber={handleInputValue}
+              selectedCountry={selectedCountry}
+              onChangeSelectedCountry={handleSelectedCountry}
+              defaultCountry="ID"
+              placeholder="xxx-xxx-xxx"
+            />
+          </View>
+          <Spacing />
+
+          <TextInputCustom
+            required
+            label="Alamat Bisnis"
+            placeholder="Masukkan alamat bisnis"
+          />
+
+          <TextAreaCustom
+            label="Deskripsi Bisnis"
+            placeholder="Masukkan deskripsi bisnis"
+            value={data.deskripsi}
+            onChangeText={(value: any) =>
+              setData({ ...data, deskripsi: value })
+            }
+            autosize
+            minRows={2}
+            maxRows={5}
+            required
+            showCount
+            maxLength={100}
+          />
+          <Spacing />
+        </StackCustom>
       </ViewWrapper>
     </>
   );
diff --git a/app/(application)/(user)/profile/[id]/update-photo.tsx b/app/(application)/(user)/profile/[id]/update-photo.tsx
index 70d2b4c..6745747 100644
--- a/app/(application)/(user)/profile/[id]/update-photo.tsx
+++ b/app/(application)/(user)/profile/[id]/update-photo.tsx
@@ -1,13 +1,12 @@
 import {
+  AvatarCustom,
   BaseBox,
   BoxButtonOnFooter,
   ButtonCenteredOnly,
   ButtonCustom,
 } from "@/components";
 import ViewWrapper from "@/components/_ShareComponent/ViewWrapper";
-import DUMMY_IMAGE from "@/constants/dummy-image-value";
 import { router, useLocalSearchParams } from "expo-router";
-import { Image } from "react-native";
 
 export default function UpdatePhotoProfile() {
   const { id } = useLocalSearchParams();
@@ -28,11 +27,7 @@ export default function UpdatePhotoProfile() {
       <BaseBox
         style={{ alignItems: "center", justifyContent: "center", height: 250 }}
       >
-        <Image
-          source={DUMMY_IMAGE.avatar}
-          resizeMode="cover"
-          style={{ width: 200, height: 200 }}
-        />
+        <AvatarCustom size="xl" />
       </BaseBox>
 
       <ButtonCenteredOnly
diff --git a/components/Button/ButtonCustom.tsx b/components/Button/ButtonCustom.tsx
index 0cd26f0..3123bbc 100644
--- a/components/Button/ButtonCustom.tsx
+++ b/components/Button/ButtonCustom.tsx
@@ -38,10 +38,11 @@ const ButtonCustom: React.FC<ButtonProps> = ({
     <TouchableOpacity
       style={[
         stylesButton.button,
-        disabled && stylesButton.disabled,
-        style,
         { borderRadius: radius },
-        { backgroundColor },
+        disabled
+          ? [stylesButton.disabled, { backgroundColor: MainColor.disabled }]
+          : { backgroundColor },
+        style,
       ]}
       onPress={onPress}
       disabled={disabled}
diff --git a/components/Center/CenterCustom.tsx b/components/Center/CenterCustom.tsx
new file mode 100644
index 0000000..ea46b50
--- /dev/null
+++ b/components/Center/CenterCustom.tsx
@@ -0,0 +1,51 @@
+// Center.tsx
+import React from "react";
+import { View, StyleSheet, ViewStyle } from "react-native";
+
+type JustifyContent =
+  | "flex-start"
+  | "flex-end"
+  | "center"
+  | "space-between"
+  | "space-around"
+  | "space-evenly";
+
+type AlignItems = "flex-start" | "flex-end" | "center" | "stretch" | "baseline";
+
+interface CenterProps {
+  children: React.ReactNode;
+  style?: ViewStyle;
+  direction?: "row" | "column";
+  justifyContent?: JustifyContent;
+  alignItems?: AlignItems;
+}
+
+const CenterCustom: React.FC<CenterProps> = ({
+  children,
+  style,
+  direction = "column",
+  justifyContent = "center",
+  alignItems = "center",
+}) => {
+  return (
+    <View
+      style={[
+        styles.container,
+        { flexDirection: direction },
+        { justifyContent },
+        { alignItems },
+        style,
+      ]}
+    >
+      {children}
+    </View>
+  );
+};
+
+const styles = StyleSheet.create({
+  container: {
+    flex: 1,
+  },
+});
+
+export default CenterCustom;
diff --git a/screens/Authentication/LoginView.tsx b/screens/Authentication/LoginView.tsx
index aa41ea0..8bc78ec 100644
--- a/screens/Authentication/LoginView.tsx
+++ b/screens/Authentication/LoginView.tsx
@@ -31,9 +31,10 @@ export default function LoginView() {
     console.log("login user id :", id);
 
     // router.navigate("/verification");
-    // router.navigate(`/(application)/(user)/profile/${id}`);
-    router.navigate("/(application)/(user)/home");
+    router.navigate(`/(application)/(user)/profile/${id}`);
+    // router.navigate("/(application)/(user)/home");
     // router.navigate(`/(application)/profile/${id}/edit`);
+    // router.navigate(`/(application)/(user)/portofolio/${id}`)
   }
 
   return (

From 2c94638e27b23a78670678296db2f9afc4733db5 Mon Sep 17 00:00:00 2001
From: Bagasbanuna02 <bagasbanuna02@gmail.com>
Date: Thu, 10 Jul 2025 15:21:40 +0800
Subject: [PATCH 44/64] fix deskripsi: - fix component : Menu drawer - fix
 feature : list menui drawer pada portofolio & profile # No Issue

---
 .../(user)/maps/[id]/custom-pin.tsx           |  2 +-
 app/(application)/(user)/maps/[id]/edit.tsx   |  2 +-
 components/Drawer/MenuDrawerDynamicGird.tsx   | 26 +++++---
 components/_Interface/types.ts                |  2 +-
 screens/Portofolio/ListPage.tsx               | 13 ++--
 screens/Profile/ListPage.tsx                  | 64 ++++++++++++++++---
 6 files changed, 85 insertions(+), 24 deletions(-)

diff --git a/app/(application)/(user)/maps/[id]/custom-pin.tsx b/app/(application)/(user)/maps/[id]/custom-pin.tsx
index a026a4f..8ea9893 100644
--- a/app/(application)/(user)/maps/[id]/custom-pin.tsx
+++ b/app/(application)/(user)/maps/[id]/custom-pin.tsx
@@ -21,7 +21,7 @@ export default function MapsCustomPin() {
       <ButtonCustom
         onPress={() => {
           console.log(`Simpan maps ${id}`);
-          router.replace(`/portofolio/${id}`);
+          router.back();
         }}
       >
         Simpan
diff --git a/app/(application)/(user)/maps/[id]/edit.tsx b/app/(application)/(user)/maps/[id]/edit.tsx
index 3d0a77a..2688034 100644
--- a/app/(application)/(user)/maps/[id]/edit.tsx
+++ b/app/(application)/(user)/maps/[id]/edit.tsx
@@ -19,7 +19,7 @@ export default function MapsEdit() {
       <ButtonCustom
         onPress={() => {
           console.log(`Simpan maps ${id}`);
-          router.replace(`/portofolio/${id}`);
+          router.back()
         }}
       >
         Simpan
diff --git a/components/Drawer/MenuDrawerDynamicGird.tsx b/components/Drawer/MenuDrawerDynamicGird.tsx
index cba0440..db54a10 100644
--- a/components/Drawer/MenuDrawerDynamicGird.tsx
+++ b/components/Drawer/MenuDrawerDynamicGird.tsx
@@ -1,27 +1,37 @@
 import { AccentColor, MainColor } from "@/constants/color-palet";
-import { ICON_SIZE_MEDIUM, TEXT_SIZE_SMALL } from "@/constants/constans-value";
-import { Ionicons } from "@expo/vector-icons";
+import { TEXT_SIZE_SMALL } from "@/constants/constans-value";
 import { StyleSheet, Text, TouchableOpacity, View } from "react-native";
+import { IMenuDrawerItem } from "../_Interface/types";
 
 const MenuDrawerDynamicGrid = ({ data, columns = 3, onPressItem }: any) => {
   const numColumns = columns;
 
   return (
     <View style={styles.container}>
-      {data.map((item: any, index: any) => (
+      {data.map((item: IMenuDrawerItem, index: any) => (
         <TouchableOpacity
           key={index}
           style={[styles.itemContainer, { flexBasis: `${100 / numColumns}%` }]}
           onPress={() => onPressItem?.(item)}
         >
-          <View style={styles.iconContainer}>
-            <Ionicons
+          <View
+            style={[
+              styles.iconContainer,
+              { backgroundColor: item.color || AccentColor.blue },
+            ]}
+          >
+            {item.icon}
+            {/* <Ionicons
               name={item.icon}
               size={ICON_SIZE_MEDIUM}
               color={item.color || MainColor.white_gray}
-            />
+            /> */}
           </View>
-          <Text style={styles.label}>{item.label}</Text>
+          <Text
+            style={[styles.label, { color: item.color || AccentColor.white }]}
+          >
+            {item.label}
+          </Text>
         </TouchableOpacity>
       ))}
     </View>
@@ -54,4 +64,4 @@ const styles = StyleSheet.create({
     textAlign: "center",
     color: MainColor.white_gray,
   },
-});
\ No newline at end of file
+});
diff --git a/components/_Interface/types.ts b/components/_Interface/types.ts
index ecf36f9..5f2cfe0 100644
--- a/components/_Interface/types.ts
+++ b/components/_Interface/types.ts
@@ -20,7 +20,7 @@ interface ITabs {
 }
 
 interface IMenuDrawerItem {
-  icon: string;
+  icon: React.ReactNode;
   label: string;
   path?: string;
   color?: string;
diff --git a/screens/Portofolio/ListPage.tsx b/screens/Portofolio/ListPage.tsx
index 2e3693d..4ad7416 100644
--- a/screens/Portofolio/ListPage.tsx
+++ b/screens/Portofolio/ListPage.tsx
@@ -1,4 +1,7 @@
 import { IMenuDrawerItem } from "@/components/_Interface/types";
+import { AccentColor } from "@/constants/color-palet";
+import { ICON_SIZE_MEDIUM } from "@/constants/constans-value";
+import { Ionicons } from "@expo/vector-icons";
 
 export const drawerItemsPortofolio = ({
   id,
@@ -6,27 +9,27 @@ export const drawerItemsPortofolio = ({
   id: string;
 }): IMenuDrawerItem[] => [
   {
-    icon: "create",
+    icon: <Ionicons name="create" size={ICON_SIZE_MEDIUM} color={AccentColor.white} />,
     label: "Edit portofolio",
     path: `/(application)/portofolio/${id}/edit`,
   },
   {
-    icon: "camera",
+    icon: <Ionicons name="camera" size={ICON_SIZE_MEDIUM} color={AccentColor.white} />,
     label: "Edit logo ",
     path: `/(application)/portofolio/${id}/edit-logo`,
   },
   {
-    icon: "image",
+    icon: <Ionicons name="image" size={ICON_SIZE_MEDIUM} color={AccentColor.white} />,
     label: "Edit social media ",
     path: `/(application)/portofolio/${id}/edit-social-media`,
   },
   {
-    icon: "add-circle",
+    icon: <Ionicons name="add-circle" size={ICON_SIZE_MEDIUM} color={AccentColor.white} />,
     label: "Edit Map",
     path: `/(application)/maps/${id}/edit`,
   },
   {
-    icon: "create-outline",
+    icon: <Ionicons name="create-outline" size={ICON_SIZE_MEDIUM} color={AccentColor.white} />,
     label: "Custom Pin Map",
     path: `/(application)/maps/${id}/custom-pin`,
   },
diff --git a/screens/Profile/ListPage.tsx b/screens/Profile/ListPage.tsx
index ad62eac..1019b50 100644
--- a/screens/Profile/ListPage.tsx
+++ b/screens/Profile/ListPage.tsx
@@ -1,23 +1,54 @@
 import { IMenuDrawerItem } from "@/components/_Interface/types";
+import { AccentColor, MainColor } from "@/constants/color-palet";
+import { ICON_SIZE_MEDIUM } from "@/constants/constans-value";
+import { Ionicons } from "@expo/vector-icons";
 
-export const drawerItemsProfile = ({ id }: { id: string }): IMenuDrawerItem[] => [
+export const drawerItemsProfile = ({
+  id,
+}: {
+  id: string;
+}): IMenuDrawerItem[] => [
   {
-    icon: "create",
+    icon: (
+      <Ionicons
+        name="create"
+        size={ICON_SIZE_MEDIUM}
+        color={AccentColor.white}
+      />
+    ),
     label: "Edit profile",
     path: `/(application)/profile/${id}/edit`,
   },
   {
-    icon: "camera",
+    icon: (
+      <Ionicons
+        name="camera"
+        size={ICON_SIZE_MEDIUM}
+        color={AccentColor.white}
+      />
+    ),
     label: "Ubah foto profile",
     path: `/(application)/profile/${id}/update-photo`,
   },
   {
-    icon: "image",
+    icon: (
+      <Ionicons
+        name="image"
+        size={ICON_SIZE_MEDIUM}
+        color={AccentColor.white}
+      />
+    ),
     label: "Ubah latar belakang",
     path: `/(application)/profile/${id}/update-background`,
   },
   {
-    icon: "add-circle",
+    icon: (
+      <Ionicons
+        name="add-circle"
+        size={ICON_SIZE_MEDIUM}
+        color={AccentColor.white}
+      />
+    ),
     label: "Tambah portofolio",
     path: `/(application)/portofolio/${id}/create`,
   },
@@ -26,10 +57,27 @@ export const drawerItemsProfile = ({ id }: { id: string }): IMenuDrawerItem[] =>
   //   label: "Dashboard Admin",
   //   path: `/(application)/profile/dashboard-admin`,
   // },
-  { icon: "log-out", label: "Keluar", color: "red", path: "" },
   {
-    icon: "create-outline",
+    icon: (
+      <Ionicons
+        name="log-out"
+        size={ICON_SIZE_MEDIUM}
+        color={AccentColor.white}
+      />
+    ),
+    label: "Keluar",
+    color: MainColor.red,
+    path: "",
+  },
+  {
+    icon: (
+      <Ionicons
+        name="create-outline"
+        size={ICON_SIZE_MEDIUM}
+        color={AccentColor.white}
+      />
+    ),
     label: "Create profile",
     path: `/(application)/profile/${id}/create`,
   },
-];
\ No newline at end of file
+];

From c5798b3127c048dd38fe7b2415d9e8618f8cc038 Mon Sep 17 00:00:00 2001
From: Bagasbanuna02 <bagasbanuna02@gmail.com>
Date: Thu, 10 Jul 2025 16:47:02 +0800
Subject: [PATCH 45/64] feature & fix deskripsi: - new component Clickable -
 new folder (image) untuk take picture dan imaga preview - fix klik gambar #
 No Issue

---
 .../(image)/preview-image/[id]/index.tsx      |  9 ++++
 .../{ => (image)}/take-picture/[id]/index.tsx |  0
 app/(application)/_layout.tsx                 | 25 +++++-----
 components/Clickable/ClickableCustom.tsx      | 36 ++++++++++++++
 components/index.ts                           | 14 ++++--
 screens/Authentication/LoginView.tsx          |  1 +
 screens/Portofolio/DataPortofolio.tsx         | 25 ++++++++--
 screens/Profile/AvatarAndBackground.tsx       | 47 ++++++++++++++-----
 screens/Profile/profilSection.tsx             |  2 +-
 9 files changed, 127 insertions(+), 32 deletions(-)
 create mode 100644 app/(application)/(image)/preview-image/[id]/index.tsx
 rename app/(application)/{ => (image)}/take-picture/[id]/index.tsx (100%)
 create mode 100644 components/Clickable/ClickableCustom.tsx

diff --git a/app/(application)/(image)/preview-image/[id]/index.tsx b/app/(application)/(image)/preview-image/[id]/index.tsx
new file mode 100644
index 0000000..199ed15
--- /dev/null
+++ b/app/(application)/(image)/preview-image/[id]/index.tsx
@@ -0,0 +1,9 @@
+import { LandscapeFrameUploaded, ViewWrapper } from "@/components";
+
+export default function PreviewImage() {
+  return (
+    <ViewWrapper>
+      <LandscapeFrameUploaded />
+    </ViewWrapper>
+  );
+}
diff --git a/app/(application)/take-picture/[id]/index.tsx b/app/(application)/(image)/take-picture/[id]/index.tsx
similarity index 100%
rename from app/(application)/take-picture/[id]/index.tsx
rename to app/(application)/(image)/take-picture/[id]/index.tsx
diff --git a/app/(application)/_layout.tsx b/app/(application)/_layout.tsx
index 6c7737b..ad1a073 100644
--- a/app/(application)/_layout.tsx
+++ b/app/(application)/_layout.tsx
@@ -1,7 +1,6 @@
-import { MainColor } from "@/constants/color-palet";
+import { BackButton } from "@/components";
 import { HeaderStyles } from "@/styles/header-styles";
-import { Ionicons } from "@expo/vector-icons";
-import { router, Stack } from "expo-router";
+import { Stack } from "expo-router";
 
 export default function ApplicationLayout() {
   return (
@@ -11,17 +10,19 @@ export default function ApplicationLayout() {
 
         {/* Take Picture */}
         <Stack.Screen
-          name="take-picture/[id]/index"
+          name="(image)/take-picture/[id]/index"
           options={{
             title: "Ambil Gambar",
-            headerLeft: () => (
-              <Ionicons
-                name="arrow-back"
-                size={20}
-                color={MainColor.yellow}
-                onPress={() => router.back()}
-              />
-            ),
+            headerLeft: () => <BackButton />,
+          }}
+        />
+
+        {/* Preview Image */}
+        <Stack.Screen
+          name="(image)/preview-image/[id]/index"
+          options={{
+            title: "Preview Gambar",
+            headerLeft: () => <BackButton />,
           }}
         />
       </Stack>
diff --git a/components/Clickable/ClickableCustom.tsx b/components/Clickable/ClickableCustom.tsx
new file mode 100644
index 0000000..c6d7e7b
--- /dev/null
+++ b/components/Clickable/ClickableCustom.tsx
@@ -0,0 +1,36 @@
+import { StyleSheet, TouchableOpacity } from "react-native";
+
+export default function ClickableCustom({
+  children,
+  onPress,
+  disabled,
+  style,
+  ...props
+}: {
+  children: React.ReactNode;
+  onPress: () => void;
+  disabled?: boolean;
+  style?: any;
+  [key: string]: any;
+}) {
+  return (
+    <>
+      <TouchableOpacity
+        activeOpacity={0.7}
+        onPress={onPress}
+        disabled={disabled}
+        style={[styles.container, style]}
+        {...props}
+      >
+        {children}
+      </TouchableOpacity>
+    </>
+  );
+}
+
+const styles = StyleSheet.create({
+  container: {
+    width: "100%",
+    height: "auto",
+  },
+});
diff --git a/components/index.ts b/components/index.ts
index 44a7f0c..f2f2ed3 100644
--- a/components/index.ts
+++ b/components/index.ts
@@ -33,16 +33,22 @@ import LandscapeFrameUploaded from "./Image/LandscapeFrameUploaded";
 import DividerCustom from "./Divider/DividerCustom";
 // Map
 import MapCustom from "./Map/MapCustom";
+// Center
+import CenterCustom from "./Center/CenterCustom";
+// Clickable
+import ClickableCustom from "./Clickable/ClickableCustom";
 
 export {
   AlertCustom,
   // Image
   AvatarCustom,
-  LeftButtonCustom as BackButton,
+  LandscapeFrameUploaded,
   // Box
   BaseBox,
   BoxButtonOnFooter,
   ButtonCenteredOnly,
+  InformationBox,
+  LeftButtonCustom as BackButton,
   // Button
   ButtonCustom,
   // Drawer
@@ -50,8 +56,6 @@ export {
   MenuDrawerDynamicGrid,
   // Grid
   Grid,
-  InformationBox,
-  LandscapeFrameUploaded,
   // Map
   MapCustom,
   // Select
@@ -70,4 +74,8 @@ export {
   ViewWrapper,
   // Divider
   DividerCustom,
+  // Center
+  CenterCustom,
+  // Clickable
+  ClickableCustom,
 };
diff --git a/screens/Authentication/LoginView.tsx b/screens/Authentication/LoginView.tsx
index 8bc78ec..2c208de 100644
--- a/screens/Authentication/LoginView.tsx
+++ b/screens/Authentication/LoginView.tsx
@@ -35,6 +35,7 @@ export default function LoginView() {
     // router.navigate("/(application)/(user)/home");
     // router.navigate(`/(application)/profile/${id}/edit`);
     // router.navigate(`/(application)/(user)/portofolio/${id}`)
+    // router.navigate(`/(application)/(image)/preview-image/${id}`);
   }
 
   return (
diff --git a/screens/Portofolio/DataPortofolio.tsx b/screens/Portofolio/DataPortofolio.tsx
index 63adf9c..88f8d04 100644
--- a/screens/Portofolio/DataPortofolio.tsx
+++ b/screens/Portofolio/DataPortofolio.tsx
@@ -1,6 +1,8 @@
 import {
   AvatarCustom,
   BaseBox,
+  CenterCustom,
+  ClickableCustom,
   Grid,
   StackCustom,
   TextCustom,
@@ -9,7 +11,7 @@ import DividerCustom from "@/components/Divider/DividerCustom";
 import { AccentColor } from "@/constants/color-palet";
 import { ICON_SIZE_SMALL } from "@/constants/constans-value";
 import { FontAwesome, Ionicons } from "@expo/vector-icons";
-import { useLocalSearchParams } from "expo-router";
+import { router, useLocalSearchParams } from "expo-router";
 import { View } from "react-native";
 
 export default function Portofolio_Data() {
@@ -88,9 +90,26 @@ export default function Portofolio_Data() {
             </Grid.Col>
           </Grid>
 
-          <View style={{ alignItems: "center" }}>
+          {/* <ClickableCustom
+            style={{ backgroundColor: "blue" }}
+            onPress={() => {
+              router.navigate(`/(application)/(image)/preview-image/${id}`);
+            }}
+          >
             <AvatarCustom size="xl" />
-          </View>
+          </ClickableCustom> */}
+
+          <ClickableCustom
+            style={{}}
+            onPress={() => {
+              router.navigate(`/(application)/(image)/preview-image/${id}`);
+            }}
+          >
+            <CenterCustom>
+              <AvatarCustom size="xl" />
+            </CenterCustom>
+          </ClickableCustom>
+
           {/* <Spacing height={10}/> */}
 
           <View>
diff --git a/screens/Profile/AvatarAndBackground.tsx b/screens/Profile/AvatarAndBackground.tsx
index 0673df8..885518a 100644
--- a/screens/Profile/AvatarAndBackground.tsx
+++ b/screens/Profile/AvatarAndBackground.tsx
@@ -1,24 +1,45 @@
-import { AvatarCustom } from "@/components";
+import { AvatarCustom, ClickableCustom } from "@/components";
 import { AccentColor } from "@/constants/color-palet";
 import DUMMY_IMAGE from "@/constants/dummy-image-value";
-import { View, ImageBackground, StyleSheet } from "react-native";
+import { router } from "expo-router";
+import { ImageBackground, StyleSheet, View } from "react-native";
 
-const AvatarAndBackground = () => {
+const AvatarAndBackground = ({
+  backgroundId,
+  imageId,
+}: {
+  backgroundId: string;
+  imageId: string;
+}) => {
   return (
     <View style={styles.container}>
-      <ImageBackground
-        source={DUMMY_IMAGE.background}
-        style={styles.backgroundImage}
-        resizeMode="contain"
-      />
       {/* Background Image */}
+      <ClickableCustom
+        onPress={() => {
+          router.navigate(
+            `/(application)/(image)/preview-image/${backgroundId}`
+          );
+        }}
+      >
+        <ImageBackground
+          source={DUMMY_IMAGE.background}
+          style={styles.backgroundImage}
+          resizeMode="cover"
+        />
+      </ClickableCustom>
 
       {/* Avatar yang sedikit keluar */}
+
       <View style={styles.avatarOverlap}>
-        <AvatarCustom
-          source={DUMMY_IMAGE.avatar}
-          size="lg"
-        />
+        <ClickableCustom
+          onPress={() => {
+            router.navigate(
+              `/(application)/(image)/preview-image/${imageId}`
+            );
+          }}
+        >
+          <AvatarCustom source={DUMMY_IMAGE.avatar} size="lg" />
+        </ClickableCustom>
       </View>
     </View>
   );
@@ -49,4 +70,4 @@ const styles = StyleSheet.create({
     left: "50%", // Sentralisasi horizontal
     transform: [{ translateX: -50 }], // Menggeser ke kiri 50% lebarnya
   },
-});
\ No newline at end of file
+});
diff --git a/screens/Profile/profilSection.tsx b/screens/Profile/profilSection.tsx
index 449cfc9..131ce03 100644
--- a/screens/Profile/profilSection.tsx
+++ b/screens/Profile/profilSection.tsx
@@ -43,7 +43,7 @@ export default function ProfilSection() {
   return (
     <>
       <BaseBox>
-        <AvatarAndBackground />
+        <AvatarAndBackground backgroundId="test-background-id" imageId="test-image-id" />
         <Spacing height={50} />
 
         <View style={{ alignItems: "center" }}>

From 6913e9e4b52258e342d17c7284df5789b4dd5a63 Mon Sep 17 00:00:00 2001
From: Bagasbanuna02 <bagasbanuna02@gmail.com>
Date: Thu, 10 Jul 2025 16:57:49 +0800
Subject: [PATCH 46/64] fix deskripsi: - fix page maps - fix ViewWrapper :
 props styles di tambah # No Issue

---
 app/(application)/(user)/maps/index.tsx    | 14 +++++++-------
 components/Map/MapCustom.tsx               |  4 ++--
 components/_ShareComponent/ViewWrapper.tsx | 10 +++++++---
 screens/Authentication/LoginView.tsx       |  4 ++--
 4 files changed, 18 insertions(+), 14 deletions(-)

diff --git a/app/(application)/(user)/maps/index.tsx b/app/(application)/(user)/maps/index.tsx
index 71ab94f..b4a9f78 100644
--- a/app/(application)/(user)/maps/index.tsx
+++ b/app/(application)/(user)/maps/index.tsx
@@ -1,9 +1,9 @@
-import { TextCustom, ViewWrapper } from "@/components";
+import { MapCustom, ViewWrapper } from "@/components";
 
 export default function Maps() {
-    return (
-        <ViewWrapper>
-            <TextCustom>Maps</TextCustom>
-        </ViewWrapper>
-    )
-}
\ No newline at end of file
+  return (
+    <ViewWrapper style={{ paddingInline: 0, paddingBlock: 0 }}>
+      <MapCustom height={"100%"} />
+    </ViewWrapper>
+  );
+}
diff --git a/components/Map/MapCustom.tsx b/components/Map/MapCustom.tsx
index 50d5027..318cc69 100644
--- a/components/Map/MapCustom.tsx
+++ b/components/Map/MapCustom.tsx
@@ -1,7 +1,7 @@
 // components/MapComponent.js
 
 import React from "react";
-import { StyleSheet, View } from "react-native";
+import { DimensionValue, StyleSheet, View } from "react-native";
 import MapView, { Marker } from "react-native-maps";
 
 interface MapComponentProps {
@@ -9,7 +9,7 @@ interface MapComponentProps {
   longitude?: number;
   latitudeDelta?: number;
   longitudeDelta?: number;
-  height?: number;
+  height?: DimensionValue;
 }
 
 const MapCustom = ({
diff --git a/components/_ShareComponent/ViewWrapper.tsx b/components/_ShareComponent/ViewWrapper.tsx
index 3feb459..0c4700c 100644
--- a/components/_ShareComponent/ViewWrapper.tsx
+++ b/components/_ShareComponent/ViewWrapper.tsx
@@ -8,6 +8,8 @@ import {
   ScrollView,
   TouchableWithoutFeedback,
   View,
+  StyleProp,
+  ViewStyle,
 } from "react-native";
 import { SafeAreaView } from "react-native-safe-area-context";
 
@@ -15,12 +17,14 @@ interface ViewWrapperProps {
   children: React.ReactNode;
   withBackground?: boolean;
   footerComponent?: React.ReactNode;
+  style?: StyleProp<ViewStyle>;
 }
 
 const ViewWrapper = ({
   children,
   withBackground = false,
   footerComponent,
+  style,
 }: ViewWrapperProps) => {
   const assetBackground = require("../../assets/images/main-background.png");
 
@@ -40,14 +44,14 @@ const ViewWrapper = ({
                 <ImageBackground
                   source={assetBackground}
                   resizeMode="cover"
-                  style={GStyles.imageBackground}
+                  style={[GStyles.imageBackground]}
                 >
-                  <View style={GStyles.containerWithBackground}>
+                  <View style={[GStyles.containerWithBackground, style]}>
                     {children}
                   </View>
                 </ImageBackground>
               ) : (
-                <View style={GStyles.container}>{children}</View>
+                <View style={[GStyles.container, style]}>{children}</View>
               )}
             </View>
           </TouchableWithoutFeedback>
diff --git a/screens/Authentication/LoginView.tsx b/screens/Authentication/LoginView.tsx
index 2c208de..525f850 100644
--- a/screens/Authentication/LoginView.tsx
+++ b/screens/Authentication/LoginView.tsx
@@ -31,8 +31,8 @@ export default function LoginView() {
     console.log("login user id :", id);
 
     // router.navigate("/verification");
-    router.navigate(`/(application)/(user)/profile/${id}`);
-    // router.navigate("/(application)/(user)/home");
+    // router.navigate(`/(application)/(user)/profile/${id}`);
+    router.navigate("/(application)/(user)/home");
     // router.navigate(`/(application)/profile/${id}/edit`);
     // router.navigate(`/(application)/(user)/portofolio/${id}`)
     // router.navigate(`/(application)/(image)/preview-image/${id}`);

From 3301cf3d7afbb3405362e23f219dbd8728160091 Mon Sep 17 00:00:00 2001
From: Bagasbanuna02 <bagasbanuna02@gmail.com>
Date: Thu, 10 Jul 2025 17:37:54 +0800
Subject: [PATCH 47/64] fix deskripsi: - fix page: user search - fix
 global-style - fix component Text Input dan ViewWrapper ( sekarang bisa
 menambahkan header ) # No Issue

---
 .../(user)/user-search/index.tsx              | 98 ++++++++++++++++++-
 components/TextInput/TextInputCustom.tsx      |  4 +-
 components/_ShareComponent/ViewWrapper.tsx    |  7 ++
 styles/global-styles.ts                       | 14 +++
 4 files changed, 117 insertions(+), 6 deletions(-)

diff --git a/app/(application)/(user)/user-search/index.tsx b/app/(application)/(user)/user-search/index.tsx
index 5995fb3..69f4006 100644
--- a/app/(application)/(user)/user-search/index.tsx
+++ b/app/(application)/(user)/user-search/index.tsx
@@ -1,9 +1,99 @@
-import { TextCustom, ViewWrapper } from "@/components";
+import {
+  AvatarCustom,
+  ClickableCustom,
+  Grid,
+  Spacing,
+  StackCustom,
+  TextCustom,
+  TextInputCustom,
+  ViewWrapper,
+} from "@/components";
+import { MainColor } from "@/constants/color-palet";
+import { ICON_SIZE_SMALL } from "@/constants/constans-value";
+import { Ionicons } from "@expo/vector-icons";
+import { router } from "expo-router";
 
 export default function UserSearch() {
+  function generateRandomPhoneNumber(index: number) {
+    let prefix;
+
+    // Menentukan prefix berdasarkan index genap atau ganjil
+    if (index % 2 === 0) {
+      const evenPrefixes = ["6288", "6289", "6281"];
+      prefix = evenPrefixes[Math.floor(Math.random() * evenPrefixes.length)];
+    } else {
+      const oddPrefixes = ["6285", "6283"];
+      prefix = oddPrefixes[Math.floor(Math.random() * oddPrefixes.length)];
+    }
+
+    // Menghitung panjang sisa nomor acak (antara 10 - 12 digit)
+    const remainingLength = Math.floor(Math.random() * 3) + 10; // 10, 11, atau 12
+
+    // Membuat sisa nomor acak
+    let randomNumber = "";
+    for (let i = 0; i < remainingLength; i++) {
+      randomNumber += Math.floor(Math.random() * 10); // Digit acak antara 0-9
+    }
+
+    // Menggabungkan prefix dan sisa nomor
+    return prefix + randomNumber;
+  }
   return (
-    <ViewWrapper>
-      <TextCustom>User Search</TextCustom>
-    </ViewWrapper>
+    <>
+      <ViewWrapper
+        headerComponent={
+          <TextInputCustom
+            iconLeft={
+              <Ionicons
+                name="search"
+                size={ICON_SIZE_SMALL}
+                color={MainColor.placeholder}
+              />
+            }
+            placeholder="Cari Pengguna"
+            borderRadius={50}
+          />
+        }
+      >
+        <StackCustom>
+          {Array.from({ length: 20 }).map((e, index) => {
+            return (
+              <Grid key={index}>
+                <Grid.Col span={2}>
+                  <AvatarCustom />
+                </Grid.Col>
+                <Grid.Col span={9}>
+                  <TextCustom size="large">Nama user {index}</TextCustom>
+                  <TextCustom size="small">
+                    +{generateRandomPhoneNumber(index)}
+                  </TextCustom>
+                </Grid.Col>
+                <Grid.Col
+                  span={1}
+                  style={{
+                    justifyContent: "center",
+                    alignItems: "flex-end",
+                  }}
+                >
+                  <ClickableCustom
+                    onPress={() => {
+                      console.log("Ke Profile");
+                      router.push(`/profile/${index}`);
+                    }}
+                  >
+                    <Ionicons
+                      name="chevron-forward"
+                      size={ICON_SIZE_SMALL}
+                      color={MainColor.white}
+                    />
+                  </ClickableCustom>
+                </Grid.Col>
+              </Grid>
+            );
+          })}
+        </StackCustom>
+        <Spacing height={50} />
+      </ViewWrapper>
+    </>
   );
 }
diff --git a/components/TextInput/TextInputCustom.tsx b/components/TextInput/TextInputCustom.tsx
index fe7a7fb..96fe3a2 100644
--- a/components/TextInput/TextInputCustom.tsx
+++ b/components/TextInput/TextInputCustom.tsx
@@ -89,9 +89,9 @@ const TextInputCustom = ({
           disabled && GStyles.disabledBox,
         ]}
       >
-        {/* {iconLeft && (
+        {iconLeft && (
           <View style={GStyles.inputIcon}>{renderIcon(iconLeft)}</View>
-        )} */}
+        )}
         <RNTextInput
           style={[
             GStyles.inputText,
diff --git a/components/_ShareComponent/ViewWrapper.tsx b/components/_ShareComponent/ViewWrapper.tsx
index 0c4700c..8e40bbf 100644
--- a/components/_ShareComponent/ViewWrapper.tsx
+++ b/components/_ShareComponent/ViewWrapper.tsx
@@ -16,6 +16,7 @@ import { SafeAreaView } from "react-native-safe-area-context";
 interface ViewWrapperProps {
   children: React.ReactNode;
   withBackground?: boolean;
+  headerComponent?: React.ReactNode;
   footerComponent?: React.ReactNode;
   style?: StyleProp<ViewStyle>;
 }
@@ -23,6 +24,7 @@ interface ViewWrapperProps {
 const ViewWrapper = ({
   children,
   withBackground = false,
+  headerComponent,
   footerComponent,
   style,
 }: ViewWrapperProps) => {
@@ -34,6 +36,11 @@ const ViewWrapper = ({
         behavior={Platform.OS === "ios" ? "padding" : "height"}
         style={{ flex: 1, backgroundColor: MainColor.darkblue }}
       >
+        {/* Header Sticky */}
+        {headerComponent && (
+          <View style={GStyles.stickyHeader}>{headerComponent}</View>
+        )}
+
         <ScrollView
           contentContainerStyle={{ flexGrow: 1 }}
           keyboardShouldPersistTaps="handled"
diff --git a/styles/global-styles.ts b/styles/global-styles.ts
index 13a0648..3e9f93a 100644
--- a/styles/global-styles.ts
+++ b/styles/global-styles.ts
@@ -25,6 +25,20 @@ export const GStyles = StyleSheet.create({
     height: "100%",
     width: "100%",
   },
+  stickyHeader: {
+    position: "absolute",
+    top: 0,
+    left: 0,
+    right: 0,
+    zIndex: 10,
+    backgroundColor: MainColor.darkblue,
+    paddingTop: 16,
+    paddingInline: 16,
+    // padding: 16,
+    // paddingTop: 8,
+    // paddingBottom: 8,
+  },
+
   // Style saat disabled
   disabledBox: {
     backgroundColor: MainColor.disabled,

From 5183769a7c4a722d680c3f6229001224b4b4804b Mon Sep 17 00:00:00 2001
From: Bagasbanuna02 <bagasbanuna02@gmail.com>
Date: Fri, 11 Jul 2025 17:34:04 +0800
Subject: [PATCH 48/64] feature & fix deskripsi: - new component : Scroll - fix
 : notifikasi, use search, portofolio item drawer - new constats : padding
 value - fix component : Text custom : tambah warna gray di props Text Input:
 tambah props container Style

# No Issue
---
 .../(user)/notifications/index.tsx            | 115 +++++++++++++++++-
 .../(user)/user-search/index.tsx              |   1 +
 components/Button/buttonCustomStyles.ts       |   2 +-
 components/Scroll/ScrollCustom.tsx            |  60 +++++++++
 components/Text/TextCustom.tsx                |   6 +-
 components/TextInput/TextInputCustom.tsx      |   4 +-
 components/index.ts                           |   4 +
 constants/constans-value.ts                   |  20 ++-
 screens/Portofolio/ListPage.tsx               |  48 ++++++--
 styles/global-styles.ts                       |  20 +--
 10 files changed, 254 insertions(+), 26 deletions(-)
 create mode 100644 components/Scroll/ScrollCustom.tsx

diff --git a/app/(application)/(user)/notifications/index.tsx b/app/(application)/(user)/notifications/index.tsx
index c497443..1fe591f 100644
--- a/app/(application)/(user)/notifications/index.tsx
+++ b/app/(application)/(user)/notifications/index.tsx
@@ -1,9 +1,118 @@
-import { TextCustom, ViewWrapper } from "@/components";
+import {
+  BaseBox,
+  Grid,
+  ScrollableCustom,
+  StackCustom,
+  TextCustom,
+  ViewWrapper,
+} from "@/components";
+import { MainColor } from "@/constants/color-palet";
+import { useState } from "react";
+import { View } from "react-native";
+
+const categories = [
+  { id: 1, label: "Semua" },
+  { id: 2, label: "Event" },
+  { id: 3, label: "Job" },
+  { id: 4, label: "Voting" },
+  { id: 5, label: "Donasi" },
+  { id: 6, label: "Investasi" },
+  { id: 7, label: "Forum" },
+  { id: 8, label: "Collaboration" },
+];
+
+const selectedCategory = (id: number) => {
+  const category = categories.find((c) => c.id === id);
+  return category?.label;
+};
+
+const BoxNotification = ({
+  index,
+  activeCategory,
+}: {
+  index: number;
+  activeCategory: number | null;
+}) => {
+  return (
+    <>
+      <BaseBox
+        onPress={() =>
+          console.log(
+            "Notification >",
+            selectedCategory(activeCategory as number)
+          )
+        }
+      >
+        <StackCustom>
+          <TextCustom bold>
+            # {selectedCategory(activeCategory as number)}
+          </TextCustom>
+
+          <View
+            style={{
+              borderBottomColor: MainColor.white_gray,
+              borderBottomWidth: 1,
+            }}
+          />
+
+          <TextCustom truncate={2}>
+            Lorem ipsum dolor sit amet consectetur adipisicing elit. Sint odio
+            unde quidem voluptate quam culpa sequi molestias ipsa corrupti id,
+            soluta, nostrum adipisci similique, et illo asperiores deleniti eum
+            labore.
+          </TextCustom>
+
+          <Grid>
+            <Grid.Col span={6}>
+              <TextCustom size="small" color="gray">
+                {index + 1} Agustus 2025
+              </TextCustom>
+            </Grid.Col>
+            <Grid.Col span={6} style={{ alignItems: "flex-end" }}>
+              <TextCustom size="small" color="gray">
+                Belum lihat
+              </TextCustom>
+            </Grid.Col>
+          </Grid>
+        </StackCustom>
+      </BaseBox>
+    </>
+  );
+};
 
 export default function Notifications() {
+  const [activeCategory, setActiveCategory] = useState<number | null>(1);
+
+  const handlePress = (item: any) => {
+    setActiveCategory(item.id);
+    // tambahkan logika lain seperti filter dsb.
+  };
   return (
-    <ViewWrapper>
-      <TextCustom>Notifications</TextCustom>
+    <ViewWrapper
+      headerComponent={
+        <ScrollableCustom
+          data={categories}
+          onButtonPress={handlePress}
+          activeId={activeCategory as any}
+        />
+      }
+    >
+      {Array.from({ length: 20 }).map((e, i) => (
+        <View key={i}>
+          <BoxNotification index={i} activeCategory={activeCategory} />
+        </View>
+      ))}
+
+      {/* Konten utama di sini */}
+      {/* <View style={{ flex: 1 }}>
+        <Text style={{ color: "white" }}>
+          {activeCategory
+            ? `Kategori Aktif: ${
+                categories.find((c) => c.id === activeCategory)?.label
+              }`
+            : "Pilih kategori"}
+        </Text>
+      </View> */}
     </ViewWrapper>
   );
 }
diff --git a/app/(application)/(user)/user-search/index.tsx b/app/(application)/(user)/user-search/index.tsx
index 69f4006..99c9a2a 100644
--- a/app/(application)/(user)/user-search/index.tsx
+++ b/app/(application)/(user)/user-search/index.tsx
@@ -52,6 +52,7 @@ export default function UserSearch() {
             }
             placeholder="Cari Pengguna"
             borderRadius={50}
+            containerStyle={{ marginBottom: 0 }}
           />
         }
       >
diff --git a/components/Button/buttonCustomStyles.ts b/components/Button/buttonCustomStyles.ts
index 3c19e6d..274475c 100644
--- a/components/Button/buttonCustomStyles.ts
+++ b/components/Button/buttonCustomStyles.ts
@@ -7,7 +7,7 @@ import { StyleSheet } from "react-native";
 export const stylesButton = StyleSheet.create({
     button: {
       backgroundColor: MainColor.yellow,
-      paddingVertical: 12,
+      paddingVertical: 10,
       paddingHorizontal: 20,
       flexDirection: "row", // 👈 Tambahkan baris ini
       alignItems: "center",
diff --git a/components/Scroll/ScrollCustom.tsx b/components/Scroll/ScrollCustom.tsx
new file mode 100644
index 0000000..2c82c6c
--- /dev/null
+++ b/components/Scroll/ScrollCustom.tsx
@@ -0,0 +1,60 @@
+import { AccentColor, MainColor } from "@/constants/color-palet";
+import React from "react";
+import { ScrollView, StyleSheet } from "react-native";
+import ButtonCustom from "../Button/ButtonCustom";
+
+interface ButtonData {
+  id: string | number;
+  label: string;
+}
+
+interface ScrollableCustomProps {
+  data: ButtonData[];
+  onButtonPress: (item: ButtonData) => void;
+  activeId?: string | number;
+}
+
+const ScrollableCustom = ({
+  data,
+  onButtonPress,
+  activeId,
+}: ScrollableCustomProps) => {
+  return (
+    <ScrollView
+      horizontal
+      showsHorizontalScrollIndicator={false}
+      contentContainerStyle={styles.buttonContainer}
+      style={styles.scrollView}
+    >
+      {data.map((item) => {
+        const isActive = activeId === item.id;
+
+        return (
+          <ButtonCustom
+            key={item.id}
+            backgroundColor={isActive ? MainColor.yellow : AccentColor.blue}
+            textColor={isActive ? MainColor.black : MainColor.white}
+            onPress={() => onButtonPress(item)}
+          >
+            {item.label}
+          </ButtonCustom>
+        );
+      })}
+    </ScrollView>
+  );
+};
+
+export default ScrollableCustom;
+
+const styles = StyleSheet.create({
+  scrollView: {
+    // maxHeight: 50,
+  },
+  buttonContainer: {
+    flexDirection: "row",
+    alignItems: "center",
+    // paddingHorizontal: 16,
+    // paddingVertical: 10,
+    gap: 12,
+  },
+});
diff --git a/components/Text/TextCustom.tsx b/components/Text/TextCustom.tsx
index 79a2703..2065ac6 100644
--- a/components/Text/TextCustom.tsx
+++ b/components/Text/TextCustom.tsx
@@ -22,7 +22,7 @@ interface TextCustomProps {
   bold?: boolean;
   semiBold?: boolean;
   size?: "default" | "large" | "small";
-  color?: "default" | "yellow" | "red";
+  color?: "default" | "yellow" | "red" | "gray";
   align?: TextAlign; // Prop untuk alignment
   truncate?: boolean | number;
   onPress?: () => void;
@@ -56,6 +56,7 @@ const TextCustom: React.FC<TextCustomProps> = ({
     // Color
     if (color === "yellow") selectedStyles.push(styles.yellow);
     else if (color === "red") selectedStyles.push(styles.red);
+    else if (color === "gray") selectedStyles.push(styles.gray);
 
     // Alignment
     if (align) {
@@ -122,4 +123,7 @@ export const styles = StyleSheet.create({
   red: {
     color: MainColor.red,
   },
+  gray: {
+    color: MainColor.placeholder,
+  },
 });
diff --git a/components/TextInput/TextInputCustom.tsx b/components/TextInput/TextInputCustom.tsx
index 96fe3a2..3a0fca1 100644
--- a/components/TextInput/TextInputCustom.tsx
+++ b/components/TextInput/TextInputCustom.tsx
@@ -24,6 +24,7 @@ type Props = {
   borderRadius?: number;
   style?: StyleProp<ViewStyle>;
   maxLength?: number;
+  containerStyle?: StyleProp<ViewStyle>;
 } & Omit<React.ComponentProps<typeof RNTextInput>, "style">;
 
 const TextInputCustom = ({
@@ -40,6 +41,7 @@ const TextInputCustom = ({
   keyboardType,
   onChangeText,
   maxLength,
+  containerStyle,
   ...rest
 }: Props) => {
   const [isPasswordVisible, setIsPasswordVisible] = useState(false);
@@ -73,7 +75,7 @@ const TextInputCustom = ({
   };
 
   return (
-    <View style={GStyles.inputContainerArea}>
+    <View style={[GStyles.inputContainerArea, containerStyle]}>
       {label && (
         <Text style={GStyles.inputLabel}>
           {label}
diff --git a/components/index.ts b/components/index.ts
index f2f2ed3..b10ccbf 100644
--- a/components/index.ts
+++ b/components/index.ts
@@ -37,6 +37,8 @@ import MapCustom from "./Map/MapCustom";
 import CenterCustom from "./Center/CenterCustom";
 // Clickable
 import ClickableCustom from "./Clickable/ClickableCustom";
+// Scroll
+import ScrollableCustom from "./Scroll/ScrollCustom";
 
 export {
   AlertCustom,
@@ -78,4 +80,6 @@ export {
   CenterCustom,
   // Clickable
   ClickableCustom,
+  // Scroll
+  ScrollableCustom,
 };
diff --git a/constants/constans-value.ts b/constants/constans-value.ts
index 04a9502..ae0f626 100644
--- a/constants/constans-value.ts
+++ b/constants/constans-value.ts
@@ -7,13 +7,31 @@ export {
   DRAWER_HEIGHT,
   RADIUS_BUTTON,
   ICON_SIZE_BUTTON,
+  PADDING_EXTRA_SMALL,
+  PADDING_SMALL,
+  PADDING_MEDIUM,
+  PADDING_LARGE,
 };
 
+// Text Size
 const TEXT_SIZE_SMALL = 12;
 const TEXT_SIZE_MEDIUM = 14;
 const TEXT_SIZE_LARGE = 16;
+
+// Icon Size
+const ICON_SIZE_BUTTON = 18
 const ICON_SIZE_SMALL = 20;
 const ICON_SIZE_MEDIUM = 24;
+
+// Drawer Height
 const DRAWER_HEIGHT = 500; // tinggi drawer5
+
+// Radius Button
 const RADIUS_BUTTON = 50
-const ICON_SIZE_BUTTON = 18
\ No newline at end of file
+
+// Padding
+const PADDING_EXTRA_SMALL = 10
+const PADDING_SMALL = 12
+const PADDING_MEDIUM = 16
+const PADDING_LARGE = 20
+
diff --git a/screens/Portofolio/ListPage.tsx b/screens/Portofolio/ListPage.tsx
index 4ad7416..b2253a7 100644
--- a/screens/Portofolio/ListPage.tsx
+++ b/screens/Portofolio/ListPage.tsx
@@ -1,35 +1,61 @@
 import { IMenuDrawerItem } from "@/components/_Interface/types";
 import { AccentColor } from "@/constants/color-palet";
 import { ICON_SIZE_MEDIUM } from "@/constants/constans-value";
-import { Ionicons } from "@expo/vector-icons";
+import { Ionicons,  FontAwesome5, FontAwesome, Fontisto } from "@expo/vector-icons";
 
-export const drawerItemsPortofolio = ({
-  id,
-}: {
-  id: string;
-}): IMenuDrawerItem[] => [
+export const drawerItemsPortofolio = ({ id }: { id: string }): IMenuDrawerItem[] => [
   {
-    icon: <Ionicons name="create" size={ICON_SIZE_MEDIUM} color={AccentColor.white} />,
+    icon: (
+      <Ionicons
+        name="create"
+        size={ICON_SIZE_MEDIUM}
+        color={AccentColor.white}
+      />
+    ),
     label: "Edit portofolio",
     path: `/(application)/portofolio/${id}/edit`,
   },
   {
-    icon: <Ionicons name="camera" size={ICON_SIZE_MEDIUM} color={AccentColor.white} />,
+    icon: (
+      <Ionicons
+        name="camera"
+        size={ICON_SIZE_MEDIUM}
+        color={AccentColor.white}
+      />
+    ),
     label: "Edit logo ",
     path: `/(application)/portofolio/${id}/edit-logo`,
   },
   {
-    icon: <Ionicons name="image" size={ICON_SIZE_MEDIUM} color={AccentColor.white} />,
+    icon: (
+      <FontAwesome
+        name="id-card-o"
+        size={ICON_SIZE_MEDIUM}
+        color={AccentColor.white}
+      />
+    ),
     label: "Edit social media ",
     path: `/(application)/portofolio/${id}/edit-social-media`,
   },
   {
-    icon: <Ionicons name="add-circle" size={ICON_SIZE_MEDIUM} color={AccentColor.white} />,
+    icon: (
+      <Fontisto
+        name="map-marker-alt"
+        size={ICON_SIZE_MEDIUM}
+        color={AccentColor.white}
+      />
+    ),
     label: "Edit Map",
     path: `/(application)/maps/${id}/edit`,
   },
   {
-    icon: <Ionicons name="create-outline" size={ICON_SIZE_MEDIUM} color={AccentColor.white} />,
+    icon: (
+      <FontAwesome5
+        name="map-pin"
+        size={ICON_SIZE_MEDIUM}
+        color={AccentColor.white}
+      />
+    ),
     label: "Custom Pin Map",
     path: `/(application)/maps/${id}/custom-pin`,
   },
diff --git a/styles/global-styles.ts b/styles/global-styles.ts
index 3e9f93a..b0b291b 100644
--- a/styles/global-styles.ts
+++ b/styles/global-styles.ts
@@ -1,4 +1,8 @@
 import {
+  PADDING_EXTRA_SMALL,
+  PADDING_LARGE,
+  PADDING_MEDIUM,
+  PADDING_SMALL,
   TEXT_SIZE_LARGE,
   TEXT_SIZE_MEDIUM,
   TEXT_SIZE_SMALL,
@@ -12,28 +16,28 @@ export const GStyles = StyleSheet.create({
   // =============== Main Styles =============== //
   container: {
     flex: 1,
-    paddingInline: 20,
-    paddingBlock: 10,
+    paddingInline: PADDING_LARGE,
+    paddingBlock: PADDING_EXTRA_SMALL,
     backgroundColor: MainColor.darkblue,
   },
   containerWithBackground: {
     flex: 1,
-    paddingInline: 20,
-    paddingBlock: 10,
+    paddingInline: PADDING_LARGE,
+    paddingBlock: PADDING_EXTRA_SMALL,
   },
   imageBackground: {
     height: "100%",
     width: "100%",
   },
   stickyHeader: {
-    position: "absolute",
+    position: "relative",
     top: 0,
     left: 0,
     right: 0,
     zIndex: 10,
-    backgroundColor: MainColor.darkblue,
-    paddingTop: 16,
-    paddingInline: 16,
+    backgroundColor: "transparent",
+    paddingBlock: PADDING_SMALL,
+    paddingInline: PADDING_MEDIUM,
     // padding: 16,
     // paddingTop: 8,
     // paddingBottom: 8,

From ac9dae7c5bc0e27d22d60f1d1d6eb91f809f7703 Mon Sep 17 00:00:00 2001
From: Bagasbanuna02 <bagasbanuna02@gmail.com>
Date: Mon, 14 Jul 2025 11:56:44 +0800
Subject: [PATCH 49/64] feature & fix deskripsi: feature: - floating button -
 Forum create

fix:
- Base box
- Avatar : penambahan onPres & href
- Text custom : penambahan warna props green
- Text Area : penambhaan hight
- ViewWrapper : penambahan props floating
# No Issue "
---
 app/(application)/(user)/_layout.tsx          |    4 +-
 app/(application)/(user)/forum/create.tsx     |   37 +
 app/(application)/(user)/forum/index.tsx      |   43 +-
 .../(user)/portofolio/[id]/create.tsx         |    2 +-
 .../(user)/user-search/index.tsx              |    2 +-
 bun.lock                                      |   13 +
 components/Box/BaseBox.tsx                    |   13 +-
 components/Button/FloatingButton.tsx          |   45 +
 components/Image/AvatarCustom.tsx             |   55 +-
 components/Text/TextCustom.tsx                |    6 +-
 components/TextArea/TextAreaCustom.tsx        |    5 +-
 components/_ShareComponent/ViewWrapper.tsx    |   43 +-
 package-lock.json                             | 1242 ++++++++++-------
 package.json                                  |    5 +-
 screens/Forum/berandaSection.tsx              |   76 +
 styles/global-styles.ts                       |    6 +
 16 files changed, 1060 insertions(+), 537 deletions(-)
 create mode 100644 app/(application)/(user)/forum/create.tsx
 create mode 100644 components/Button/FloatingButton.tsx
 create mode 100644 screens/Forum/berandaSection.tsx

diff --git a/app/(application)/(user)/_layout.tsx b/app/(application)/(user)/_layout.tsx
index 85dcd39..9feec54 100644
--- a/app/(application)/(user)/_layout.tsx
+++ b/app/(application)/(user)/_layout.tsx
@@ -87,9 +87,9 @@ export default function UserLayout() {
 
         {/* ========== Forum Section ========= */}
         <Stack.Screen
-          name="forum/index"
+          name="forum/create"
           options={{
-            title: "Forum",
+            title: "Tambah Diskusi",
             headerLeft: () => <BackButton />,
           }}
         />
diff --git a/app/(application)/(user)/forum/create.tsx b/app/(application)/(user)/forum/create.tsx
new file mode 100644
index 0000000..cfee048
--- /dev/null
+++ b/app/(application)/(user)/forum/create.tsx
@@ -0,0 +1,37 @@
+import {
+  BoxButtonOnFooter,
+  ButtonCustom,
+  TextAreaCustom,
+  ViewWrapper,
+} from "@/components";
+import { router } from "expo-router";
+import { useState } from "react";
+
+export default function ForumCreate() {
+  const [text, setText] = useState("");
+
+  const buttonFooter = (
+    <BoxButtonOnFooter>
+      <ButtonCustom
+        onPress={() => {
+          console.log("Posting", text);
+          router.back();
+        }}
+      >
+        Posting
+      </ButtonCustom>
+    </BoxButtonOnFooter>
+  );
+
+  return (
+    <ViewWrapper footerComponent={buttonFooter}>
+      <TextAreaCustom
+        placeholder="Ketik diskusi anda..."
+        maxLength={1000}
+        showCount
+        value={text}
+        onChangeText={setText}
+      />
+    </ViewWrapper>
+  );
+}
diff --git a/app/(application)/(user)/forum/index.tsx b/app/(application)/(user)/forum/index.tsx
index f785332..532ace3 100644
--- a/app/(application)/(user)/forum/index.tsx
+++ b/app/(application)/(user)/forum/index.tsx
@@ -1,10 +1,47 @@
-import { TextCustom, ViewWrapper } from "@/components";
+import {
+  AvatarCustom,
+  BackButton,
+  TextInputCustom,
+  ViewWrapper
+} from "@/components";
+import FloatingButton from "@/components/Button/FloatingButton";
+import { MainColor } from "@/constants/color-palet";
+import { ICON_SIZE_SMALL } from "@/constants/constans-value";
+import Forum_BerandaSection from "@/screens/Forum/berandaSection";
+import { Ionicons } from "@expo/vector-icons";
+import { router, Stack } from "expo-router";
 
 export default function Forum() {
   return (
     <>
-      <ViewWrapper>
-        <TextCustom>Forum</TextCustom>
+      <Stack.Screen
+        options={{
+          title: "Forum",
+          headerLeft: () => <BackButton />,
+          headerRight: () => <AvatarCustom />,
+        }}
+      />
+
+      <ViewWrapper
+        headerComponent={
+          <TextInputCustom
+            iconLeft={
+              <Ionicons
+                name="search-outline"
+                size={ICON_SIZE_SMALL}
+                color={MainColor.placeholder}
+              />
+            }
+            placeholder="Cari topik forum..."
+            borderRadius={50}
+            containerStyle={{ marginBottom: 0 }}
+          />
+        }
+        floatingButton={
+          <FloatingButton onPress={() => router.navigate("/(application)/(user)/forum/create")} />
+        }
+      >
+        <Forum_BerandaSection />
       </ViewWrapper>
     </>
   );
diff --git a/app/(application)/(user)/portofolio/[id]/create.tsx b/app/(application)/(user)/portofolio/[id]/create.tsx
index f616d90..c39cbc3 100644
--- a/app/(application)/(user)/portofolio/[id]/create.tsx
+++ b/app/(application)/(user)/portofolio/[id]/create.tsx
@@ -155,7 +155,7 @@ export default function PortofolioCreate() {
           icon="upload"
           onPress={() => {
             console.log("Upload logo >>", id);
-            router.navigate(`/(application)/take-picture/${id}`);
+            router.navigate(`/(application)/(image)/take-picture/${id}`);
           }}
         >
           Upload
diff --git a/app/(application)/(user)/user-search/index.tsx b/app/(application)/(user)/user-search/index.tsx
index 99c9a2a..580b5c7 100644
--- a/app/(application)/(user)/user-search/index.tsx
+++ b/app/(application)/(user)/user-search/index.tsx
@@ -61,7 +61,7 @@ export default function UserSearch() {
             return (
               <Grid key={index}>
                 <Grid.Col span={2}>
-                  <AvatarCustom />
+                  <AvatarCustom href={`/profile/${index}`}/>  
                 </Grid.Col>
                 <Grid.Col span={9}>
                   <TextCustom size="large">Nama user {index}</TextCustom>
diff --git a/bun.lock b/bun.lock
index ac6dbcb..eade41a 100644
--- a/bun.lock
+++ b/bun.lock
@@ -33,6 +33,7 @@
         "react-native-international-phone-number": "^0.9.3",
         "react-native-maps": "1.20.1",
         "react-native-otp-entry": "^1.8.5",
+        "react-native-paper": "^5.14.5",
         "react-native-reanimated": "~3.17.4",
         "react-native-safe-area-context": "5.4.0",
         "react-native-screens": "~4.11.1",
@@ -238,6 +239,8 @@
 
     "@babel/types": ["@babel/types@7.27.6", "", { "dependencies": { "@babel/helper-string-parser": "^7.27.1", "@babel/helper-validator-identifier": "^7.27.1" } }, "sha512-ETyHEk2VHHvl9b9jZP5IHPavHYk57EhanlRRuae9XCpb/j5bDCbPPMOBfCWhnl/7EDJz0jEMCi/RhccCE8r1+Q=="],
 
+    "@callstack/react-theme-provider": ["@callstack/react-theme-provider@3.0.9", "", { "dependencies": { "deepmerge": "^3.2.0", "hoist-non-react-statics": "^3.3.0" }, "peerDependencies": { "react": ">=16.3.0" } }, "sha512-tTQ0uDSCL0ypeMa8T/E9wAZRGKWj8kXP7+6RYgPTfOPs9N07C9xM8P02GJ3feETap4Ux5S69D9nteq9mEj86NA=="],
+
     "@egjs/hammerjs": ["@egjs/hammerjs@2.0.17", "", { "dependencies": { "@types/hammerjs": "^2.0.36" } }, "sha512-XQsZgjm2EcVUiZQf11UBJQfmZeEmOW8DpI1gsFeln6w0ae0ii4dMQEQ0kjl6DspdWX1aGY1/loyXnP0JS06e/A=="],
 
     "@emnapi/core": ["@emnapi/core@1.4.3", "", { "dependencies": { "@emnapi/wasi-threads": "1.0.2", "tslib": "^2.4.0" } }, "sha512-4m62DuCE07lw01soJwPiBGC0nAww0Q+RY70VZ+n49yDIO13yyinhbWCeNnaob0lakDtWQzSdtNWzJeOJt2ma+g=="],
@@ -1380,6 +1383,8 @@
 
     "react-native-otp-entry": ["react-native-otp-entry@1.8.5", "", { "peerDependencies": { "react": "*", "react-native": "*" } }, "sha512-TZNkIuUzZKAAWrC8X/A22ZHJdycLysxUNysrGf0yTmDLRUyf4zLXwVFcDYUcRNe763Hjaf5qvtKGILb6lDGzoA=="],
 
+    "react-native-paper": ["react-native-paper@5.14.5", "", { "dependencies": { "@callstack/react-theme-provider": "^3.0.9", "color": "^3.1.2", "use-latest-callback": "^0.2.3" }, "peerDependencies": { "react": "*", "react-native": "*", "react-native-safe-area-context": "*" } }, "sha512-eaIH5bUQjJ/mYm4AkI6caaiyc7BcHDwX6CqNDi6RIxfxfWxROsHpll1oBuwn/cFvknvA8uEAkqLk/vzVihI3AQ=="],
+
     "react-native-reanimated": ["react-native-reanimated@3.17.5", "", { "dependencies": { "@babel/plugin-transform-arrow-functions": "^7.0.0-0", "@babel/plugin-transform-class-properties": "^7.0.0-0", "@babel/plugin-transform-classes": "^7.0.0-0", "@babel/plugin-transform-nullish-coalescing-operator": "^7.0.0-0", "@babel/plugin-transform-optional-chaining": "^7.0.0-0", "@babel/plugin-transform-shorthand-properties": "^7.0.0-0", "@babel/plugin-transform-template-literals": "^7.0.0-0", "@babel/plugin-transform-unicode-regex": "^7.0.0-0", "@babel/preset-typescript": "^7.16.7", "convert-source-map": "^2.0.0", "invariant": "^2.2.4", "react-native-is-edge-to-edge": "1.1.7" }, "peerDependencies": { "@babel/core": "^7.0.0-0", "react": "*", "react-native": "*" } }, "sha512-SxBK7wQfJ4UoWoJqQnmIC7ZjuNgVb9rcY5Xc67upXAFKftWg0rnkknTw6vgwnjRcvYThrjzUVti66XoZdDJGtw=="],
 
     "react-native-safe-area-context": ["react-native-safe-area-context@5.4.0", "", { "peerDependencies": { "react": "*", "react-native": "*" } }, "sha512-JaEThVyJcLhA+vU0NU8bZ0a1ih6GiF4faZ+ArZLqpYbL6j7R3caRqj+mE3lEtKCuHgwjLg3bCxLL1GPUJZVqUA=="],
@@ -1712,6 +1717,8 @@
 
     "@babel/traverse--for-generate-function-map/globals": ["globals@11.12.0", "", {}, "sha512-WOBp/EEGUiIsJSp7wcv/y6MO+lV9UoncWqxuFfm8eBwzWNgyfBd6Gz+IeKQ9jCmyhoH99g15M3T+QaVHFjizVA=="],
 
+    "@callstack/react-theme-provider/deepmerge": ["deepmerge@3.3.0", "", {}, "sha512-GRQOafGHwMHpjPx9iCvTgpu9NojZ49q794EEL94JVEw6VaeA8XTUyBKvAkOOjBX9oJNiV6G3P+T+tihFjo2TqA=="],
+
     "@eslint-community/eslint-utils/eslint-visitor-keys": ["eslint-visitor-keys@3.4.3", "", {}, "sha512-wpc+LXeiyiisxPlEkUzU6svyS1frIO3Mgxj1fdy7Pm8Ygzguax2N3Fa/D/ag1WqbOprdI+uY6wMUl8/a2G+iag=="],
 
     "@eslint/eslintrc/globals": ["globals@14.0.0", "", {}, "sha512-oahGvuMGQlPw/ivIYBjVSrWAfWLBeku5tpPE2fOPLi+WHffIWbuh2tCjhyQhTBPMf5E9jDEH4FOmTYgYwbKwtQ=="],
@@ -1892,6 +1899,8 @@
 
     "react-native/semver": ["semver@7.7.2", "", { "bin": "bin/semver.js" }, "sha512-RF0Fw+rO5AMf9MAyaRXI4AV0Ulj5lMHqVxxdSgiVbixSCXoEmmX/jk0CuJw4+3SqroYO9VoUh+HcuJivvtJemA=="],
 
+    "react-native-paper/color": ["color@3.2.1", "", { "dependencies": { "color-convert": "^1.9.3", "color-string": "^1.6.0" } }, "sha512-aBl7dZI9ENN6fUGC7mWpMTPNHmWUSNan9tuWN6ahh5ZLNk9baLJOnSMlrQkHcrfFgz2/RigjUVAjdx36VcemKA=="],
+
     "react-native-vector-icons/yargs": ["yargs@16.2.0", "", { "dependencies": { "cliui": "^7.0.2", "escalade": "^3.1.1", "get-caller-file": "^2.0.5", "require-directory": "^2.1.1", "string-width": "^4.2.0", "y18n": "^5.0.5", "yargs-parser": "^20.2.2" } }, "sha512-D1mvvtDG0L5ft/jGWkLpG1+m0eQxOfaBvTNELraWj22wSVUMWxZUvYgJYcKh6jGGIkJFhH4IZPQhR4TKpc8mBw=="],
 
     "react-native-web/@react-native/normalize-colors": ["@react-native/normalize-colors@0.74.89", "", {}, "sha512-qoMMXddVKVhZ8PA1AbUCk83trpd6N+1nF2A6k1i6LsQObyS92fELuk8kU/lQs6M7BsMHwqyLCpQJ1uFgNvIQXg=="],
@@ -2012,6 +2021,8 @@
 
     "ora/chalk/supports-color": ["supports-color@5.5.0", "", { "dependencies": { "has-flag": "^3.0.0" } }, "sha512-QjVjwdXIt408MIiAqCX4oUKsgU2EqAGzs2Ppkm4aQYbjm+ZEWEcW4SfFNTr4uMNZma0ey4f5lgLrkB0aX0QMow=="],
 
+    "react-native-paper/color/color-convert": ["color-convert@1.9.3", "", { "dependencies": { "color-name": "1.1.3" } }, "sha512-QfAUtd+vFdAtFQcC8CCyYt1fYWxSqAiK2cSD6zDB8N3cpsEBAvRxp9zOGg6G/SHHJYAT88/az/IuDGALsNVbGg=="],
+
     "react-native-vector-icons/yargs/cliui": ["cliui@7.0.4", "", { "dependencies": { "string-width": "^4.2.0", "strip-ansi": "^6.0.0", "wrap-ansi": "^7.0.0" } }, "sha512-OcRE68cOsVMXp1Yvonl/fzkQOyjLSu/8bhPDfQt0e0/Eb283TKP20Fs2MqoPsr9SwA595rRCA+QMzYc9nBP+JQ=="],
 
     "react-native-vector-icons/yargs/yargs-parser": ["yargs-parser@20.2.9", "", {}, "sha512-y11nGElTIV+CT3Zv9t7VKl+Q3hTQoT9a1Qzezhhl6Rp21gJ/IVTW7Z3y9EWXhuUBC2Shnf+DX0antecpAwSP8w=="],
@@ -2048,6 +2059,8 @@
 
     "ora/chalk/supports-color/has-flag": ["has-flag@3.0.0", "", {}, "sha512-sKJf1+ceQBr4SMkvQnBDNDtf4TXpVhVGateu0t918bl30FnbE2m4vNLX+VWe/dpjlb+HugGYzW7uQXH98HPEYw=="],
 
+    "react-native-paper/color/color-convert/color-name": ["color-name@1.1.3", "", {}, "sha512-72fSenhMw2HZMTVHeCA9KCmpEIbzWiQsjN+BHcBbS9vr1mtt+vJjPdksIBNUmKAW8TFUDPJK5SUU3QhE9NEXDw=="],
+
     "react-native-vector-icons/yargs/cliui/strip-ansi": ["strip-ansi@6.0.1", "", { "dependencies": { "ansi-regex": "^5.0.1" } }, "sha512-Y38VPSHcqkFrCpFnQ9vuSXmquuv5oXOKpGeT6aGrr3o3Gc9AlVa6JBfUSOCnbxGGZF+/0ooI7KrPuUSztUdU5A=="],
 
     "serve-static/send/debug/ms": ["ms@2.0.0", "", {}, "sha512-Tpp60P6IUJDTuOq/5Z8cdskzJujfwqfOTkrwIwj7IRISpnkJnT6SyJ4PCPnGMoFjC9ddhal5KVIYtAt97ix05A=="],
diff --git a/components/Box/BaseBox.tsx b/components/Box/BaseBox.tsx
index 073a71c..8a64eb7 100644
--- a/components/Box/BaseBox.tsx
+++ b/components/Box/BaseBox.tsx
@@ -1,4 +1,5 @@
 import { AccentColor } from "@/constants/color-palet";
+import { PADDING_EXTRA_SMALL, PADDING_MEDIUM, PADDING_SMALL } from "@/constants/constans-value";
 import { StyleProp, TouchableHighlight, View, ViewStyle } from "react-native";
 
 interface BaseBoxProps {
@@ -8,14 +9,16 @@ interface BaseBoxProps {
   marginBottom?: number;
   padding?: number;
   paddingInline?: number;
+  paddingBlock?: number;
 }
 
 export default function BaseBox({
   children,
   style,
   onPress,
-  marginBottom = 16,
-  padding = 12,
+  marginBottom = PADDING_MEDIUM,
+  paddingBlock = PADDING_EXTRA_SMALL,
+  paddingInline = PADDING_SMALL,
 }: BaseBoxProps) {
   return (
     <>
@@ -29,7 +32,8 @@ export default function BaseBox({
               borderWidth: 1,
               borderRadius: 10,
               marginBottom,
-              padding,
+              paddingBlock,
+              paddingInline,
             },
             style,
           ]}
@@ -46,7 +50,8 @@ export default function BaseBox({
               borderWidth: 1,
               borderRadius: 10,
               marginBottom,
-              padding,
+              paddingBlock,
+              paddingInline,
             },
             style,
           ]}
diff --git a/components/Button/FloatingButton.tsx b/components/Button/FloatingButton.tsx
new file mode 100644
index 0000000..646a0ca
--- /dev/null
+++ b/components/Button/FloatingButton.tsx
@@ -0,0 +1,45 @@
+// components/FloatingButton.tsx
+import { AccentColor, MainColor } from "@/constants/color-palet";
+import React from "react";
+import { StyleSheet, ViewStyle } from "react-native";
+import { FAB } from "react-native-paper";
+
+// Props untuk komponen
+interface FloatingButtonProps {
+  onPress: () => void;
+//   label?: string;
+  icon?: string; // MaterialCommunityIcons
+  style?: ViewStyle;
+}
+
+const FloatingButton: React.FC<FloatingButtonProps> = ({
+  onPress,
+  //   label = "Buat",
+  icon = "pencil-plus-outline",
+  style,
+}) => {
+  return (
+    <FAB
+      style={[styles.fab, style]}
+      icon={icon}
+      color={MainColor.white}
+      //   label={label}
+      onPress={onPress}
+    />
+  );
+};
+
+const styles = StyleSheet.create({
+  fab: {
+    position: "absolute",
+    margin: 16,
+    right: 0,
+    bottom: 0,
+    backgroundColor: AccentColor.softblue, // Warna Twitter biru
+    borderRadius: 50,
+    borderColor: AccentColor.blue,
+    borderWidth: 1,
+  },
+});
+
+export default FloatingButton;
diff --git a/components/Image/AvatarCustom.tsx b/components/Image/AvatarCustom.tsx
index d4a6889..28c0975 100644
--- a/components/Image/AvatarCustom.tsx
+++ b/components/Image/AvatarCustom.tsx
@@ -1,12 +1,21 @@
+/* eslint-disable @typescript-eslint/no-unused-vars */
 import { MainColor } from "@/constants/color-palet";
 import DUMMY_IMAGE from "@/constants/dummy-image-value";
-import { Image, ImageSourcePropType, StyleSheet } from "react-native";
+import { Href, router } from "expo-router";
+import {
+  Image,
+  ImageSourcePropType,
+  StyleSheet,
+  TouchableOpacity,
+} from "react-native";
 
 type Size = "base" | "sm" | "md" | "lg" | "xl";
 
 interface AvatarCustomProps {
   source?: ImageSourcePropType;
   size?: Size;
+  onPress?: () => void;
+  href?: Href | undefined;
 }
 
 const sizeMap = {
@@ -20,24 +29,42 @@ const sizeMap = {
 export default function AvatarCustom({
   source = DUMMY_IMAGE.avatar,
   size = "base",
+  onPress,
+  href,
 }: AvatarCustomProps) {
   const dimension = sizeMap[size];
 
+  const ImageView = ({source}: {source: ImageSourcePropType}) => {
+    return (
+      <Image
+        source={source}
+        style={[
+          // styles.overlappingAvatar,
+          {
+            width: dimension,
+            height: dimension,
+            borderRadius: dimension / 2,
+          },
+        ]}
+        resizeMode="cover"
+      />
+    )
+  }
+
   return (
-    <Image
-      source={source}
-      style={[
-        styles.overlappingAvatar,
-        {
-          width: dimension,
-          height: dimension,
-          borderRadius: dimension / 2,
-        },
-      ]}
-      resizeMode="cover"
-    />
+    <>
+      {onPress || href ? (
+        <TouchableOpacity
+          onPress={href ? () => router.navigate(href as any) : onPress}
+        >
+          <ImageView source={source} />
+        </TouchableOpacity>
+      ) : (
+        <ImageView source={source} />
+      )}
+    </>
   );
-}
+}       
 
 const styles = StyleSheet.create({
   container: {
diff --git a/components/Text/TextCustom.tsx b/components/Text/TextCustom.tsx
index 2065ac6..ff2882e 100644
--- a/components/Text/TextCustom.tsx
+++ b/components/Text/TextCustom.tsx
@@ -22,7 +22,7 @@ interface TextCustomProps {
   bold?: boolean;
   semiBold?: boolean;
   size?: "default" | "large" | "small";
-  color?: "default" | "yellow" | "red" | "gray";
+  color?: "default" | "yellow" | "red" | "gray" | "green";
   align?: TextAlign; // Prop untuk alignment
   truncate?: boolean | number;
   onPress?: () => void;
@@ -57,6 +57,7 @@ const TextCustom: React.FC<TextCustomProps> = ({
     if (color === "yellow") selectedStyles.push(styles.yellow);
     else if (color === "red") selectedStyles.push(styles.red);
     else if (color === "gray") selectedStyles.push(styles.gray);
+    else if (color === "green") selectedStyles.push(styles.green);
 
     // Alignment
     if (align) {
@@ -126,4 +127,7 @@ export const styles = StyleSheet.create({
   gray: {
     color: MainColor.placeholder,
   },
+  green: {
+    color: MainColor.green,
+  },
 });
diff --git a/components/TextArea/TextAreaCustom.tsx b/components/TextArea/TextAreaCustom.tsx
index 2058a51..5b4d979 100644
--- a/components/TextArea/TextAreaCustom.tsx
+++ b/components/TextArea/TextAreaCustom.tsx
@@ -24,6 +24,7 @@ type BaseProps = {
   maxRows?: number;
   showCount?: boolean;
   maxLength?: number;
+  height?: number;
   style?: StyleProp<ViewStyle>;
 };
 
@@ -44,12 +45,13 @@ const TextAreaCustom: React.FC<TextAreaCustomProps> = ({
   disabled = false,
   borderRadius = 8,
   autosize = false,
-  minRows = 3,
+  minRows = 4,
   maxRows = 6,
   showCount = false,
   maxLength,
   value,
   onChangeText,
+  height = 100,
   style,
   ...rest
 }) => {
@@ -90,6 +92,7 @@ const TextAreaCustom: React.FC<TextAreaCustomProps> = ({
           disabled && GStyles.disabledBox,
           hasError ? GStyles.inputErrorBorder : {},
           { borderRadius },
+          { height },
           style,
         ]}
       >
diff --git a/components/_ShareComponent/ViewWrapper.tsx b/components/_ShareComponent/ViewWrapper.tsx
index 8e40bbf..2a67e35 100644
--- a/components/_ShareComponent/ViewWrapper.tsx
+++ b/components/_ShareComponent/ViewWrapper.tsx
@@ -18,6 +18,7 @@ interface ViewWrapperProps {
   withBackground?: boolean;
   headerComponent?: React.ReactNode;
   footerComponent?: React.ReactNode;
+  floatingButton?: React.ReactNode;
   style?: StyleProp<ViewStyle>;
 }
 
@@ -26,6 +27,7 @@ const ViewWrapper = ({
   withBackground = false,
   headerComponent,
   footerComponent,
+  floatingButton,
   style,
 }: ViewWrapperProps) => {
   const assetBackground = require("../../assets/images/main-background.png");
@@ -79,43 +81,12 @@ const ViewWrapper = ({
             style={{ backgroundColor: MainColor.darkblue }}
           />
         )}
+
+        {/* Floating Component (misal: FAB) */}
+        {floatingButton && (
+          <View style={GStyles.floatingContainer}>{floatingButton}</View>
+        )}
       </KeyboardAvoidingView>
-
-      {/* <SafeAreaView
-        edges={["bottom"]}
-        style={{ flex: 1, backgroundColor: MainColor.soft_darkblue }}
-      >
-        <KeyboardAvoidingView
-          behavior={Platform.OS === "ios" ? "padding" : "height"}
-          style={{ flex: 1 }}
-        >
-          <ScrollView contentContainerStyle={{ flexGrow: 1 }}>
-            {withBackground ? (
-              <ImageBackground
-                source={assetBackground}
-                resizeMode="cover"
-                style={GStyles.imageBackground}
-              >
-                <View style={GStyles.containerWithBackground}>{children}</View>
-              </ImageBackground>
-            ) : (
-              <View style={GStyles.container}>{children}</View>
-            )}
-          </ScrollView>
-
-          {footerComponent ? (
-            <SafeAreaView
-              edges={["bottom"]}
-              style={{
-                // flex: 1,
-                backgroundColor: MainColor.darkblue,
-              }}
-            >
-              {footerComponent}
-            </SafeAreaView>
-          ) : null}
-        </KeyboardAvoidingView>
-      </SafeAreaView> */}
     </>
   );
 };
diff --git a/package-lock.json b/package-lock.json
index 210baca..4856d08 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -9,29 +9,39 @@
       "version": "1.0.0",
       "dependencies": {
         "@expo/vector-icons": "^14.1.0",
-        "@react-navigation/bottom-tabs": "^7.3.10",
+        "@react-navigation/bottom-tabs": "^7.4.2",
+        "@react-navigation/drawer": "^7.5.2",
         "@react-navigation/elements": "^2.3.8",
         "@react-navigation/native": "^7.1.6",
-        "expo": "~53.0.12",
+        "@react-navigation/native-stack": "^7.3.21",
+        "@types/react-native-vector-icons": "^6.4.18",
+        "expo": "53.0.17",
         "expo-blur": "~14.1.5",
-        "expo-constants": "~17.1.6",
-        "expo-font": "~13.3.1",
+        "expo-camera": "~16.1.10",
+        "expo-constants": "~17.1.7",
+        "expo-font": "~13.3.2",
         "expo-haptics": "~14.1.4",
-        "expo-image": "~2.3.0",
-        "expo-linking": "~7.1.5",
-        "expo-router": "~5.1.0",
-        "expo-splash-screen": "~0.30.9",
+        "expo-image": "~2.3.2",
+        "expo-image-picker": "~16.1.4",
+        "expo-linking": "~7.1.7",
+        "expo-router": "~5.1.3",
+        "expo-splash-screen": "~0.30.10",
         "expo-status-bar": "~2.2.3",
         "expo-symbols": "~0.4.5",
-        "expo-system-ui": "~5.0.9",
+        "expo-system-ui": "~5.0.10",
         "expo-web-browser": "~14.2.0",
         "react": "19.0.0",
         "react-dom": "19.0.0",
-        "react-native": "0.79.4",
+        "react-native": "0.79.5",
         "react-native-gesture-handler": "~2.24.0",
+        "react-native-international-phone-number": "^0.9.3",
+        "react-native-maps": "1.20.1",
+        "react-native-otp-entry": "^1.8.5",
+        "react-native-paper": "^5.14.5",
         "react-native-reanimated": "~3.17.4",
         "react-native-safe-area-context": "5.4.0",
         "react-native-screens": "~4.11.1",
+        "react-native-vector-icons": "^10.2.0",
         "react-native-web": "~0.20.0",
         "react-native-webview": "13.13.5"
       },
@@ -85,9 +95,9 @@
       }
     },
     "node_modules/@babel/compat-data": {
-      "version": "7.27.5",
-      "resolved": "https://registry.npmjs.org/@babel/compat-data/-/compat-data-7.27.5.tgz",
-      "integrity": "sha512-KiRAp/VoJaWkkte84TvUd9qjdbZAdiqyvMxrGl1N6vzFogKmaLgoM3L1kgtLicp2HP5fBJS8JrZKLVIZGVJAVg==",
+      "version": "7.28.0",
+      "resolved": "https://registry.npmjs.org/@babel/compat-data/-/compat-data-7.28.0.tgz",
+      "integrity": "sha512-60X7qkglvrap8mn1lh2ebxXdZYtUcpd7gsmy9kLaBJ4i/WdY8PqTSdxyA8qraikqKQK5C1KRBKXqznrVapyNaw==",
       "license": "MIT",
       "engines": {
         "node": ">=6.9.0"
@@ -124,15 +134,15 @@
       }
     },
     "node_modules/@babel/generator": {
-      "version": "7.27.5",
-      "resolved": "https://registry.npmjs.org/@babel/generator/-/generator-7.27.5.tgz",
-      "integrity": "sha512-ZGhA37l0e/g2s1Cnzdix0O3aLYm66eF8aufiVteOgnwxgnRP8GoyMj7VWsgWnQbVKXyge7hqrFh2K2TQM6t1Hw==",
+      "version": "7.28.0",
+      "resolved": "https://registry.npmjs.org/@babel/generator/-/generator-7.28.0.tgz",
+      "integrity": "sha512-lJjzvrbEeWrhB4P3QBsH7tey117PjLZnDbLiQEKjQ/fNJTjuq4HSqgFA+UNSwZT8D7dxxbnuSBMsa1lrWzKlQg==",
       "license": "MIT",
       "dependencies": {
-        "@babel/parser": "^7.27.5",
-        "@babel/types": "^7.27.3",
-        "@jridgewell/gen-mapping": "^0.3.5",
-        "@jridgewell/trace-mapping": "^0.3.25",
+        "@babel/parser": "^7.28.0",
+        "@babel/types": "^7.28.0",
+        "@jridgewell/gen-mapping": "^0.3.12",
+        "@jridgewell/trace-mapping": "^0.3.28",
         "jsesc": "^3.0.2"
       },
       "engines": {
@@ -206,21 +216,30 @@
       }
     },
     "node_modules/@babel/helper-define-polyfill-provider": {
-      "version": "0.6.4",
-      "resolved": "https://registry.npmjs.org/@babel/helper-define-polyfill-provider/-/helper-define-polyfill-provider-0.6.4.tgz",
-      "integrity": "sha512-jljfR1rGnXXNWnmQg2K3+bvhkxB51Rl32QRaOTuwwjviGrHzIbSc8+x9CpraDtbT7mfyjXObULP4w/adunNwAw==",
+      "version": "0.6.5",
+      "resolved": "https://registry.npmjs.org/@babel/helper-define-polyfill-provider/-/helper-define-polyfill-provider-0.6.5.tgz",
+      "integrity": "sha512-uJnGFcPsWQK8fvjgGP5LZUZZsYGIoPeRjSF5PGwrelYgq7Q15/Ft9NGFp1zglwgIv//W0uG4BevRuSJRyylZPg==",
       "license": "MIT",
       "dependencies": {
-        "@babel/helper-compilation-targets": "^7.22.6",
-        "@babel/helper-plugin-utils": "^7.22.5",
-        "debug": "^4.1.1",
+        "@babel/helper-compilation-targets": "^7.27.2",
+        "@babel/helper-plugin-utils": "^7.27.1",
+        "debug": "^4.4.1",
         "lodash.debounce": "^4.0.8",
-        "resolve": "^1.14.2"
+        "resolve": "^1.22.10"
       },
       "peerDependencies": {
         "@babel/core": "^7.4.0 || ^8.0.0-0 <8.0.0"
       }
     },
+    "node_modules/@babel/helper-globals": {
+      "version": "7.28.0",
+      "resolved": "https://registry.npmjs.org/@babel/helper-globals/-/helper-globals-7.28.0.tgz",
+      "integrity": "sha512-+W6cISkXFa1jXsDEdYA8HeevQT/FULhxzR99pxphltZcVaugps53THCeiWA8SguxxpSp3gKPiuYfSWopkLQ4hw==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=6.9.0"
+      }
+    },
     "node_modules/@babel/helper-member-expression-to-functions": {
       "version": "7.27.1",
       "resolved": "https://registry.npmjs.org/@babel/helper-member-expression-to-functions/-/helper-member-expression-to-functions-7.27.1.tgz",
@@ -473,12 +492,12 @@
       }
     },
     "node_modules/@babel/parser": {
-      "version": "7.27.5",
-      "resolved": "https://registry.npmjs.org/@babel/parser/-/parser-7.27.5.tgz",
-      "integrity": "sha512-OsQd175SxWkGlzbny8J3K8TnnDD0N3lrIUtB92xwyRpzaenGZhxDvxN/JgU00U3CDZNj9tPuDJ5H0WS4Nt3vKg==",
+      "version": "7.28.0",
+      "resolved": "https://registry.npmjs.org/@babel/parser/-/parser-7.28.0.tgz",
+      "integrity": "sha512-jVZGvOxOuNSsuQuLRTh13nU0AogFlw32w/MT+LV6D3sP5WdbW61E77RnkbaO2dUvmPAYrBDJXGn5gGS6tH4j8g==",
       "license": "MIT",
       "dependencies": {
-        "@babel/types": "^7.27.3"
+        "@babel/types": "^7.28.0"
       },
       "bin": {
         "parser": "bin/babel-parser.js"
@@ -488,9 +507,9 @@
       }
     },
     "node_modules/@babel/plugin-proposal-decorators": {
-      "version": "7.27.1",
-      "resolved": "https://registry.npmjs.org/@babel/plugin-proposal-decorators/-/plugin-proposal-decorators-7.27.1.tgz",
-      "integrity": "sha512-DTxe4LBPrtFdsWzgpmbBKevg3e9PBy+dXRt19kSbucbZvL2uqtdqwwpluL1jfxYE0wIDTFp1nTy/q6gNLsxXrg==",
+      "version": "7.28.0",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-proposal-decorators/-/plugin-proposal-decorators-7.28.0.tgz",
+      "integrity": "sha512-zOiZqvANjWDUaUS9xMxbMcK/Zccztbe/6ikvUXaG9nsPH3w6qh5UaPGAnirI/WhIbZ8m3OHU0ReyPrknG+ZKeg==",
       "license": "MIT",
       "dependencies": {
         "@babel/helper-create-class-features-plugin": "^7.27.1",
@@ -814,14 +833,14 @@
       }
     },
     "node_modules/@babel/plugin-transform-async-generator-functions": {
-      "version": "7.27.1",
-      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-async-generator-functions/-/plugin-transform-async-generator-functions-7.27.1.tgz",
-      "integrity": "sha512-eST9RrwlpaoJBDHShc+DS2SG4ATTi2MYNb4OxYkf3n+7eb49LWpnS+HSpVfW4x927qQwgk8A2hGNVaajAEw0EA==",
+      "version": "7.28.0",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-async-generator-functions/-/plugin-transform-async-generator-functions-7.28.0.tgz",
+      "integrity": "sha512-BEOdvX4+M765icNPZeidyADIvQ1m1gmunXufXxvRESy/jNNyfovIqUyE7MVgGBjWktCoJlzvFA1To2O4ymIO3Q==",
       "license": "MIT",
       "dependencies": {
         "@babel/helper-plugin-utils": "^7.27.1",
         "@babel/helper-remap-async-to-generator": "^7.27.1",
-        "@babel/traverse": "^7.27.1"
+        "@babel/traverse": "^7.28.0"
       },
       "engines": {
         "node": ">=6.9.0"
@@ -848,9 +867,9 @@
       }
     },
     "node_modules/@babel/plugin-transform-block-scoping": {
-      "version": "7.27.5",
-      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-block-scoping/-/plugin-transform-block-scoping-7.27.5.tgz",
-      "integrity": "sha512-JF6uE2s67f0y2RZcm2kpAUEbD50vH62TyWVebxwHAlbSdM49VqPz8t4a1uIjp4NIOIZ4xzLfjY5emt/RCyC7TQ==",
+      "version": "7.28.0",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-block-scoping/-/plugin-transform-block-scoping-7.28.0.tgz",
+      "integrity": "sha512-gKKnwjpdx5sER/wl0WN0efUBFzF/56YZO0RJrSYP4CljXnP31ByY7fol89AzomdlLNzI36AvOTmYHsnZTCkq8Q==",
       "license": "MIT",
       "dependencies": {
         "@babel/helper-plugin-utils": "^7.27.1"
@@ -915,12 +934,13 @@
       }
     },
     "node_modules/@babel/plugin-transform-destructuring": {
-      "version": "7.27.3",
-      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-destructuring/-/plugin-transform-destructuring-7.27.3.tgz",
-      "integrity": "sha512-s4Jrok82JpiaIprtY2nHsYmrThKvvwgHwjgd7UMiYhZaN0asdXNLr0y+NjTfkA7SyQE5i2Fb7eawUOZmLvyqOA==",
+      "version": "7.28.0",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-destructuring/-/plugin-transform-destructuring-7.28.0.tgz",
+      "integrity": "sha512-v1nrSMBiKcodhsyJ4Gf+Z0U/yawmJDBOTpEB3mcQY52r9RIyPneGyAS/yM6seP/8I+mWI3elOMtT5dB8GJVs+A==",
       "license": "MIT",
       "dependencies": {
-        "@babel/helper-plugin-utils": "^7.27.1"
+        "@babel/helper-plugin-utils": "^7.27.1",
+        "@babel/traverse": "^7.28.0"
       },
       "engines": {
         "node": ">=6.9.0"
@@ -1086,15 +1106,16 @@
       }
     },
     "node_modules/@babel/plugin-transform-object-rest-spread": {
-      "version": "7.27.3",
-      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-object-rest-spread/-/plugin-transform-object-rest-spread-7.27.3.tgz",
-      "integrity": "sha512-7ZZtznF9g4l2JCImCo5LNKFHB5eXnN39lLtLY5Tg+VkR0jwOt7TBciMckuiQIOIW7L5tkQOCh3bVGYeXgMx52Q==",
+      "version": "7.28.0",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-object-rest-spread/-/plugin-transform-object-rest-spread-7.28.0.tgz",
+      "integrity": "sha512-9VNGikXxzu5eCiQjdE4IZn8sb9q7Xsk5EXLDBKUYg1e/Tve8/05+KJEtcxGxAgCY5t/BpKQM+JEL/yT4tvgiUA==",
       "license": "MIT",
       "dependencies": {
         "@babel/helper-compilation-targets": "^7.27.2",
         "@babel/helper-plugin-utils": "^7.27.1",
-        "@babel/plugin-transform-destructuring": "^7.27.3",
-        "@babel/plugin-transform-parameters": "^7.27.1"
+        "@babel/plugin-transform-destructuring": "^7.28.0",
+        "@babel/plugin-transform-parameters": "^7.27.7",
+        "@babel/traverse": "^7.28.0"
       },
       "engines": {
         "node": ">=6.9.0"
@@ -1135,9 +1156,9 @@
       }
     },
     "node_modules/@babel/plugin-transform-parameters": {
-      "version": "7.27.1",
-      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-parameters/-/plugin-transform-parameters-7.27.1.tgz",
-      "integrity": "sha512-018KRk76HWKeZ5l4oTj2zPpSh+NbGdt0st5S6x0pga6HgrjBOJb24mMDHorFopOOd6YHkLgOZ+zaCjZGPO4aKg==",
+      "version": "7.27.7",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-parameters/-/plugin-transform-parameters-7.27.7.tgz",
+      "integrity": "sha512-qBkYTYCb76RRxUM6CcZA5KRu8K4SM8ajzVeUgVdMVO9NN9uI/GaVmBg/WKJJGnNokV9SY8FxNOVWGXzqzUidBg==",
       "license": "MIT",
       "dependencies": {
         "@babel/helper-plugin-utils": "^7.27.1"
@@ -1183,9 +1204,9 @@
       }
     },
     "node_modules/@babel/plugin-transform-react-display-name": {
-      "version": "7.27.1",
-      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-react-display-name/-/plugin-transform-react-display-name-7.27.1.tgz",
-      "integrity": "sha512-p9+Vl3yuHPmkirRrg021XiP+EETmPMQTLr6Ayjj85RLNEbb3Eya/4VI0vAdzQG9SEAl2Lnt7fy5lZyMzjYoZQQ==",
+      "version": "7.28.0",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-react-display-name/-/plugin-transform-react-display-name-7.28.0.tgz",
+      "integrity": "sha512-D6Eujc2zMxKjfa4Zxl4GHMsmhKKZ9VpcqIchJLvwTxad9zWIYulwYItBovpDOoNLISpcZSXoDJ5gaGbQUDqViA==",
       "license": "MIT",
       "dependencies": {
         "@babel/helper-plugin-utils": "^7.27.1"
@@ -1278,9 +1299,9 @@
       }
     },
     "node_modules/@babel/plugin-transform-regenerator": {
-      "version": "7.27.5",
-      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-regenerator/-/plugin-transform-regenerator-7.27.5.tgz",
-      "integrity": "sha512-uhB8yHerfe3MWnuLAhEbeQ4afVoqv8BQsPqrTv7e/jZ9y00kJL6l9a/f4OWaKxotmjzewfEyXE1vgDJenkQ2/Q==",
+      "version": "7.28.1",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-regenerator/-/plugin-transform-regenerator-7.28.1.tgz",
+      "integrity": "sha512-P0QiV/taaa3kXpLY+sXla5zec4E+4t4Aqc9ggHlfZ7a2cp8/x/Gv08jfwEtn9gnnYIMvHx6aoOZ8XJL8eU71Dg==",
       "license": "MIT",
       "dependencies": {
         "@babel/helper-plugin-utils": "^7.27.1"
@@ -1293,16 +1314,16 @@
       }
     },
     "node_modules/@babel/plugin-transform-runtime": {
-      "version": "7.27.4",
-      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-runtime/-/plugin-transform-runtime-7.27.4.tgz",
-      "integrity": "sha512-D68nR5zxU64EUzV8i7T3R5XP0Xhrou/amNnddsRQssx6GrTLdZl1rLxyjtVZBd+v/NVX4AbTPOB5aU8thAZV1A==",
+      "version": "7.28.0",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-runtime/-/plugin-transform-runtime-7.28.0.tgz",
+      "integrity": "sha512-dGopk9nZrtCs2+nfIem25UuHyt5moSJamArzIoh9/vezUQPmYDOzjaHDCkAzuGJibCIkPup8rMT2+wYB6S73cA==",
       "license": "MIT",
       "dependencies": {
         "@babel/helper-module-imports": "^7.27.1",
         "@babel/helper-plugin-utils": "^7.27.1",
-        "babel-plugin-polyfill-corejs2": "^0.4.10",
-        "babel-plugin-polyfill-corejs3": "^0.11.0",
-        "babel-plugin-polyfill-regenerator": "^0.6.1",
+        "babel-plugin-polyfill-corejs2": "^0.4.14",
+        "babel-plugin-polyfill-corejs3": "^0.13.0",
+        "babel-plugin-polyfill-regenerator": "^0.6.5",
         "semver": "^6.3.1"
       },
       "engines": {
@@ -1471,18 +1492,18 @@
       }
     },
     "node_modules/@babel/traverse": {
-      "version": "7.27.4",
-      "resolved": "https://registry.npmjs.org/@babel/traverse/-/traverse-7.27.4.tgz",
-      "integrity": "sha512-oNcu2QbHqts9BtOWJosOVJapWjBDSxGCpFvikNR5TGDYDQf3JwpIoMzIKrvfoti93cLfPJEG4tH9SPVeyCGgdA==",
+      "version": "7.28.0",
+      "resolved": "https://registry.npmjs.org/@babel/traverse/-/traverse-7.28.0.tgz",
+      "integrity": "sha512-mGe7UK5wWyh0bKRfupsUchrQGqvDbZDbKJw+kcRGSmdHVYrv+ltd0pnpDTVpiTqnaBru9iEvA8pz8W46v0Amwg==",
       "license": "MIT",
       "dependencies": {
         "@babel/code-frame": "^7.27.1",
-        "@babel/generator": "^7.27.3",
-        "@babel/parser": "^7.27.4",
+        "@babel/generator": "^7.28.0",
+        "@babel/helper-globals": "^7.28.0",
+        "@babel/parser": "^7.28.0",
         "@babel/template": "^7.27.2",
-        "@babel/types": "^7.27.3",
-        "debug": "^4.3.1",
-        "globals": "^11.1.0"
+        "@babel/types": "^7.28.0",
+        "debug": "^4.3.1"
       },
       "engines": {
         "node": ">=6.9.0"
@@ -1490,27 +1511,27 @@
     },
     "node_modules/@babel/traverse--for-generate-function-map": {
       "name": "@babel/traverse",
-      "version": "7.27.4",
-      "resolved": "https://registry.npmjs.org/@babel/traverse/-/traverse-7.27.4.tgz",
-      "integrity": "sha512-oNcu2QbHqts9BtOWJosOVJapWjBDSxGCpFvikNR5TGDYDQf3JwpIoMzIKrvfoti93cLfPJEG4tH9SPVeyCGgdA==",
+      "version": "7.28.0",
+      "resolved": "https://registry.npmjs.org/@babel/traverse/-/traverse-7.28.0.tgz",
+      "integrity": "sha512-mGe7UK5wWyh0bKRfupsUchrQGqvDbZDbKJw+kcRGSmdHVYrv+ltd0pnpDTVpiTqnaBru9iEvA8pz8W46v0Amwg==",
       "license": "MIT",
       "dependencies": {
         "@babel/code-frame": "^7.27.1",
-        "@babel/generator": "^7.27.3",
-        "@babel/parser": "^7.27.4",
+        "@babel/generator": "^7.28.0",
+        "@babel/helper-globals": "^7.28.0",
+        "@babel/parser": "^7.28.0",
         "@babel/template": "^7.27.2",
-        "@babel/types": "^7.27.3",
-        "debug": "^4.3.1",
-        "globals": "^11.1.0"
+        "@babel/types": "^7.28.0",
+        "debug": "^4.3.1"
       },
       "engines": {
         "node": ">=6.9.0"
       }
     },
     "node_modules/@babel/types": {
-      "version": "7.27.6",
-      "resolved": "https://registry.npmjs.org/@babel/types/-/types-7.27.6.tgz",
-      "integrity": "sha512-ETyHEk2VHHvl9b9jZP5IHPavHYk57EhanlRRuae9XCpb/j5bDCbPPMOBfCWhnl/7EDJz0jEMCi/RhccCE8r1+Q==",
+      "version": "7.28.1",
+      "resolved": "https://registry.npmjs.org/@babel/types/-/types-7.28.1.tgz",
+      "integrity": "sha512-x0LvFTekgSX+83TI28Y9wYPUfzrnl2aT5+5QLnO6v7mSJYtEEevuDRN0F0uSHRk1G1IWZC43o00Y0xDDrpBGPQ==",
       "license": "MIT",
       "dependencies": {
         "@babel/helper-string-parser": "^7.27.1",
@@ -1520,6 +1541,28 @@
         "node": ">=6.9.0"
       }
     },
+    "node_modules/@callstack/react-theme-provider": {
+      "version": "3.0.9",
+      "resolved": "https://registry.npmjs.org/@callstack/react-theme-provider/-/react-theme-provider-3.0.9.tgz",
+      "integrity": "sha512-tTQ0uDSCL0ypeMa8T/E9wAZRGKWj8kXP7+6RYgPTfOPs9N07C9xM8P02GJ3feETap4Ux5S69D9nteq9mEj86NA==",
+      "license": "MIT",
+      "dependencies": {
+        "deepmerge": "^3.2.0",
+        "hoist-non-react-statics": "^3.3.0"
+      },
+      "peerDependencies": {
+        "react": ">=16.3.0"
+      }
+    },
+    "node_modules/@callstack/react-theme-provider/node_modules/deepmerge": {
+      "version": "3.3.0",
+      "resolved": "https://registry.npmjs.org/deepmerge/-/deepmerge-3.3.0.tgz",
+      "integrity": "sha512-GRQOafGHwMHpjPx9iCvTgpu9NojZ49q794EEL94JVEw6VaeA8XTUyBKvAkOOjBX9oJNiV6G3P+T+tihFjo2TqA==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
     "node_modules/@egjs/hammerjs": {
       "version": "2.0.17",
       "resolved": "https://registry.npmjs.org/@egjs/hammerjs/-/hammerjs-2.0.17.tgz",
@@ -1734,29 +1777,29 @@
       }
     },
     "node_modules/@expo/cli": {
-      "version": "0.24.15",
-      "resolved": "https://registry.npmjs.org/@expo/cli/-/cli-0.24.15.tgz",
-      "integrity": "sha512-RDZS30OSnbXkSPnBXdyPL29KbltjOmegE23bZZDiGV23WOReWcPgRc5U7Fd8eLPhtRjHBKlBpNJMTed5Ntr/uw==",
+      "version": "0.24.18",
+      "resolved": "https://registry.npmjs.org/@expo/cli/-/cli-0.24.18.tgz",
+      "integrity": "sha512-4cUVWa7bHS0oLn9hBCH5QKI47o+qm0JTUl8xINC0In0JIG9mlLugDSNY+t81powr28Htq9n5gOGkKPTGc1vKiw==",
       "license": "MIT",
       "dependencies": {
         "@0no-co/graphql.web": "^1.0.8",
         "@babel/runtime": "^7.20.0",
         "@expo/code-signing-certificates": "^0.0.5",
-        "@expo/config": "~11.0.10",
-        "@expo/config-plugins": "~10.0.3",
+        "@expo/config": "~11.0.12",
+        "@expo/config-plugins": "~10.1.1",
         "@expo/devcert": "^1.1.2",
-        "@expo/env": "~1.0.5",
-        "@expo/image-utils": "^0.7.4",
-        "@expo/json-file": "^9.1.4",
-        "@expo/metro-config": "~0.20.15",
-        "@expo/osascript": "^2.2.4",
-        "@expo/package-manager": "^1.8.4",
-        "@expo/plist": "^0.3.4",
-        "@expo/prebuild-config": "^9.0.7",
+        "@expo/env": "~1.0.7",
+        "@expo/image-utils": "^0.7.6",
+        "@expo/json-file": "^9.1.5",
+        "@expo/metro-config": "~0.20.17",
+        "@expo/osascript": "^2.2.5",
+        "@expo/package-manager": "^1.8.6",
+        "@expo/plist": "^0.3.5",
+        "@expo/prebuild-config": "^9.0.10",
         "@expo/spawn-async": "^1.7.2",
         "@expo/ws-tunnel": "^1.0.1",
         "@expo/xcpretty": "^4.3.0",
-        "@react-native/dev-middleware": "0.79.4",
+        "@react-native/dev-middleware": "0.79.5",
         "@urql/core": "^5.0.6",
         "@urql/exchange-retry": "^1.3.0",
         "accepts": "^1.3.8",
@@ -1852,17 +1895,17 @@
       }
     },
     "node_modules/@expo/config": {
-      "version": "11.0.10",
-      "resolved": "https://registry.npmjs.org/@expo/config/-/config-11.0.10.tgz",
-      "integrity": "sha512-8S8Krr/c5lnl0eF03tA2UGY9rGBhZcbWKz2UWw5dpL/+zstwUmog8oyuuC8aRcn7GiTQLlbBkxcMeT8sOGlhbA==",
+      "version": "11.0.13",
+      "resolved": "https://registry.npmjs.org/@expo/config/-/config-11.0.13.tgz",
+      "integrity": "sha512-TnGb4u/zUZetpav9sx/3fWK71oCPaOjZHoVED9NaEncktAd0Eonhq5NUghiJmkUGt3gGSjRAEBXiBbbY9/B1LA==",
       "license": "MIT",
       "dependencies": {
         "@babel/code-frame": "~7.10.4",
-        "@expo/config-plugins": "~10.0.2",
-        "@expo/config-types": "^53.0.4",
-        "@expo/json-file": "^9.1.4",
+        "@expo/config-plugins": "~10.1.2",
+        "@expo/config-types": "^53.0.5",
+        "@expo/json-file": "^9.1.5",
         "deepmerge": "^4.3.1",
-        "getenv": "^1.0.0",
+        "getenv": "^2.0.0",
         "glob": "^10.4.2",
         "require-from-string": "^2.0.2",
         "resolve-from": "^5.0.0",
@@ -1873,14 +1916,14 @@
       }
     },
     "node_modules/@expo/config-plugins": {
-      "version": "10.0.3",
-      "resolved": "https://registry.npmjs.org/@expo/config-plugins/-/config-plugins-10.0.3.tgz",
-      "integrity": "sha512-fjCckkde67pSDf48x7wRuPsgQVIqlDwN7NlOk9/DFgQ1hCH0L5pGqoSmikA1vtAyiA83MOTpkGl3F3wyATyUog==",
+      "version": "10.1.2",
+      "resolved": "https://registry.npmjs.org/@expo/config-plugins/-/config-plugins-10.1.2.tgz",
+      "integrity": "sha512-IMYCxBOcnuFStuK0Ay+FzEIBKrwW8OVUMc65+v0+i7YFIIe8aL342l7T4F8lR4oCfhXn7d6M5QPgXvjtc/gAcw==",
       "license": "MIT",
       "dependencies": {
-        "@expo/config-types": "^53.0.4",
-        "@expo/json-file": "~9.1.4",
-        "@expo/plist": "^0.3.4",
+        "@expo/config-types": "^53.0.5",
+        "@expo/json-file": "~9.1.5",
+        "@expo/plist": "^0.3.5",
         "@expo/sdk-runtime-versions": "^1.0.0",
         "chalk": "^4.1.2",
         "debug": "^4.3.5",
@@ -1907,9 +1950,9 @@
       }
     },
     "node_modules/@expo/config-types": {
-      "version": "53.0.4",
-      "resolved": "https://registry.npmjs.org/@expo/config-types/-/config-types-53.0.4.tgz",
-      "integrity": "sha512-0s+9vFx83WIToEr0Iwy4CcmiUXa5BgwBmEjylBB2eojX5XAMm9mJvw9KpjAb8m7zq2G0Q6bRbeufkzgbipuNQg==",
+      "version": "53.0.5",
+      "resolved": "https://registry.npmjs.org/@expo/config-types/-/config-types-53.0.5.tgz",
+      "integrity": "sha512-kqZ0w44E+HEGBjy+Lpyn0BVL5UANg/tmNixxaRMLS6nf37YsDrLk2VMAmeKMMk5CKG0NmOdVv3ngeUjRQMsy9g==",
       "license": "MIT"
     },
     "node_modules/@expo/config/node_modules/@babel/code-frame": {
@@ -1921,15 +1964,6 @@
         "@babel/highlight": "^7.10.4"
       }
     },
-    "node_modules/@expo/config/node_modules/getenv": {
-      "version": "1.0.0",
-      "resolved": "https://registry.npmjs.org/getenv/-/getenv-1.0.0.tgz",
-      "integrity": "sha512-7yetJWqbS9sbn0vIfliPsFgoXMKn/YMF+Wuiog97x+urnSRRRZ7xB+uVkwGKzRgq9CDFfMQnE9ruL5DHv9c6Xg==",
-      "license": "MIT",
-      "engines": {
-        "node": ">=6"
-      }
-    },
     "node_modules/@expo/config/node_modules/semver": {
       "version": "7.7.2",
       "resolved": "https://registry.npmjs.org/semver/-/semver-7.7.2.tgz",
@@ -1963,31 +1997,22 @@
       }
     },
     "node_modules/@expo/env": {
-      "version": "1.0.5",
-      "resolved": "https://registry.npmjs.org/@expo/env/-/env-1.0.5.tgz",
-      "integrity": "sha512-dtEZ4CAMaVrFu2+tezhU3FoGWtbzQl50xV+rNJE5lYVRjUflWiZkVHlHkWUlPAwDPifLy4TuissVfScGGPWR5g==",
+      "version": "1.0.7",
+      "resolved": "https://registry.npmjs.org/@expo/env/-/env-1.0.7.tgz",
+      "integrity": "sha512-qSTEnwvuYJ3umapO9XJtrb1fAqiPlmUUg78N0IZXXGwQRt+bkp0OBls+Y5Mxw/Owj8waAM0Z3huKKskRADR5ow==",
       "license": "MIT",
       "dependencies": {
         "chalk": "^4.0.0",
         "debug": "^4.3.4",
         "dotenv": "~16.4.5",
         "dotenv-expand": "~11.0.6",
-        "getenv": "^1.0.0"
-      }
-    },
-    "node_modules/@expo/env/node_modules/getenv": {
-      "version": "1.0.0",
-      "resolved": "https://registry.npmjs.org/getenv/-/getenv-1.0.0.tgz",
-      "integrity": "sha512-7yetJWqbS9sbn0vIfliPsFgoXMKn/YMF+Wuiog97x+urnSRRRZ7xB+uVkwGKzRgq9CDFfMQnE9ruL5DHv9c6Xg==",
-      "license": "MIT",
-      "engines": {
-        "node": ">=6"
+        "getenv": "^2.0.0"
       }
     },
     "node_modules/@expo/fingerprint": {
-      "version": "0.13.1",
-      "resolved": "https://registry.npmjs.org/@expo/fingerprint/-/fingerprint-0.13.1.tgz",
-      "integrity": "sha512-MgZ5uIvvwAnjWeQoj4D3RnBXjD1GNOpCvhp2jtZWdQ8yEokhDEJGoHjsMT8/NCB5m2fqP5sv2V5nPzC7CN1YjQ==",
+      "version": "0.13.4",
+      "resolved": "https://registry.npmjs.org/@expo/fingerprint/-/fingerprint-0.13.4.tgz",
+      "integrity": "sha512-MYfPYBTMfrrNr07DALuLhG6EaLVNVrY/PXjEzsjWdWE4ZFn0yqI0IdHNkJG7t1gePT8iztHc7qnsx+oo/rDo6w==",
       "license": "MIT",
       "dependencies": {
         "@expo/spawn-async": "^1.7.2",
@@ -2044,14 +2069,14 @@
       }
     },
     "node_modules/@expo/image-utils": {
-      "version": "0.7.4",
-      "resolved": "https://registry.npmjs.org/@expo/image-utils/-/image-utils-0.7.4.tgz",
-      "integrity": "sha512-LcZ82EJy/t/a1avwIboeZbO6hlw8CvsIRh2k6SWPcAOvW0RqynyKFzUJsvnjWlhUzfBEn4oI7y/Pu5Xkw3KkkA==",
+      "version": "0.7.6",
+      "resolved": "https://registry.npmjs.org/@expo/image-utils/-/image-utils-0.7.6.tgz",
+      "integrity": "sha512-GKnMqC79+mo/1AFrmAcUcGfbsXXTRqOMNS1umebuevl3aaw+ztsYEFEiuNhHZW7PQ3Xs3URNT513ZxKhznDscw==",
       "license": "MIT",
       "dependencies": {
         "@expo/spawn-async": "^1.7.2",
         "chalk": "^4.0.0",
-        "getenv": "^1.0.0",
+        "getenv": "^2.0.0",
         "jimp-compact": "0.16.1",
         "parse-png": "^2.1.0",
         "resolve-from": "^5.0.0",
@@ -2060,15 +2085,6 @@
         "unique-string": "~2.0.0"
       }
     },
-    "node_modules/@expo/image-utils/node_modules/getenv": {
-      "version": "1.0.0",
-      "resolved": "https://registry.npmjs.org/getenv/-/getenv-1.0.0.tgz",
-      "integrity": "sha512-7yetJWqbS9sbn0vIfliPsFgoXMKn/YMF+Wuiog97x+urnSRRRZ7xB+uVkwGKzRgq9CDFfMQnE9ruL5DHv9c6Xg==",
-      "license": "MIT",
-      "engines": {
-        "node": ">=6"
-      }
-    },
     "node_modules/@expo/image-utils/node_modules/semver": {
       "version": "7.7.2",
       "resolved": "https://registry.npmjs.org/semver/-/semver-7.7.2.tgz",
@@ -2082,9 +2098,9 @@
       }
     },
     "node_modules/@expo/json-file": {
-      "version": "9.1.4",
-      "resolved": "https://registry.npmjs.org/@expo/json-file/-/json-file-9.1.4.tgz",
-      "integrity": "sha512-7Bv86X27fPERGhw8aJEZvRcH9sk+9BenDnEmrI3ZpywKodYSBgc8lX9Y32faNVQ/p0YbDK9zdJ0BfAKNAOyi0A==",
+      "version": "9.1.5",
+      "resolved": "https://registry.npmjs.org/@expo/json-file/-/json-file-9.1.5.tgz",
+      "integrity": "sha512-prWBhLUlmcQtvN6Y7BpW2k9zXGd3ySa3R6rAguMJkp1z22nunLN64KYTUWfijFlprFoxm9r2VNnGkcbndAlgKA==",
       "license": "MIT",
       "dependencies": {
         "@babel/code-frame": "~7.10.4",
@@ -2101,18 +2117,18 @@
       }
     },
     "node_modules/@expo/metro-config": {
-      "version": "0.20.15",
-      "resolved": "https://registry.npmjs.org/@expo/metro-config/-/metro-config-0.20.15.tgz",
-      "integrity": "sha512-m8i58IQ7I8iOdVRfOhFmhPMHuhgeTVfQp1+mxW7URqPZaeVbuDVktPqOiNoHraKBoGPLKMUSsD+qdUuJVL3wMg==",
+      "version": "0.20.17",
+      "resolved": "https://registry.npmjs.org/@expo/metro-config/-/metro-config-0.20.17.tgz",
+      "integrity": "sha512-lpntF2UZn5bTwrPK6guUv00Xv3X9mkN3YYla+IhEHiYXWyG7WKOtDU0U4KR8h3ubkZ6SPH3snDyRyAzMsWtZFA==",
       "license": "MIT",
       "dependencies": {
         "@babel/core": "^7.20.0",
         "@babel/generator": "^7.20.5",
         "@babel/parser": "^7.20.0",
         "@babel/types": "^7.20.0",
-        "@expo/config": "~11.0.10",
-        "@expo/env": "~1.0.5",
-        "@expo/json-file": "~9.1.4",
+        "@expo/config": "~11.0.12",
+        "@expo/env": "~1.0.7",
+        "@expo/json-file": "~9.1.5",
         "@expo/spawn-async": "^1.7.2",
         "chalk": "^4.1.0",
         "debug": "^4.3.2",
@@ -2161,9 +2177,9 @@
       }
     },
     "node_modules/@expo/osascript": {
-      "version": "2.2.4",
-      "resolved": "https://registry.npmjs.org/@expo/osascript/-/osascript-2.2.4.tgz",
-      "integrity": "sha512-Q+Oyj+1pdRiHHpev9YjqfMZzByFH8UhKvSszxa0acTveijjDhQgWrq4e9T/cchBHi0GWZpGczWyiyJkk1wM1dg==",
+      "version": "2.2.5",
+      "resolved": "https://registry.npmjs.org/@expo/osascript/-/osascript-2.2.5.tgz",
+      "integrity": "sha512-Bpp/n5rZ0UmpBOnl7Li3LtM7la0AR3H9NNesqL+ytW5UiqV/TbonYW3rDZY38u4u/lG7TnYflVIVQPD+iqZJ5w==",
       "license": "MIT",
       "dependencies": {
         "@expo/spawn-async": "^1.7.2",
@@ -2174,12 +2190,12 @@
       }
     },
     "node_modules/@expo/package-manager": {
-      "version": "1.8.4",
-      "resolved": "https://registry.npmjs.org/@expo/package-manager/-/package-manager-1.8.4.tgz",
-      "integrity": "sha512-8H8tLga/NS3iS7QaX/NneRPqbObnHvVCfMCo0ShudreOFmvmgqhYjRlkZTRstSyFqefai8ONaT4VmnLHneRYYg==",
+      "version": "1.8.6",
+      "resolved": "https://registry.npmjs.org/@expo/package-manager/-/package-manager-1.8.6.tgz",
+      "integrity": "sha512-gcdICLuL+nHKZagPIDC5tX8UoDDB8vNA5/+SaQEqz8D+T2C4KrEJc2Vi1gPAlDnKif834QS6YluHWyxjk0yZlQ==",
       "license": "MIT",
       "dependencies": {
-        "@expo/json-file": "^9.1.4",
+        "@expo/json-file": "^9.1.5",
         "@expo/spawn-async": "^1.7.2",
         "chalk": "^4.0.0",
         "npm-package-arg": "^11.0.0",
@@ -2188,9 +2204,9 @@
       }
     },
     "node_modules/@expo/plist": {
-      "version": "0.3.4",
-      "resolved": "https://registry.npmjs.org/@expo/plist/-/plist-0.3.4.tgz",
-      "integrity": "sha512-MhBLaUJNe9FQDDU2xhSNS4SAolr6K2wuyi4+A79vYuXLkAoICsbTwcGEQJN5jPY6D9izO/jsXh5k0h+mIWQMdw==",
+      "version": "0.3.5",
+      "resolved": "https://registry.npmjs.org/@expo/plist/-/plist-0.3.5.tgz",
+      "integrity": "sha512-9RYVU1iGyCJ7vWfg3e7c/NVyMFs8wbl+dMWZphtFtsqyN9zppGREU3ctlD3i8KUE0sCUTVnLjCWr+VeUIDep2g==",
       "license": "MIT",
       "dependencies": {
         "@xmldom/xmldom": "^0.8.8",
@@ -2199,17 +2215,17 @@
       }
     },
     "node_modules/@expo/prebuild-config": {
-      "version": "9.0.7",
-      "resolved": "https://registry.npmjs.org/@expo/prebuild-config/-/prebuild-config-9.0.7.tgz",
-      "integrity": "sha512-1w5MBp6NdF51gPGp0HsCZt0QC82hZWo37wI9HfxhdQF/sN/92Mh4t30vaY7gjHe71T5QNyab00oxZH/wP0MDgQ==",
+      "version": "9.0.11",
+      "resolved": "https://registry.npmjs.org/@expo/prebuild-config/-/prebuild-config-9.0.11.tgz",
+      "integrity": "sha512-0DsxhhixRbCCvmYskBTq8czsU0YOBsntYURhWPNpkl0IPVpeP9haE5W4OwtHGzXEbmHdzaoDwNmVcWjS/mqbDw==",
       "license": "MIT",
       "dependencies": {
-        "@expo/config": "~11.0.10",
-        "@expo/config-plugins": "~10.0.3",
-        "@expo/config-types": "^53.0.4",
-        "@expo/image-utils": "^0.7.4",
-        "@expo/json-file": "^9.1.4",
-        "@react-native/normalize-colors": "0.79.4",
+        "@expo/config": "~11.0.13",
+        "@expo/config-plugins": "~10.1.2",
+        "@expo/config-types": "^53.0.5",
+        "@expo/image-utils": "^0.7.6",
+        "@expo/json-file": "^9.1.5",
+        "@react-native/normalize-colors": "0.79.5",
         "debug": "^4.3.1",
         "resolve-from": "^5.0.0",
         "semver": "^7.6.0",
@@ -2637,17 +2653,13 @@
       }
     },
     "node_modules/@jridgewell/gen-mapping": {
-      "version": "0.3.8",
-      "resolved": "https://registry.npmjs.org/@jridgewell/gen-mapping/-/gen-mapping-0.3.8.tgz",
-      "integrity": "sha512-imAbBGkb+ebQyxKgzv5Hu2nmROxoDOXHh80evxdoXNOrvAnVx7zimzc1Oo5h9RlfV4vPXaE2iM5pOFbvOCClWA==",
+      "version": "0.3.12",
+      "resolved": "https://registry.npmjs.org/@jridgewell/gen-mapping/-/gen-mapping-0.3.12.tgz",
+      "integrity": "sha512-OuLGC46TjB5BbN1dH8JULVVZY4WTdkF7tV9Ys6wLL1rubZnCMstOhNHueU5bLCrnRuDhKPDM4g6sw4Bel5Gzqg==",
       "license": "MIT",
       "dependencies": {
-        "@jridgewell/set-array": "^1.2.1",
-        "@jridgewell/sourcemap-codec": "^1.4.10",
+        "@jridgewell/sourcemap-codec": "^1.5.0",
         "@jridgewell/trace-mapping": "^0.3.24"
-      },
-      "engines": {
-        "node": ">=6.0.0"
       }
     },
     "node_modules/@jridgewell/resolve-uri": {
@@ -2659,19 +2671,10 @@
         "node": ">=6.0.0"
       }
     },
-    "node_modules/@jridgewell/set-array": {
-      "version": "1.2.1",
-      "resolved": "https://registry.npmjs.org/@jridgewell/set-array/-/set-array-1.2.1.tgz",
-      "integrity": "sha512-R8gLRTZeyp03ymzP/6Lil/28tGeGEzhx1q2k703KGWRAI1VdvPIXdG70VJc2pAMw3NA6JKL5hhFu1sJX0Mnn/A==",
-      "license": "MIT",
-      "engines": {
-        "node": ">=6.0.0"
-      }
-    },
     "node_modules/@jridgewell/source-map": {
-      "version": "0.3.6",
-      "resolved": "https://registry.npmjs.org/@jridgewell/source-map/-/source-map-0.3.6.tgz",
-      "integrity": "sha512-1ZJTZebgqllO79ue2bm3rIGud/bOe0pP5BjSRCRxxYkEZS8STV7zN84UBbiYu7jy+eCKSnVIUgoWWE/tt+shMQ==",
+      "version": "0.3.10",
+      "resolved": "https://registry.npmjs.org/@jridgewell/source-map/-/source-map-0.3.10.tgz",
+      "integrity": "sha512-0pPkgz9dY+bijgistcTTJ5mR+ocqRXLuhXHYdzoMmmoJ2C9S46RCm2GMUbatPEUK9Yjy26IrAy8D/M00lLkv+Q==",
       "license": "MIT",
       "dependencies": {
         "@jridgewell/gen-mapping": "^0.3.5",
@@ -2685,9 +2688,9 @@
       "license": "MIT"
     },
     "node_modules/@jridgewell/trace-mapping": {
-      "version": "0.3.25",
-      "resolved": "https://registry.npmjs.org/@jridgewell/trace-mapping/-/trace-mapping-0.3.25.tgz",
-      "integrity": "sha512-vNk6aEwybGtawWmy/PzwnGDOjCkLWSD2wqvjGGAgOAwCGWySYXfYoxt00IJkTF+8Lb57DwOb3Aa0o9CApepiYQ==",
+      "version": "0.3.29",
+      "resolved": "https://registry.npmjs.org/@jridgewell/trace-mapping/-/trace-mapping-0.3.29.tgz",
+      "integrity": "sha512-uw6guiW/gcAGPDhLmd77/6lW8QLeiV5RUTsAX46Db6oLhGaVj4lhnPwb184s1bkc8kdVg/+h988dro8GRDpmYQ==",
       "license": "MIT",
       "dependencies": {
         "@jridgewell/resolve-uri": "^3.1.0",
@@ -2799,31 +2802,31 @@
       }
     },
     "node_modules/@react-native/assets-registry": {
-      "version": "0.79.4",
-      "resolved": "https://registry.npmjs.org/@react-native/assets-registry/-/assets-registry-0.79.4.tgz",
-      "integrity": "sha512-7PjHNRtYlc36B7P1PHme8ZV0ZJ/xsA/LvMoXe6EX++t7tSPJ8iYCMBryZhcdnztgce73b94Hfx6TTGbLF+xtUg==",
+      "version": "0.79.5",
+      "resolved": "https://registry.npmjs.org/@react-native/assets-registry/-/assets-registry-0.79.5.tgz",
+      "integrity": "sha512-N4Kt1cKxO5zgM/BLiyzuuDNquZPiIgfktEQ6TqJ/4nKA8zr4e8KJgU6Tb2eleihDO4E24HmkvGc73naybKRz/w==",
       "license": "MIT",
       "engines": {
         "node": ">=18"
       }
     },
     "node_modules/@react-native/babel-plugin-codegen": {
-      "version": "0.79.4",
-      "resolved": "https://registry.npmjs.org/@react-native/babel-plugin-codegen/-/babel-plugin-codegen-0.79.4.tgz",
-      "integrity": "sha512-quhytIlDedR3ircRwifa22CaWVUVnkxccrrgztroCZaemSJM+HLurKJrjKWm0J5jV9ed+d+9Qyb1YB0syTHDjg==",
+      "version": "0.79.5",
+      "resolved": "https://registry.npmjs.org/@react-native/babel-plugin-codegen/-/babel-plugin-codegen-0.79.5.tgz",
+      "integrity": "sha512-Rt/imdfqXihD/sn0xnV4flxxb1aLLjPtMF1QleQjEhJsTUPpH4TFlfOpoCvsrXoDl4OIcB1k4FVM24Ez92zf5w==",
       "license": "MIT",
       "dependencies": {
         "@babel/traverse": "^7.25.3",
-        "@react-native/codegen": "0.79.4"
+        "@react-native/codegen": "0.79.5"
       },
       "engines": {
         "node": ">=18"
       }
     },
     "node_modules/@react-native/babel-preset": {
-      "version": "0.79.4",
-      "resolved": "https://registry.npmjs.org/@react-native/babel-preset/-/babel-preset-0.79.4.tgz",
-      "integrity": "sha512-El9JvYKiNfnkQ3qR7zJvvRdP3DX2i4BGYlIricWQishI3gWAfm88FQYFC2CcGoMQWJQEPN4jnDMpoISAJDEN4g==",
+      "version": "0.79.5",
+      "resolved": "https://registry.npmjs.org/@react-native/babel-preset/-/babel-preset-0.79.5.tgz",
+      "integrity": "sha512-GDUYIWslMLbdJHEgKNfrOzXk8EDKxKzbwmBXUugoiSlr6TyepVZsj3GZDLEFarOcTwH1EXXHJsixihk8DCRQDA==",
       "license": "MIT",
       "dependencies": {
         "@babel/core": "^7.25.2",
@@ -2867,7 +2870,7 @@
         "@babel/plugin-transform-typescript": "^7.25.2",
         "@babel/plugin-transform-unicode-regex": "^7.24.7",
         "@babel/template": "^7.25.0",
-        "@react-native/babel-plugin-codegen": "0.79.4",
+        "@react-native/babel-plugin-codegen": "0.79.5",
         "babel-plugin-syntax-hermes-parser": "0.25.1",
         "babel-plugin-transform-flow-enums": "^0.0.2",
         "react-refresh": "^0.14.0"
@@ -2880,9 +2883,9 @@
       }
     },
     "node_modules/@react-native/codegen": {
-      "version": "0.79.4",
-      "resolved": "https://registry.npmjs.org/@react-native/codegen/-/codegen-0.79.4.tgz",
-      "integrity": "sha512-K0moZDTJtqZqSs+u9tnDPSxNsdxi5irq8Nu4mzzOYlJTVNGy5H9BiIDg/NeKGfjAdo43yTDoaPSbUCvVV8cgIw==",
+      "version": "0.79.5",
+      "resolved": "https://registry.npmjs.org/@react-native/codegen/-/codegen-0.79.5.tgz",
+      "integrity": "sha512-FO5U1R525A1IFpJjy+KVznEinAgcs3u7IbnbRJUG9IH/MBXi2lEU2LtN+JarJ81MCfW4V2p0pg6t/3RGHFRrlQ==",
       "license": "MIT",
       "dependencies": {
         "glob": "^7.1.1",
@@ -2920,12 +2923,12 @@
       }
     },
     "node_modules/@react-native/community-cli-plugin": {
-      "version": "0.79.4",
-      "resolved": "https://registry.npmjs.org/@react-native/community-cli-plugin/-/community-cli-plugin-0.79.4.tgz",
-      "integrity": "sha512-lx1RXEJwU9Tcs2B2uiDZBa6yghU6m6STvwYqHbJlFZyNN1k3JRa9j0/CDu+0fCFacIn7rEfZpb4UWi5YhsHpQg==",
+      "version": "0.79.5",
+      "resolved": "https://registry.npmjs.org/@react-native/community-cli-plugin/-/community-cli-plugin-0.79.5.tgz",
+      "integrity": "sha512-ApLO1ARS8JnQglqS3JAHk0jrvB+zNW3dvNJyXPZPoygBpZVbf8sjvqeBiaEYpn8ETbFWddebC4HoQelDndnrrA==",
       "license": "MIT",
       "dependencies": {
-        "@react-native/dev-middleware": "0.79.4",
+        "@react-native/dev-middleware": "0.79.5",
         "chalk": "^4.0.0",
         "debug": "^2.2.0",
         "invariant": "^2.2.4",
@@ -2974,22 +2977,22 @@
       }
     },
     "node_modules/@react-native/debugger-frontend": {
-      "version": "0.79.4",
-      "resolved": "https://registry.npmjs.org/@react-native/debugger-frontend/-/debugger-frontend-0.79.4.tgz",
-      "integrity": "sha512-Gg4LhxHIK86Bi2RiT1rbFAB6fuwANRsaZJ1sFZ1OZEMQEx6stEnzaIrmfgzcv4z0bTQdQ8lzCrpsz0qtdaD4eA==",
+      "version": "0.79.5",
+      "resolved": "https://registry.npmjs.org/@react-native/debugger-frontend/-/debugger-frontend-0.79.5.tgz",
+      "integrity": "sha512-WQ49TRpCwhgUYo5/n+6GGykXmnumpOkl4Lr2l2o2buWU9qPOwoiBqJAtmWEXsAug4ciw3eLiVfthn5ufs0VB0A==",
       "license": "BSD-3-Clause",
       "engines": {
         "node": ">=18"
       }
     },
     "node_modules/@react-native/dev-middleware": {
-      "version": "0.79.4",
-      "resolved": "https://registry.npmjs.org/@react-native/dev-middleware/-/dev-middleware-0.79.4.tgz",
-      "integrity": "sha512-OWRDNkgrFEo+OSC5QKfiiBmGXKoU8gmIABK8rj2PkgwisFQ/22p7MzE5b6oB2lxWaeJT7jBX5KVniNqO46VhHA==",
+      "version": "0.79.5",
+      "resolved": "https://registry.npmjs.org/@react-native/dev-middleware/-/dev-middleware-0.79.5.tgz",
+      "integrity": "sha512-U7r9M/SEktOCP/0uS6jXMHmYjj4ESfYCkNAenBjFjjsRWekiHE+U/vRMeO+fG9gq4UCcBAUISClkQCowlftYBw==",
       "license": "MIT",
       "dependencies": {
         "@isaacs/ttlcache": "^1.4.1",
-        "@react-native/debugger-frontend": "0.79.4",
+        "@react-native/debugger-frontend": "0.79.5",
         "chrome-launcher": "^0.15.2",
         "chromium-edge-launcher": "^0.2.0",
         "connect": "^3.6.5",
@@ -3029,40 +3032,40 @@
       }
     },
     "node_modules/@react-native/gradle-plugin": {
-      "version": "0.79.4",
-      "resolved": "https://registry.npmjs.org/@react-native/gradle-plugin/-/gradle-plugin-0.79.4.tgz",
-      "integrity": "sha512-Gv5ryy23k7Sib2xVgqw65GTryg9YTij6URcMul5cI7LRcW0Aa1/FPb26l388P4oeNGNdDoAkkS+CuCWNunRuWg==",
+      "version": "0.79.5",
+      "resolved": "https://registry.npmjs.org/@react-native/gradle-plugin/-/gradle-plugin-0.79.5.tgz",
+      "integrity": "sha512-K3QhfFNKiWKF3HsCZCEoWwJPSMcPJQaeqOmzFP4RL8L3nkpgUwn74PfSCcKHxooVpS6bMvJFQOz7ggUZtNVT+A==",
       "license": "MIT",
       "engines": {
         "node": ">=18"
       }
     },
     "node_modules/@react-native/js-polyfills": {
-      "version": "0.79.4",
-      "resolved": "https://registry.npmjs.org/@react-native/js-polyfills/-/js-polyfills-0.79.4.tgz",
-      "integrity": "sha512-VyKPo/l9zP4+oXpQHrJq4vNOtxF7F5IMdQmceNzTnRpybRvGGgO/9jYu9mdmdKRO2KpQEc5dB4W2rYhVKdGNKg==",
+      "version": "0.79.5",
+      "resolved": "https://registry.npmjs.org/@react-native/js-polyfills/-/js-polyfills-0.79.5.tgz",
+      "integrity": "sha512-a2wsFlIhvd9ZqCD5KPRsbCQmbZi6KxhRN++jrqG0FUTEV5vY7MvjjUqDILwJd2ZBZsf7uiDuClCcKqA+EEdbvw==",
       "license": "MIT",
       "engines": {
         "node": ">=18"
       }
     },
     "node_modules/@react-native/normalize-colors": {
-      "version": "0.79.4",
-      "resolved": "https://registry.npmjs.org/@react-native/normalize-colors/-/normalize-colors-0.79.4.tgz",
-      "integrity": "sha512-247/8pHghbYY2wKjJpUsY6ZNbWcdUa5j5517LZMn6pXrbSSgWuj3JA4OYibNnocCHBaVrt+3R8XC3VEJqLlHFg==",
+      "version": "0.79.5",
+      "resolved": "https://registry.npmjs.org/@react-native/normalize-colors/-/normalize-colors-0.79.5.tgz",
+      "integrity": "sha512-nGXMNMclZgzLUxijQQ38Dm3IAEhgxuySAWQHnljFtfB0JdaMwpe0Ox9H7Tp2OgrEA+EMEv+Od9ElKlHwGKmmvQ==",
       "license": "MIT"
     },
     "node_modules/@react-navigation/bottom-tabs": {
-      "version": "7.3.16",
-      "resolved": "https://registry.npmjs.org/@react-navigation/bottom-tabs/-/bottom-tabs-7.3.16.tgz",
-      "integrity": "sha512-BOVtrq5J3zV3T9CeQexX20JrjECWwIgUJj0Uj0DTVuZdvPIf1AHKHDQSWcG6XqDsbqFQu9yCAfRlnt0WwdRP2w==",
+      "version": "7.4.2",
+      "resolved": "https://registry.npmjs.org/@react-navigation/bottom-tabs/-/bottom-tabs-7.4.2.tgz",
+      "integrity": "sha512-jyBux5l3qqEucY5M/ZWxVvfA8TQu7DVl2gK+xB6iKqRUfLf7dSumyVxc7HemDwGFoz3Ug8dVZFvSMEs+mfrieQ==",
       "license": "MIT",
       "dependencies": {
-        "@react-navigation/elements": "^2.4.5",
+        "@react-navigation/elements": "^2.5.2",
         "color": "^4.2.3"
       },
       "peerDependencies": {
-        "@react-navigation/native": "^7.1.12",
+        "@react-navigation/native": "^7.1.14",
         "react": ">= 18.2.0",
         "react-native": "*",
         "react-native-safe-area-context": ">= 4.0.0",
@@ -3070,9 +3073,9 @@
       }
     },
     "node_modules/@react-navigation/core": {
-      "version": "7.11.0",
-      "resolved": "https://registry.npmjs.org/@react-navigation/core/-/core-7.11.0.tgz",
-      "integrity": "sha512-LfYPtxsMjldJ80BBeedaDCN0LE81WU1NP4V9Ia3wSrCPTAXt11y6holaBUrmUMVQVqpEyPRQrjwrT1QkfGKquw==",
+      "version": "7.12.1",
+      "resolved": "https://registry.npmjs.org/@react-navigation/core/-/core-7.12.1.tgz",
+      "integrity": "sha512-ir6s25CDkReufi0vQhSIAe+AAHHJN9zTgGlS6iDS1yqbwgl2MiBAZzpaOL1T5llYujie2jF/bODeLz2j4k80zw==",
       "license": "MIT",
       "dependencies": {
         "@react-navigation/routers": "^7.4.1",
@@ -3087,18 +3090,40 @@
         "react": ">= 18.2.0"
       }
     },
-    "node_modules/@react-navigation/elements": {
-      "version": "2.4.5",
-      "resolved": "https://registry.npmjs.org/@react-navigation/elements/-/elements-2.4.5.tgz",
-      "integrity": "sha512-rzoQQ07dZGA3h608imB1nAZ2rPw9vZ2xc2K36XSZoV/7IZRDxI4BCIj38Wc4saQaYhfJIoeVssK4+6IwhZBedg==",
+    "node_modules/@react-navigation/drawer": {
+      "version": "7.5.3",
+      "resolved": "https://registry.npmjs.org/@react-navigation/drawer/-/drawer-7.5.3.tgz",
+      "integrity": "sha512-Jpfft6iHWL7G73nsc1n43g/ZpV/aRvj002AlX3xXyyMN+pB7USxt8J54srYomLO0EsTIhDDfazNL15o28+GQ6w==",
       "license": "MIT",
       "dependencies": {
+        "@react-navigation/elements": "^2.5.2",
         "color": "^4.2.3",
+        "react-native-drawer-layout": "^4.1.12",
         "use-latest-callback": "^0.2.4"
       },
+      "peerDependencies": {
+        "@react-navigation/native": "^7.1.14",
+        "react": ">= 18.2.0",
+        "react-native": "*",
+        "react-native-gesture-handler": ">= 2.0.0",
+        "react-native-reanimated": ">= 2.0.0",
+        "react-native-safe-area-context": ">= 4.0.0",
+        "react-native-screens": ">= 4.0.0"
+      }
+    },
+    "node_modules/@react-navigation/elements": {
+      "version": "2.5.2",
+      "resolved": "https://registry.npmjs.org/@react-navigation/elements/-/elements-2.5.2.tgz",
+      "integrity": "sha512-aGC3ukF5+lXuiF5bK7bJyRuWCE+Tk4MZ3GoQpAb7u7+m0KmsquliDhj4UCWEUU5kUoCeoRAUvv+1lKcYKf+WTQ==",
+      "license": "MIT",
+      "dependencies": {
+        "color": "^4.2.3",
+        "use-latest-callback": "^0.2.4",
+        "use-sync-external-store": "^1.5.0"
+      },
       "peerDependencies": {
         "@react-native-masked-view/masked-view": ">= 0.2.0",
-        "@react-navigation/native": "^7.1.12",
+        "@react-navigation/native": "^7.1.14",
         "react": ">= 18.2.0",
         "react-native": "*",
         "react-native-safe-area-context": ">= 4.0.0"
@@ -3110,12 +3135,12 @@
       }
     },
     "node_modules/@react-navigation/native": {
-      "version": "7.1.12",
-      "resolved": "https://registry.npmjs.org/@react-navigation/native/-/native-7.1.12.tgz",
-      "integrity": "sha512-ezHzrZN+9SE4Co6/H8MgDWlBxfJbVc5xi8szRi2QW8eJlsZsAvgGqtKs4YECraV4Yr9zW8RCzNuUxYiQiPMtEQ==",
+      "version": "7.1.14",
+      "resolved": "https://registry.npmjs.org/@react-navigation/native/-/native-7.1.14.tgz",
+      "integrity": "sha512-X233/CNx41FpshlWe4uEAUN8CNem3ju4t5pnVKcdhDR0cTQT1rK6P0ZwjSylD9zXdnHvJttFjBhKTot6TcvSqA==",
       "license": "MIT",
       "dependencies": {
-        "@react-navigation/core": "^7.11.0",
+        "@react-navigation/core": "^7.12.1",
         "escape-string-regexp": "^4.0.0",
         "fast-deep-equal": "^3.1.3",
         "nanoid": "^3.3.11",
@@ -3127,16 +3152,16 @@
       }
     },
     "node_modules/@react-navigation/native-stack": {
-      "version": "7.3.17",
-      "resolved": "https://registry.npmjs.org/@react-navigation/native-stack/-/native-stack-7.3.17.tgz",
-      "integrity": "sha512-nPJv5E/7MYZ5NPD0sFP9DjSawEQ1fYXe0sCZT1C5EHGWK08p3+5HkVScXofDDqUtI/q6UU23uE1YoxVWgRbDRw==",
+      "version": "7.3.21",
+      "resolved": "https://registry.npmjs.org/@react-navigation/native-stack/-/native-stack-7.3.21.tgz",
+      "integrity": "sha512-oNNZHzkxILEibesamRKLodfXAaDOUvMBITKXLLeblDxnTAyIB/Kf7CmV+8nwkdAgV04kURTxV0SQI+d8gLUm6g==",
       "license": "MIT",
       "dependencies": {
-        "@react-navigation/elements": "^2.4.5",
+        "@react-navigation/elements": "^2.5.2",
         "warn-once": "^0.1.1"
       },
       "peerDependencies": {
-        "@react-navigation/native": "^7.1.12",
+        "@react-navigation/native": "^7.1.14",
         "react": ">= 18.2.0",
         "react-native": "*",
         "react-native-safe-area-context": ">= 4.0.0",
@@ -3242,6 +3267,12 @@
       "dev": true,
       "license": "MIT"
     },
+    "node_modules/@types/geojson": {
+      "version": "7946.0.16",
+      "resolved": "https://registry.npmjs.org/@types/geojson/-/geojson-7946.0.16.tgz",
+      "integrity": "sha512-6C8nqWur3j98U6+lXDfTUWIfgvZU+EumvpHKcYjujKH7woYyLj2sUmff0tRhrqM7BohUw7Pz3ZB1jj2gW9Fvmg==",
+      "license": "MIT"
+    },
     "node_modules/@types/graceful-fs": {
       "version": "4.1.9",
       "resolved": "https://registry.npmjs.org/@types/graceful-fs/-/graceful-fs-4.1.9.tgz",
@@ -3307,12 +3338,30 @@
       "version": "19.0.14",
       "resolved": "https://registry.npmjs.org/@types/react/-/react-19.0.14.tgz",
       "integrity": "sha512-ixLZ7zG7j1fM0DijL9hDArwhwcCb4vqmePgwtV0GfnkHRSCUEv4LvzarcTdhoqgyMznUx/EhoTUv31CKZzkQlw==",
-      "devOptional": true,
       "license": "MIT",
       "dependencies": {
         "csstype": "^3.0.2"
       }
     },
+    "node_modules/@types/react-native": {
+      "version": "0.70.19",
+      "resolved": "https://registry.npmjs.org/@types/react-native/-/react-native-0.70.19.tgz",
+      "integrity": "sha512-c6WbyCgWTBgKKMESj/8b4w+zWcZSsCforson7UdXtXMecG3MxCinYi6ihhrHVPyUrVzORsvEzK8zg32z4pK6Sg==",
+      "license": "MIT",
+      "dependencies": {
+        "@types/react": "*"
+      }
+    },
+    "node_modules/@types/react-native-vector-icons": {
+      "version": "6.4.18",
+      "resolved": "https://registry.npmjs.org/@types/react-native-vector-icons/-/react-native-vector-icons-6.4.18.tgz",
+      "integrity": "sha512-YGlNWb+k5laTBHd7+uZowB9DpIK3SXUneZqAiKQaj1jnJCZM0x71GDim5JCTMi4IFkhc9m8H/Gm28T5BjyivUw==",
+      "license": "MIT",
+      "dependencies": {
+        "@types/react": "*",
+        "@types/react-native": "^0.70"
+      }
+    },
     "node_modules/@types/stack-utils": {
       "version": "2.0.3",
       "resolved": "https://registry.npmjs.org/@types/stack-utils/-/stack-utils-2.0.3.tgz",
@@ -3874,22 +3923,22 @@
       ]
     },
     "node_modules/@urql/core": {
-      "version": "5.1.1",
-      "resolved": "https://registry.npmjs.org/@urql/core/-/core-5.1.1.tgz",
-      "integrity": "sha512-aGh024z5v2oINGD/In6rAtVKTm4VmQ2TxKQBAtk2ZSME5dunZFcjltw4p5ENQg+5CBhZ3FHMzl0Oa+rwqiWqlg==",
+      "version": "5.2.0",
+      "resolved": "https://registry.npmjs.org/@urql/core/-/core-5.2.0.tgz",
+      "integrity": "sha512-/n0ieD0mvvDnVAXEQgX/7qJiVcvYvNkOHeBvkwtylfjydar123caCXcl58PXFY11oU1oquJocVXHxLAbtv4x1A==",
       "license": "MIT",
       "dependencies": {
-        "@0no-co/graphql.web": "^1.0.5",
+        "@0no-co/graphql.web": "^1.0.13",
         "wonka": "^6.3.2"
       }
     },
     "node_modules/@urql/exchange-retry": {
-      "version": "1.3.1",
-      "resolved": "https://registry.npmjs.org/@urql/exchange-retry/-/exchange-retry-1.3.1.tgz",
-      "integrity": "sha512-EEmtFu8JTuwsInqMakhLq+U3qN8ZMd5V3pX44q0EqD2imqTDsa8ikZqJ1schVrN8HljOdN+C08cwZ1/r5uIgLw==",
+      "version": "1.3.2",
+      "resolved": "https://registry.npmjs.org/@urql/exchange-retry/-/exchange-retry-1.3.2.tgz",
+      "integrity": "sha512-TQMCz2pFJMfpNxmSfX1VSfTjwUIFx/mL+p1bnfM1xjjdla7Z+KnGMW/EhFbpckp3LyWAH4PgOsMwOMnIN+MBFg==",
       "license": "MIT",
       "dependencies": {
-        "@urql/core": "^5.1.1",
+        "@urql/core": "^5.1.2",
         "wonka": "^6.3.2"
       },
       "peerDependencies": {
@@ -3953,9 +4002,9 @@
       }
     },
     "node_modules/agent-base": {
-      "version": "7.1.3",
-      "resolved": "https://registry.npmjs.org/agent-base/-/agent-base-7.1.3.tgz",
-      "integrity": "sha512-jRR5wdylq8CkOe6hei19GGZnxM6rBGwFl3Bg0YItGDimvjGtAvdZk4Pu6Cl4u4Igsws4a1fd1Vq3ezrhn4KmFw==",
+      "version": "7.1.4",
+      "resolved": "https://registry.npmjs.org/agent-base/-/agent-base-7.1.4.tgz",
+      "integrity": "sha512-MnA+YT8fwfJPgBx3m60MNqakm30XOkyIoH1y6huTQvC0PwZG7ki8NacLBcrPbNoo8vEZy7Jpuk7+jMO+CUovTQ==",
       "license": "MIT",
       "engines": {
         "node": ">= 14"
@@ -4368,13 +4417,13 @@
       }
     },
     "node_modules/babel-plugin-polyfill-corejs2": {
-      "version": "0.4.13",
-      "resolved": "https://registry.npmjs.org/babel-plugin-polyfill-corejs2/-/babel-plugin-polyfill-corejs2-0.4.13.tgz",
-      "integrity": "sha512-3sX/eOms8kd3q2KZ6DAhKPc0dgm525Gqq5NtWKZ7QYYZEv57OQ54KtblzJzH1lQF/eQxO8KjWGIK9IPUJNus5g==",
+      "version": "0.4.14",
+      "resolved": "https://registry.npmjs.org/babel-plugin-polyfill-corejs2/-/babel-plugin-polyfill-corejs2-0.4.14.tgz",
+      "integrity": "sha512-Co2Y9wX854ts6U8gAAPXfn0GmAyctHuK8n0Yhfjd6t30g7yvKjspvvOo9yG+z52PZRgFErt7Ka2pYnXCjLKEpg==",
       "license": "MIT",
       "dependencies": {
-        "@babel/compat-data": "^7.22.6",
-        "@babel/helper-define-polyfill-provider": "^0.6.4",
+        "@babel/compat-data": "^7.27.7",
+        "@babel/helper-define-polyfill-provider": "^0.6.5",
         "semver": "^6.3.1"
       },
       "peerDependencies": {
@@ -4382,25 +4431,25 @@
       }
     },
     "node_modules/babel-plugin-polyfill-corejs3": {
-      "version": "0.11.1",
-      "resolved": "https://registry.npmjs.org/babel-plugin-polyfill-corejs3/-/babel-plugin-polyfill-corejs3-0.11.1.tgz",
-      "integrity": "sha512-yGCqvBT4rwMczo28xkH/noxJ6MZ4nJfkVYdoDaC/utLtWrXxv27HVrzAeSbqR8SxDsp46n0YF47EbHoixy6rXQ==",
+      "version": "0.13.0",
+      "resolved": "https://registry.npmjs.org/babel-plugin-polyfill-corejs3/-/babel-plugin-polyfill-corejs3-0.13.0.tgz",
+      "integrity": "sha512-U+GNwMdSFgzVmfhNm8GJUX88AadB3uo9KpJqS3FaqNIPKgySuvMb+bHPsOmmuWyIcuqZj/pzt1RUIUZns4y2+A==",
       "license": "MIT",
       "dependencies": {
-        "@babel/helper-define-polyfill-provider": "^0.6.3",
-        "core-js-compat": "^3.40.0"
+        "@babel/helper-define-polyfill-provider": "^0.6.5",
+        "core-js-compat": "^3.43.0"
       },
       "peerDependencies": {
         "@babel/core": "^7.4.0 || ^8.0.0-0 <8.0.0"
       }
     },
     "node_modules/babel-plugin-polyfill-regenerator": {
-      "version": "0.6.4",
-      "resolved": "https://registry.npmjs.org/babel-plugin-polyfill-regenerator/-/babel-plugin-polyfill-regenerator-0.6.4.tgz",
-      "integrity": "sha512-7gD3pRadPrbjhjLyxebmx/WrFYcuSjZ0XbdUujQMZ/fcE9oeewk2U/7PCvez84UeuK3oSjmPZ0Ch0dlupQvGzw==",
+      "version": "0.6.5",
+      "resolved": "https://registry.npmjs.org/babel-plugin-polyfill-regenerator/-/babel-plugin-polyfill-regenerator-0.6.5.tgz",
+      "integrity": "sha512-ISqQ2frbiNU9vIJkzg7dlPpznPZ4jOiUQ1uSmB0fEHeowtN3COYRsXr/xexn64NpU13P06jc/L5TgiJXOgrbEg==",
       "license": "MIT",
       "dependencies": {
-        "@babel/helper-define-polyfill-provider": "^0.6.4"
+        "@babel/helper-define-polyfill-provider": "^0.6.5"
       },
       "peerDependencies": {
         "@babel/core": "^7.4.0 || ^8.0.0-0 <8.0.0"
@@ -4457,9 +4506,9 @@
       }
     },
     "node_modules/babel-preset-expo": {
-      "version": "13.2.1",
-      "resolved": "https://registry.npmjs.org/babel-preset-expo/-/babel-preset-expo-13.2.1.tgz",
-      "integrity": "sha512-Ol3w0uLJNQ5tDfCf4L+IDTDMgJkVMQHhvYqMxs18Ib0DcaBQIfE8mneSSk7FcuI6FS0phw/rZhoEquQh1/Q3wA==",
+      "version": "13.2.3",
+      "resolved": "https://registry.npmjs.org/babel-preset-expo/-/babel-preset-expo-13.2.3.tgz",
+      "integrity": "sha512-wQJn92lqj8GKR7Ojg/aW4+GkqI6ZdDNTDyOqhhl7A9bAqk6t0ukUOWLDXQb4p0qKJjMDV1F6gNWasI2KUbuVTQ==",
       "license": "MIT",
       "dependencies": {
         "@babel/helper-module-imports": "^7.25.9",
@@ -4476,7 +4525,7 @@
         "@babel/plugin-transform-runtime": "^7.24.7",
         "@babel/preset-react": "^7.22.15",
         "@babel/preset-typescript": "^7.23.0",
-        "@react-native/babel-preset": "0.79.4",
+        "@react-native/babel-preset": "0.79.5",
         "babel-plugin-react-native-web": "~0.19.13",
         "babel-plugin-syntax-hermes-parser": "^0.25.1",
         "babel-plugin-transform-flow-enums": "^0.0.2",
@@ -4617,9 +4666,9 @@
       }
     },
     "node_modules/browserslist": {
-      "version": "4.25.0",
-      "resolved": "https://registry.npmjs.org/browserslist/-/browserslist-4.25.0.tgz",
-      "integrity": "sha512-PJ8gYKeS5e/whHBh8xrwYK+dAvEj7JXtz6uTucnMRB8OiGTsKccFekoRrjajPBHV8oOY+2tI4uxeceSimKwMFA==",
+      "version": "4.25.1",
+      "resolved": "https://registry.npmjs.org/browserslist/-/browserslist-4.25.1.tgz",
+      "integrity": "sha512-KGj0KoOMXLpSNkkEI6Z6mShmQy0bc1I+T7K9N81k4WWMrfz+6fQ6es80B/YLAeRoKvjYE1YSHHOW1qe9xIVzHw==",
       "funding": [
         {
           "type": "opencollective",
@@ -4636,8 +4685,8 @@
       ],
       "license": "MIT",
       "dependencies": {
-        "caniuse-lite": "^1.0.30001718",
-        "electron-to-chromium": "^1.5.160",
+        "caniuse-lite": "^1.0.30001726",
+        "electron-to-chromium": "^1.5.173",
         "node-releases": "^2.0.19",
         "update-browserslist-db": "^1.1.3"
       },
@@ -4799,9 +4848,9 @@
       }
     },
     "node_modules/caniuse-lite": {
-      "version": "1.0.30001723",
-      "resolved": "https://registry.npmjs.org/caniuse-lite/-/caniuse-lite-1.0.30001723.tgz",
-      "integrity": "sha512-1R/elMjtehrFejxwmexeXAtae5UO9iSyFn6G/I806CYC/BLyyBk1EPhrKBkWhy6wM6Xnm47dSJQec+tLJ39WHw==",
+      "version": "1.0.30001727",
+      "resolved": "https://registry.npmjs.org/caniuse-lite/-/caniuse-lite-1.0.30001727.tgz",
+      "integrity": "sha512-pB68nIHmbN6L/4C6MH1DokyR3bYqFwjaSs/sWDHGj4CTcFtQUQMuJftVwWkXq7mNWOybD3KhUv3oWHoGxgP14Q==",
       "funding": [
         {
           "type": "opencollective",
@@ -5122,12 +5171,12 @@
       "license": "MIT"
     },
     "node_modules/core-js-compat": {
-      "version": "3.43.0",
-      "resolved": "https://registry.npmjs.org/core-js-compat/-/core-js-compat-3.43.0.tgz",
-      "integrity": "sha512-2GML2ZsCc5LR7hZYz4AXmjQw8zuy2T//2QntwdnpuYI7jteT6GVYJL7F6C2C57R7gSYrcqVW3lAALefdbhBLDA==",
+      "version": "3.44.0",
+      "resolved": "https://registry.npmjs.org/core-js-compat/-/core-js-compat-3.44.0.tgz",
+      "integrity": "sha512-JepmAj2zfl6ogy34qfWtcE7nHKAJnKsQFRn++scjVS2bZFllwptzw61BZcZFYBPpUznLfAvh0LGhxKppk04ClA==",
       "license": "MIT",
       "dependencies": {
-        "browserslist": "^4.25.0"
+        "browserslist": "^4.25.1"
       },
       "funding": {
         "type": "opencollective",
@@ -5238,7 +5287,6 @@
       "version": "3.1.3",
       "resolved": "https://registry.npmjs.org/csstype/-/csstype-3.1.3.tgz",
       "integrity": "sha512-M1uQkMl8rQK/szD0LNhtqxIPLpimGm8sOBwU7lLnCpSbTyY3yeU1Vc7l4KT5zT4s/yOxHH5O7tIuuLOCnLADRw==",
-      "devOptional": true,
       "license": "MIT"
     },
     "node_modules/data-view-buffer": {
@@ -5502,9 +5550,9 @@
       "license": "MIT"
     },
     "node_modules/electron-to-chromium": {
-      "version": "1.5.170",
-      "resolved": "https://registry.npmjs.org/electron-to-chromium/-/electron-to-chromium-1.5.170.tgz",
-      "integrity": "sha512-GP+M7aeluQo9uAyiTCxgIj/j+PrWhMlY7LFVj8prlsPljd0Fdg9AprlfUi+OCSFWy9Y5/2D/Jrj9HS8Z4rpKWA==",
+      "version": "1.5.182",
+      "resolved": "https://registry.npmjs.org/electron-to-chromium/-/electron-to-chromium-1.5.182.tgz",
+      "integrity": "sha512-Lv65Btwv9W4J9pyODI6EWpdnhfvrve/us5h1WspW8B2Fb0366REPtY3hX7ounk1CkV/TBjWCEvCBBbYbmV0qCA==",
       "license": "ISC"
     },
     "node_modules/emoji-regex": {
@@ -6190,26 +6238,26 @@
       "license": "MIT"
     },
     "node_modules/expo": {
-      "version": "53.0.12",
-      "resolved": "https://registry.npmjs.org/expo/-/expo-53.0.12.tgz",
-      "integrity": "sha512-dtmED749hkxDWCcvtD++tb8bAm3Twv8qnUOXzVyXA5owNG0mwDIz0HveJTpWK1UzkY4HcTVRezDf0tflZJ+JXQ==",
+      "version": "53.0.17",
+      "resolved": "https://registry.npmjs.org/expo/-/expo-53.0.17.tgz",
+      "integrity": "sha512-I1z4X/BoirQeWH8VMcfW1N3OsKCY0LslGjhzDsBWomv4rzviLkcm7KNJBeYWddY7wGo0bljT8S57NGsIJS/f9g==",
       "license": "MIT",
       "dependencies": {
         "@babel/runtime": "^7.20.0",
-        "@expo/cli": "0.24.15",
-        "@expo/config": "~11.0.10",
-        "@expo/config-plugins": "~10.0.3",
-        "@expo/fingerprint": "0.13.1",
-        "@expo/metro-config": "0.20.15",
+        "@expo/cli": "0.24.18",
+        "@expo/config": "~11.0.12",
+        "@expo/config-plugins": "~10.1.1",
+        "@expo/fingerprint": "0.13.4",
+        "@expo/metro-config": "0.20.17",
         "@expo/vector-icons": "^14.0.0",
-        "babel-preset-expo": "~13.2.1",
-        "expo-asset": "~11.1.5",
-        "expo-constants": "~17.1.6",
-        "expo-file-system": "~18.1.10",
-        "expo-font": "~13.3.1",
+        "babel-preset-expo": "~13.2.3",
+        "expo-asset": "~11.1.7",
+        "expo-constants": "~17.1.7",
+        "expo-file-system": "~18.1.11",
+        "expo-font": "~13.3.2",
         "expo-keep-awake": "~14.1.4",
-        "expo-modules-autolinking": "2.1.12",
-        "expo-modules-core": "2.4.0",
+        "expo-modules-autolinking": "2.1.13",
+        "expo-modules-core": "2.4.2",
         "react-native-edge-to-edge": "1.6.0",
         "whatwg-url-without-unicode": "8.0.0-3"
       },
@@ -6238,13 +6286,13 @@
       }
     },
     "node_modules/expo-asset": {
-      "version": "11.1.5",
-      "resolved": "https://registry.npmjs.org/expo-asset/-/expo-asset-11.1.5.tgz",
-      "integrity": "sha512-GEQDCqC25uDBoXHEnXeBuwpeXvI+3fRGvtzwwt0ZKKzWaN+TgeF8H7c76p3Zi4DfBMFDcduM0CmOvJX+yCCLUQ==",
+      "version": "11.1.7",
+      "resolved": "https://registry.npmjs.org/expo-asset/-/expo-asset-11.1.7.tgz",
+      "integrity": "sha512-b5P8GpjUh08fRCf6m5XPVAh7ra42cQrHBIMgH2UXP+xsj4Wufl6pLy6jRF5w6U7DranUMbsXm8TOyq4EHy7ADg==",
       "license": "MIT",
       "dependencies": {
-        "@expo/image-utils": "^0.7.4",
-        "expo-constants": "~17.1.5"
+        "@expo/image-utils": "^0.7.6",
+        "expo-constants": "~17.1.7"
       },
       "peerDependencies": {
         "expo": "*",
@@ -6263,14 +6311,34 @@
         "react-native": "*"
       }
     },
-    "node_modules/expo-constants": {
-      "version": "17.1.6",
-      "resolved": "https://registry.npmjs.org/expo-constants/-/expo-constants-17.1.6.tgz",
-      "integrity": "sha512-q5mLvJiLtPcaZ7t2diSOlQ2AyxIO8YMVEJsEfI/ExkGj15JrflNQ7CALEW6IF/uNae/76qI/XcjEuuAyjdaCNw==",
+    "node_modules/expo-camera": {
+      "version": "16.1.10",
+      "resolved": "https://registry.npmjs.org/expo-camera/-/expo-camera-16.1.10.tgz",
+      "integrity": "sha512-qoRJeSwPmMbuu0VfnQTC+q79Kt2SqTWColEImgithL9u0qUQcC55U89IfhZk55Hpt6f1DgKuDzUOG5oY+snSWg==",
       "license": "MIT",
       "dependencies": {
-        "@expo/config": "~11.0.9",
-        "@expo/env": "~1.0.5"
+        "invariant": "^2.2.4"
+      },
+      "peerDependencies": {
+        "expo": "*",
+        "react": "*",
+        "react-native": "*",
+        "react-native-web": "*"
+      },
+      "peerDependenciesMeta": {
+        "react-native-web": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/expo-constants": {
+      "version": "17.1.7",
+      "resolved": "https://registry.npmjs.org/expo-constants/-/expo-constants-17.1.7.tgz",
+      "integrity": "sha512-byBjGsJ6T6FrLlhOBxw4EaiMXrZEn/MlUYIj/JAd+FS7ll5X/S4qVRbIimSJtdW47hXMq0zxPfJX6njtA56hHA==",
+      "license": "MIT",
+      "dependencies": {
+        "@expo/config": "~11.0.12",
+        "@expo/env": "~1.0.7"
       },
       "peerDependencies": {
         "expo": "*",
@@ -6278,9 +6346,9 @@
       }
     },
     "node_modules/expo-file-system": {
-      "version": "18.1.10",
-      "resolved": "https://registry.npmjs.org/expo-file-system/-/expo-file-system-18.1.10.tgz",
-      "integrity": "sha512-SyaWg+HitScLuyEeSG9gMSDT0hIxbM9jiZjSBP9l9zMnwZjmQwsusE6+7qGiddxJzdOhTP4YGUfvEzeeS0YL3Q==",
+      "version": "18.1.11",
+      "resolved": "https://registry.npmjs.org/expo-file-system/-/expo-file-system-18.1.11.tgz",
+      "integrity": "sha512-HJw/m0nVOKeqeRjPjGdvm+zBi5/NxcdPf8M8P3G2JFvH5Z8vBWqVDic2O58jnT1OFEy0XXzoH9UqFu7cHg9DTQ==",
       "license": "MIT",
       "peerDependencies": {
         "expo": "*",
@@ -6288,9 +6356,9 @@
       }
     },
     "node_modules/expo-font": {
-      "version": "13.3.1",
-      "resolved": "https://registry.npmjs.org/expo-font/-/expo-font-13.3.1.tgz",
-      "integrity": "sha512-d+xrHYvSM9WB42wj8vP9OOFWyxed5R1evphfDb6zYBmC1dA9Hf89FpT7TNFtj2Bk3clTnpmVqQTCYbbA2P3CLg==",
+      "version": "13.3.2",
+      "resolved": "https://registry.npmjs.org/expo-font/-/expo-font-13.3.2.tgz",
+      "integrity": "sha512-wUlMdpqURmQ/CNKK/+BIHkDA5nGjMqNlYmW0pJFXY/KE/OG80Qcavdu2sHsL4efAIiNGvYdBS10WztuQYU4X0A==",
       "license": "MIT",
       "dependencies": {
         "fontfaceobserver": "^2.1.0"
@@ -6310,9 +6378,9 @@
       }
     },
     "node_modules/expo-image": {
-      "version": "2.3.0",
-      "resolved": "https://registry.npmjs.org/expo-image/-/expo-image-2.3.0.tgz",
-      "integrity": "sha512-muL8OSbgCskQJsyqenKPNULWXwRm5BY2ruS6WMo/EzFyI3iXI/0mXgb2J/NXUa8xCEYxSyoGkGZFyCBvGY1ofA==",
+      "version": "2.3.2",
+      "resolved": "https://registry.npmjs.org/expo-image/-/expo-image-2.3.2.tgz",
+      "integrity": "sha512-TOp7UR1mzeCxzs3c/6MV2Wy7jBfJpKq8aVC06gkLfxHsCVMeGqCXc+6GMrGIVrjG938LEub4dwnrE0OuSE2Qwg==",
       "license": "MIT",
       "peerDependencies": {
         "expo": "*",
@@ -6326,6 +6394,27 @@
         }
       }
     },
+    "node_modules/expo-image-loader": {
+      "version": "5.1.0",
+      "resolved": "https://registry.npmjs.org/expo-image-loader/-/expo-image-loader-5.1.0.tgz",
+      "integrity": "sha512-sEBx3zDQIODWbB5JwzE7ZL5FJD+DK3LVLWBVJy6VzsqIA6nDEnSFnsnWyCfCTSvbGigMATs1lgkC2nz3Jpve1Q==",
+      "license": "MIT",
+      "peerDependencies": {
+        "expo": "*"
+      }
+    },
+    "node_modules/expo-image-picker": {
+      "version": "16.1.4",
+      "resolved": "https://registry.npmjs.org/expo-image-picker/-/expo-image-picker-16.1.4.tgz",
+      "integrity": "sha512-bTmmxtw1AohUT+HxEBn2vYwdeOrj1CLpMXKjvi9FKSoSbpcarT4xxI0z7YyGwDGHbrJqyyic3I9TTdP2J2b4YA==",
+      "license": "MIT",
+      "dependencies": {
+        "expo-image-loader": "~5.1.0"
+      },
+      "peerDependencies": {
+        "expo": "*"
+      }
+    },
     "node_modules/expo-keep-awake": {
       "version": "14.1.4",
       "resolved": "https://registry.npmjs.org/expo-keep-awake/-/expo-keep-awake-14.1.4.tgz",
@@ -6337,12 +6426,12 @@
       }
     },
     "node_modules/expo-linking": {
-      "version": "7.1.5",
-      "resolved": "https://registry.npmjs.org/expo-linking/-/expo-linking-7.1.5.tgz",
-      "integrity": "sha512-8g20zOpROW78bF+bLI4a3ZWj4ntLgM0rCewKycPL0jk9WGvBrBtFtwwADJgOiV1EurNp3lcquerXGlWS+SOQyA==",
+      "version": "7.1.7",
+      "resolved": "https://registry.npmjs.org/expo-linking/-/expo-linking-7.1.7.tgz",
+      "integrity": "sha512-ZJaH1RIch2G/M3hx2QJdlrKbYFUTOjVVW4g39hfxrE5bPX9xhZUYXqxqQtzMNl1ylAevw9JkgEfWbBWddbZ3UA==",
       "license": "MIT",
       "dependencies": {
-        "expo-constants": "~17.1.6",
+        "expo-constants": "~17.1.7",
         "invariant": "^2.2.4"
       },
       "peerDependencies": {
@@ -6351,9 +6440,9 @@
       }
     },
     "node_modules/expo-modules-autolinking": {
-      "version": "2.1.12",
-      "resolved": "https://registry.npmjs.org/expo-modules-autolinking/-/expo-modules-autolinking-2.1.12.tgz",
-      "integrity": "sha512-rW5YSW66pUx1nLqn7TO0eWRnP4LDvySW1Tom0wjexk3Tx/upg9LYE5tva7p5AX/cdFfiZcEqPcOxP4RyT++Xlg==",
+      "version": "2.1.13",
+      "resolved": "https://registry.npmjs.org/expo-modules-autolinking/-/expo-modules-autolinking-2.1.13.tgz",
+      "integrity": "sha512-+SaiYkdP3LXOFm/26CHMHBof9Xq/0MHNDzL/K0OwPgHLhZ6wpDWIDYWRHNueWYtGpAeLw2XAhR0HX4FNtU09qw==",
       "license": "MIT",
       "dependencies": {
         "@expo/spawn-async": "^1.7.2",
@@ -6369,22 +6458,22 @@
       }
     },
     "node_modules/expo-modules-core": {
-      "version": "2.4.0",
-      "resolved": "https://registry.npmjs.org/expo-modules-core/-/expo-modules-core-2.4.0.tgz",
-      "integrity": "sha512-Ko5eHBdvuMykjw9P9C9PF54/wBSsGOxaOjx92I5BwgKvEmUwN3UrXFV4CXzlLVbLfSYUQaLcB220xmPfgvT7Fg==",
+      "version": "2.4.2",
+      "resolved": "https://registry.npmjs.org/expo-modules-core/-/expo-modules-core-2.4.2.tgz",
+      "integrity": "sha512-RCb0wniYCJkxwpXrkiBA/WiNGxzYsEpL0sB50gTnS/zEfX3DImS2npc4lfZ3hPZo1UF9YC6OSI9Do+iacV0NUg==",
       "license": "MIT",
       "dependencies": {
         "invariant": "^2.2.4"
       }
     },
     "node_modules/expo-router": {
-      "version": "5.1.0",
-      "resolved": "https://registry.npmjs.org/expo-router/-/expo-router-5.1.0.tgz",
-      "integrity": "sha512-mnKpw35W6kKPpZm+ZxQei6HGUx2JO3znzqJZInzqrTZMgfAcHGgvP9AQFjg/Qi/Qy1CxunB9aQnqE9JPbSwbpw==",
+      "version": "5.1.3",
+      "resolved": "https://registry.npmjs.org/expo-router/-/expo-router-5.1.3.tgz",
+      "integrity": "sha512-zoAU0clwEj569PpGOzc06wCcxOskHLEyonJhLNPsweJgu+vE010d6XW+yr5ODR6F3ViFJpfcjbe7u3SaTjl24Q==",
       "license": "MIT",
       "dependencies": {
         "@expo/metro-runtime": "5.0.4",
-        "@expo/server": "^0.6.2",
+        "@expo/server": "^0.6.3",
         "@radix-ui/react-slot": "1.2.0",
         "@react-navigation/bottom-tabs": "^7.3.10",
         "@react-navigation/native": "^7.1.6",
@@ -6432,12 +6521,12 @@
       }
     },
     "node_modules/expo-splash-screen": {
-      "version": "0.30.9",
-      "resolved": "https://registry.npmjs.org/expo-splash-screen/-/expo-splash-screen-0.30.9.tgz",
-      "integrity": "sha512-curHUaZxUTZ2dWvz32ao3xPv5mJr1LBqn5V8xm/IULAehB9RGCn8iKiROMN1PYebSG+56vPMuJmBm9P+ayvJpA==",
+      "version": "0.30.10",
+      "resolved": "https://registry.npmjs.org/expo-splash-screen/-/expo-splash-screen-0.30.10.tgz",
+      "integrity": "sha512-Tt9va/sLENQDQYeOQ6cdLdGvTZ644KR3YG9aRlnpcs2/beYjOX1LHT510EGzVN9ljUTg+1ebEo5GGt2arYtPjw==",
       "license": "MIT",
       "dependencies": {
-        "@expo/prebuild-config": "^9.0.6"
+        "@expo/prebuild-config": "^9.0.10"
       },
       "peerDependencies": {
         "expo": "*"
@@ -6471,12 +6560,12 @@
       }
     },
     "node_modules/expo-system-ui": {
-      "version": "5.0.9",
-      "resolved": "https://registry.npmjs.org/expo-system-ui/-/expo-system-ui-5.0.9.tgz",
-      "integrity": "sha512-behQ4uP384++U9GjgXmyEno1Z8raN1/tZv7ZJhYkQkRj1g2xXvNltXN/PDRcOm/wCNqStVhDpYo2OOQm5E5/lQ==",
+      "version": "5.0.10",
+      "resolved": "https://registry.npmjs.org/expo-system-ui/-/expo-system-ui-5.0.10.tgz",
+      "integrity": "sha512-BTXbSyJr80yuN6VO4XQKZj7BjesZQLHgOYZ0bWyf4VB19GFZq7ZnZOEc/eoKk1B3eIocOMKUfNCrg/Wn8Kfcuw==",
       "license": "MIT",
       "dependencies": {
-        "@react-native/normalize-colors": "0.79.4",
+        "@react-native/normalize-colors": "0.79.5",
         "debug": "^4.3.2"
       },
       "peerDependencies": {
@@ -8705,9 +8794,9 @@
       }
     },
     "node_modules/metro": {
-      "version": "0.82.4",
-      "resolved": "https://registry.npmjs.org/metro/-/metro-0.82.4.tgz",
-      "integrity": "sha512-/gFmw3ux9CPG5WUmygY35hpyno28zi/7OUn6+OFfbweA8l0B+PPqXXLr0/T6cf5nclCcH0d22o+02fICaShVxw==",
+      "version": "0.82.5",
+      "resolved": "https://registry.npmjs.org/metro/-/metro-0.82.5.tgz",
+      "integrity": "sha512-8oAXxL7do8QckID/WZEKaIFuQJFUTLzfVcC48ghkHhNK2RGuQq8Xvf4AVd+TUA0SZtX0q8TGNXZ/eba1ckeGCg==",
       "license": "MIT",
       "dependencies": {
         "@babel/code-frame": "^7.24.7",
@@ -8725,24 +8814,24 @@
         "error-stack-parser": "^2.0.6",
         "flow-enums-runtime": "^0.0.6",
         "graceful-fs": "^4.2.4",
-        "hermes-parser": "0.28.1",
+        "hermes-parser": "0.29.1",
         "image-size": "^1.0.2",
         "invariant": "^2.2.4",
         "jest-worker": "^29.7.0",
         "jsc-safe-url": "^0.2.2",
         "lodash.throttle": "^4.1.1",
-        "metro-babel-transformer": "0.82.4",
-        "metro-cache": "0.82.4",
-        "metro-cache-key": "0.82.4",
-        "metro-config": "0.82.4",
-        "metro-core": "0.82.4",
-        "metro-file-map": "0.82.4",
-        "metro-resolver": "0.82.4",
-        "metro-runtime": "0.82.4",
-        "metro-source-map": "0.82.4",
-        "metro-symbolicate": "0.82.4",
-        "metro-transform-plugins": "0.82.4",
-        "metro-transform-worker": "0.82.4",
+        "metro-babel-transformer": "0.82.5",
+        "metro-cache": "0.82.5",
+        "metro-cache-key": "0.82.5",
+        "metro-config": "0.82.5",
+        "metro-core": "0.82.5",
+        "metro-file-map": "0.82.5",
+        "metro-resolver": "0.82.5",
+        "metro-runtime": "0.82.5",
+        "metro-source-map": "0.82.5",
+        "metro-symbolicate": "0.82.5",
+        "metro-transform-plugins": "0.82.5",
+        "metro-transform-worker": "0.82.5",
         "mime-types": "^2.1.27",
         "nullthrows": "^1.1.1",
         "serialize-error": "^2.1.0",
@@ -8759,14 +8848,14 @@
       }
     },
     "node_modules/metro-babel-transformer": {
-      "version": "0.82.4",
-      "resolved": "https://registry.npmjs.org/metro-babel-transformer/-/metro-babel-transformer-0.82.4.tgz",
-      "integrity": "sha512-4juJahGRb1gmNbQq48lNinB6WFNfb6m0BQqi/RQibEltNiqTCxew/dBspI2EWA4xVCd3mQWGfw0TML4KurQZnQ==",
+      "version": "0.82.5",
+      "resolved": "https://registry.npmjs.org/metro-babel-transformer/-/metro-babel-transformer-0.82.5.tgz",
+      "integrity": "sha512-W/scFDnwJXSccJYnOFdGiYr9srhbHPdxX9TvvACOFsIXdLilh3XuxQl/wXW6jEJfgIb0jTvoTlwwrqvuwymr6Q==",
       "license": "MIT",
       "dependencies": {
         "@babel/core": "^7.25.2",
         "flow-enums-runtime": "^0.0.6",
-        "hermes-parser": "0.28.1",
+        "hermes-parser": "0.29.1",
         "nullthrows": "^1.1.1"
       },
       "engines": {
@@ -8774,39 +8863,39 @@
       }
     },
     "node_modules/metro-babel-transformer/node_modules/hermes-estree": {
-      "version": "0.28.1",
-      "resolved": "https://registry.npmjs.org/hermes-estree/-/hermes-estree-0.28.1.tgz",
-      "integrity": "sha512-w3nxl/RGM7LBae0v8LH2o36+8VqwOZGv9rX1wyoWT6YaKZLqpJZ0YQ5P0LVr3tuRpf7vCx0iIG4i/VmBJejxTQ==",
+      "version": "0.29.1",
+      "resolved": "https://registry.npmjs.org/hermes-estree/-/hermes-estree-0.29.1.tgz",
+      "integrity": "sha512-jl+x31n4/w+wEqm0I2r4CMimukLbLQEYpisys5oCre611CI5fc9TxhqkBBCJ1edDG4Kza0f7CgNz8xVMLZQOmQ==",
       "license": "MIT"
     },
     "node_modules/metro-babel-transformer/node_modules/hermes-parser": {
-      "version": "0.28.1",
-      "resolved": "https://registry.npmjs.org/hermes-parser/-/hermes-parser-0.28.1.tgz",
-      "integrity": "sha512-nf8o+hE8g7UJWParnccljHumE9Vlq8F7MqIdeahl+4x0tvCUJYRrT0L7h0MMg/X9YJmkNwsfbaNNrzPtFXOscg==",
+      "version": "0.29.1",
+      "resolved": "https://registry.npmjs.org/hermes-parser/-/hermes-parser-0.29.1.tgz",
+      "integrity": "sha512-xBHWmUtRC5e/UL0tI7Ivt2riA/YBq9+SiYFU7C1oBa/j2jYGlIF9043oak1F47ihuDIxQ5nbsKueYJDRY02UgA==",
       "license": "MIT",
       "dependencies": {
-        "hermes-estree": "0.28.1"
+        "hermes-estree": "0.29.1"
       }
     },
     "node_modules/metro-cache": {
-      "version": "0.82.4",
-      "resolved": "https://registry.npmjs.org/metro-cache/-/metro-cache-0.82.4.tgz",
-      "integrity": "sha512-vX0ylSMGtORKiZ4G8uP6fgfPdDiCWvLZUGZ5zIblSGylOX6JYhvExl0Zg4UA9pix/SSQu5Pnp9vdODMFsNIxhw==",
+      "version": "0.82.5",
+      "resolved": "https://registry.npmjs.org/metro-cache/-/metro-cache-0.82.5.tgz",
+      "integrity": "sha512-AwHV9607xZpedu1NQcjUkua8v7HfOTKfftl6Vc9OGr/jbpiJX6Gpy8E/V9jo/U9UuVYX2PqSUcVNZmu+LTm71Q==",
       "license": "MIT",
       "dependencies": {
         "exponential-backoff": "^3.1.1",
         "flow-enums-runtime": "^0.0.6",
         "https-proxy-agent": "^7.0.5",
-        "metro-core": "0.82.4"
+        "metro-core": "0.82.5"
       },
       "engines": {
         "node": ">=18.18"
       }
     },
     "node_modules/metro-cache-key": {
-      "version": "0.82.4",
-      "resolved": "https://registry.npmjs.org/metro-cache-key/-/metro-cache-key-0.82.4.tgz",
-      "integrity": "sha512-2JCTqcpF+f2OghOpe/+x+JywfzDkrHdAqinPFWmK2ezNAU/qX0jBFaTETogPibFivxZJil37w9Yp6syX8rFUng==",
+      "version": "0.82.5",
+      "resolved": "https://registry.npmjs.org/metro-cache-key/-/metro-cache-key-0.82.5.tgz",
+      "integrity": "sha512-qpVmPbDJuRLrT4kcGlUouyqLGssJnbTllVtvIgXfR7ZuzMKf0mGS+8WzcqzNK8+kCyakombQWR0uDd8qhWGJcA==",
       "license": "MIT",
       "dependencies": {
         "flow-enums-runtime": "^0.0.6"
@@ -8816,42 +8905,42 @@
       }
     },
     "node_modules/metro-config": {
-      "version": "0.82.4",
-      "resolved": "https://registry.npmjs.org/metro-config/-/metro-config-0.82.4.tgz",
-      "integrity": "sha512-Ki3Wumr3hKHGDS7RrHsygmmRNc/PCJrvkLn0+BWWxmbOmOcMMJDSmSI+WRlT8jd5VPZFxIi4wg+sAt5yBXAK0g==",
+      "version": "0.82.5",
+      "resolved": "https://registry.npmjs.org/metro-config/-/metro-config-0.82.5.tgz",
+      "integrity": "sha512-/r83VqE55l0WsBf8IhNmc/3z71y2zIPe5kRSuqA5tY/SL/ULzlHUJEMd1szztd0G45JozLwjvrhAzhDPJ/Qo/g==",
       "license": "MIT",
       "dependencies": {
         "connect": "^3.6.5",
         "cosmiconfig": "^5.0.5",
         "flow-enums-runtime": "^0.0.6",
         "jest-validate": "^29.7.0",
-        "metro": "0.82.4",
-        "metro-cache": "0.82.4",
-        "metro-core": "0.82.4",
-        "metro-runtime": "0.82.4"
+        "metro": "0.82.5",
+        "metro-cache": "0.82.5",
+        "metro-core": "0.82.5",
+        "metro-runtime": "0.82.5"
       },
       "engines": {
         "node": ">=18.18"
       }
     },
     "node_modules/metro-core": {
-      "version": "0.82.4",
-      "resolved": "https://registry.npmjs.org/metro-core/-/metro-core-0.82.4.tgz",
-      "integrity": "sha512-Xo4ozbxPg2vfgJGCgXZ8sVhC2M0lhTqD+tsKO2q9aelq/dCjnnSb26xZKcQO80CQOQUL7e3QWB7pLFGPjZm31A==",
+      "version": "0.82.5",
+      "resolved": "https://registry.npmjs.org/metro-core/-/metro-core-0.82.5.tgz",
+      "integrity": "sha512-OJL18VbSw2RgtBm1f2P3J5kb892LCVJqMvslXxuxjAPex8OH7Eb8RBfgEo7VZSjgb/LOf4jhC4UFk5l5tAOHHA==",
       "license": "MIT",
       "dependencies": {
         "flow-enums-runtime": "^0.0.6",
         "lodash.throttle": "^4.1.1",
-        "metro-resolver": "0.82.4"
+        "metro-resolver": "0.82.5"
       },
       "engines": {
         "node": ">=18.18"
       }
     },
     "node_modules/metro-file-map": {
-      "version": "0.82.4",
-      "resolved": "https://registry.npmjs.org/metro-file-map/-/metro-file-map-0.82.4.tgz",
-      "integrity": "sha512-eO7HD1O3aeNsbEe6NBZvx1lLJUrxgyATjnDmb7bm4eyF6yWOQot9XVtxTDLNifECuvsZ4jzRiTInrbmIHkTdGA==",
+      "version": "0.82.5",
+      "resolved": "https://registry.npmjs.org/metro-file-map/-/metro-file-map-0.82.5.tgz",
+      "integrity": "sha512-vpMDxkGIB+MTN8Af5hvSAanc6zXQipsAUO+XUx3PCQieKUfLwdoa8qaZ1WAQYRpaU+CJ8vhBcxtzzo3d9IsCIQ==",
       "license": "MIT",
       "dependencies": {
         "debug": "^4.4.0",
@@ -8869,9 +8958,9 @@
       }
     },
     "node_modules/metro-minify-terser": {
-      "version": "0.82.4",
-      "resolved": "https://registry.npmjs.org/metro-minify-terser/-/metro-minify-terser-0.82.4.tgz",
-      "integrity": "sha512-W79Mi6BUwWVaM8Mc5XepcqkG+TSsCyyo//dmTsgYfJcsmReQorRFodil3bbJInETvjzdnS1mCsUo9pllNjT1Hg==",
+      "version": "0.82.5",
+      "resolved": "https://registry.npmjs.org/metro-minify-terser/-/metro-minify-terser-0.82.5.tgz",
+      "integrity": "sha512-v6Nx7A4We6PqPu/ta1oGTqJ4Usz0P7c+3XNeBxW9kp8zayS3lHUKR0sY0wsCHInxZlNAEICx791x+uXytFUuwg==",
       "license": "MIT",
       "dependencies": {
         "flow-enums-runtime": "^0.0.6",
@@ -8882,9 +8971,9 @@
       }
     },
     "node_modules/metro-resolver": {
-      "version": "0.82.4",
-      "resolved": "https://registry.npmjs.org/metro-resolver/-/metro-resolver-0.82.4.tgz",
-      "integrity": "sha512-uWoHzOBGQTPT5PjippB8rRT3iI9CTgFA9tRiLMzrseA5o7YAlgvfTdY9vFk2qyk3lW3aQfFKWkmqENryPRpu+Q==",
+      "version": "0.82.5",
+      "resolved": "https://registry.npmjs.org/metro-resolver/-/metro-resolver-0.82.5.tgz",
+      "integrity": "sha512-kFowLnWACt3bEsuVsaRNgwplT8U7kETnaFHaZePlARz4Fg8tZtmRDUmjaD68CGAwc0rwdwNCkWizLYpnyVcs2g==",
       "license": "MIT",
       "dependencies": {
         "flow-enums-runtime": "^0.0.6"
@@ -8894,9 +8983,9 @@
       }
     },
     "node_modules/metro-runtime": {
-      "version": "0.82.4",
-      "resolved": "https://registry.npmjs.org/metro-runtime/-/metro-runtime-0.82.4.tgz",
-      "integrity": "sha512-vVyFO7H+eLXRV2E7YAUYA7aMGBECGagqxmFvC2hmErS7oq90BbPVENfAHbUWq1vWH+MRiivoRxdxlN8gBoF/dw==",
+      "version": "0.82.5",
+      "resolved": "https://registry.npmjs.org/metro-runtime/-/metro-runtime-0.82.5.tgz",
+      "integrity": "sha512-rQZDoCUf7k4Broyw3Ixxlq5ieIPiR1ULONdpcYpbJQ6yQ5GGEyYjtkztGD+OhHlw81LCR2SUAoPvtTus2WDK5g==",
       "license": "MIT",
       "dependencies": {
         "@babel/runtime": "^7.25.0",
@@ -8907,9 +8996,9 @@
       }
     },
     "node_modules/metro-source-map": {
-      "version": "0.82.4",
-      "resolved": "https://registry.npmjs.org/metro-source-map/-/metro-source-map-0.82.4.tgz",
-      "integrity": "sha512-9jzDQJ0FPas1FuQFtwmBHsez2BfhFNufMowbOMeG3ZaFvzeziE8A0aJwILDS3U+V5039ssCQFiQeqDgENWvquA==",
+      "version": "0.82.5",
+      "resolved": "https://registry.npmjs.org/metro-source-map/-/metro-source-map-0.82.5.tgz",
+      "integrity": "sha512-wH+awTOQJVkbhn2SKyaw+0cd+RVSCZ3sHVgyqJFQXIee/yLs3dZqKjjeKKhhVeudgjXo7aE/vSu/zVfcQEcUfw==",
       "license": "MIT",
       "dependencies": {
         "@babel/traverse": "^7.25.3",
@@ -8917,9 +9006,9 @@
         "@babel/types": "^7.25.2",
         "flow-enums-runtime": "^0.0.6",
         "invariant": "^2.2.4",
-        "metro-symbolicate": "0.82.4",
+        "metro-symbolicate": "0.82.5",
         "nullthrows": "^1.1.1",
-        "ob1": "0.82.4",
+        "ob1": "0.82.5",
         "source-map": "^0.5.6",
         "vlq": "^1.0.0"
       },
@@ -8928,14 +9017,14 @@
       }
     },
     "node_modules/metro-symbolicate": {
-      "version": "0.82.4",
-      "resolved": "https://registry.npmjs.org/metro-symbolicate/-/metro-symbolicate-0.82.4.tgz",
-      "integrity": "sha512-LwEwAtdsx7z8rYjxjpLWxuFa2U0J6TS6ljlQM4WAATKa4uzV8unmnRuN2iNBWTmRqgNR77mzmI2vhwD4QSCo+w==",
+      "version": "0.82.5",
+      "resolved": "https://registry.npmjs.org/metro-symbolicate/-/metro-symbolicate-0.82.5.tgz",
+      "integrity": "sha512-1u+07gzrvYDJ/oNXuOG1EXSvXZka/0JSW1q2EYBWerVKMOhvv9JzDGyzmuV7hHbF2Hg3T3S2uiM36sLz1qKsiw==",
       "license": "MIT",
       "dependencies": {
         "flow-enums-runtime": "^0.0.6",
         "invariant": "^2.2.4",
-        "metro-source-map": "0.82.4",
+        "metro-source-map": "0.82.5",
         "nullthrows": "^1.1.1",
         "source-map": "^0.5.6",
         "vlq": "^1.0.0"
@@ -8948,9 +9037,9 @@
       }
     },
     "node_modules/metro-transform-plugins": {
-      "version": "0.82.4",
-      "resolved": "https://registry.npmjs.org/metro-transform-plugins/-/metro-transform-plugins-0.82.4.tgz",
-      "integrity": "sha512-NoWQRPHupVpnDgYguiEcm7YwDhnqW02iWWQjO2O8NsNP09rEMSq99nPjARWfukN7+KDh6YjLvTIN20mj3dk9kw==",
+      "version": "0.82.5",
+      "resolved": "https://registry.npmjs.org/metro-transform-plugins/-/metro-transform-plugins-0.82.5.tgz",
+      "integrity": "sha512-57Bqf3rgq9nPqLrT2d9kf/2WVieTFqsQ6qWHpEng5naIUtc/Iiw9+0bfLLWSAw0GH40iJ4yMjFcFJDtNSYynMA==",
       "license": "MIT",
       "dependencies": {
         "@babel/core": "^7.25.2",
@@ -8965,9 +9054,9 @@
       }
     },
     "node_modules/metro-transform-worker": {
-      "version": "0.82.4",
-      "resolved": "https://registry.npmjs.org/metro-transform-worker/-/metro-transform-worker-0.82.4.tgz",
-      "integrity": "sha512-kPI7Ad/tdAnI9PY4T+2H0cdgGeSWWdiPRKuytI806UcN4VhFL6OmYa19/4abYVYF+Cd2jo57CDuwbaxRfmXDhw==",
+      "version": "0.82.5",
+      "resolved": "https://registry.npmjs.org/metro-transform-worker/-/metro-transform-worker-0.82.5.tgz",
+      "integrity": "sha512-mx0grhAX7xe+XUQH6qoHHlWedI8fhSpDGsfga7CpkO9Lk9W+aPitNtJWNGrW8PfjKEWbT9Uz9O50dkI8bJqigw==",
       "license": "MIT",
       "dependencies": {
         "@babel/core": "^7.25.2",
@@ -8975,13 +9064,13 @@
         "@babel/parser": "^7.25.3",
         "@babel/types": "^7.25.2",
         "flow-enums-runtime": "^0.0.6",
-        "metro": "0.82.4",
-        "metro-babel-transformer": "0.82.4",
-        "metro-cache": "0.82.4",
-        "metro-cache-key": "0.82.4",
-        "metro-minify-terser": "0.82.4",
-        "metro-source-map": "0.82.4",
-        "metro-transform-plugins": "0.82.4",
+        "metro": "0.82.5",
+        "metro-babel-transformer": "0.82.5",
+        "metro-cache": "0.82.5",
+        "metro-cache-key": "0.82.5",
+        "metro-minify-terser": "0.82.5",
+        "metro-source-map": "0.82.5",
+        "metro-transform-plugins": "0.82.5",
         "nullthrows": "^1.1.1"
       },
       "engines": {
@@ -8995,18 +9084,18 @@
       "license": "MIT"
     },
     "node_modules/metro/node_modules/hermes-estree": {
-      "version": "0.28.1",
-      "resolved": "https://registry.npmjs.org/hermes-estree/-/hermes-estree-0.28.1.tgz",
-      "integrity": "sha512-w3nxl/RGM7LBae0v8LH2o36+8VqwOZGv9rX1wyoWT6YaKZLqpJZ0YQ5P0LVr3tuRpf7vCx0iIG4i/VmBJejxTQ==",
+      "version": "0.29.1",
+      "resolved": "https://registry.npmjs.org/hermes-estree/-/hermes-estree-0.29.1.tgz",
+      "integrity": "sha512-jl+x31n4/w+wEqm0I2r4CMimukLbLQEYpisys5oCre611CI5fc9TxhqkBBCJ1edDG4Kza0f7CgNz8xVMLZQOmQ==",
       "license": "MIT"
     },
     "node_modules/metro/node_modules/hermes-parser": {
-      "version": "0.28.1",
-      "resolved": "https://registry.npmjs.org/hermes-parser/-/hermes-parser-0.28.1.tgz",
-      "integrity": "sha512-nf8o+hE8g7UJWParnccljHumE9Vlq8F7MqIdeahl+4x0tvCUJYRrT0L7h0MMg/X9YJmkNwsfbaNNrzPtFXOscg==",
+      "version": "0.29.1",
+      "resolved": "https://registry.npmjs.org/hermes-parser/-/hermes-parser-0.29.1.tgz",
+      "integrity": "sha512-xBHWmUtRC5e/UL0tI7Ivt2riA/YBq9+SiYFU7C1oBa/j2jYGlIF9043oak1F47ihuDIxQ5nbsKueYJDRY02UgA==",
       "license": "MIT",
       "dependencies": {
-        "hermes-estree": "0.28.1"
+        "hermes-estree": "0.29.1"
       }
     },
     "node_modules/metro/node_modules/ws": {
@@ -9317,9 +9406,9 @@
       "license": "MIT"
     },
     "node_modules/ob1": {
-      "version": "0.82.4",
-      "resolved": "https://registry.npmjs.org/ob1/-/ob1-0.82.4.tgz",
-      "integrity": "sha512-n9S8e4l5TvkrequEAMDidl4yXesruWTNTzVkeaHSGywoTOIwTzZzKw7Z670H3eaXDZui5MJXjWGNzYowVZIxCA==",
+      "version": "0.82.5",
+      "resolved": "https://registry.npmjs.org/ob1/-/ob1-0.82.5.tgz",
+      "integrity": "sha512-QyQQ6e66f+Ut/qUVjEce0E/wux5nAGLXYZDn1jr15JWstHsCH3l6VVrg8NKDptW9NEiBXKOJeGF/ydxeSDF3IQ==",
       "license": "MIT",
       "dependencies": {
         "flow-enums-runtime": "^0.0.6"
@@ -9800,6 +9889,15 @@
       "integrity": "sha512-JNAzZcXrCt42VGLuYz0zfAzDfAvJWW6AfYlDBQyDV5DClI2m5sAmK+OIO7s59XfsRsWHp02jAJrRadPRGTt6SQ==",
       "license": "ISC"
     },
+    "node_modules/phone": {
+      "version": "3.1.58",
+      "resolved": "https://registry.npmjs.org/phone/-/phone-3.1.58.tgz",
+      "integrity": "sha512-4R4qfXxNPpl08fxOH0qvTXTodQue0nCnAQP0OIu2i59TDq4QXM0dq/b7ODPNH93setqK5YdMSiMuce0RPsgu4w==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=12"
+      }
+    },
     "node_modules/picocolors": {
       "version": "1.1.1",
       "resolved": "https://registry.npmjs.org/picocolors/-/picocolors-1.1.1.tgz",
@@ -9992,7 +10090,6 @@
       "version": "15.8.1",
       "resolved": "https://registry.npmjs.org/prop-types/-/prop-types-15.8.1.tgz",
       "integrity": "sha512-oj87CgZICdulUohogVAR7AjlC0327U4el4L6eAvOqCeudMDVU0NThNaV+b9Df4dXgSP1gXMTnPdhfe/2qDH5cg==",
-      "dev": true,
       "license": "MIT",
       "dependencies": {
         "loose-envify": "^1.4.0",
@@ -10004,7 +10101,6 @@
       "version": "16.13.1",
       "resolved": "https://registry.npmjs.org/react-is/-/react-is-16.13.1.tgz",
       "integrity": "sha512-24e6ynE2H+OKt4kqsOvNd8kBpV65zoxbA4BVsEOB3ARVWQki/DHzaUoC5KuON/BiccDaCCTZBuOcfZs70kR8bQ==",
-      "dev": true,
       "license": "MIT"
     },
     "node_modules/punycode": {
@@ -10182,19 +10278,19 @@
       "license": "MIT"
     },
     "node_modules/react-native": {
-      "version": "0.79.4",
-      "resolved": "https://registry.npmjs.org/react-native/-/react-native-0.79.4.tgz",
-      "integrity": "sha512-CfxYMuszvnO/33Q5rB//7cU1u9P8rSOvzhE2053Phdb8+6bof9NLayCllU2nmPrm8n9o6RU1Fz5H0yquLQ0DAw==",
+      "version": "0.79.5",
+      "resolved": "https://registry.npmjs.org/react-native/-/react-native-0.79.5.tgz",
+      "integrity": "sha512-jVihwsE4mWEHZ9HkO1J2eUZSwHyDByZOqthwnGrVZCh6kTQBCm4v8dicsyDa6p0fpWNE5KicTcpX/XXl0ASJFg==",
       "license": "MIT",
       "dependencies": {
         "@jest/create-cache-key-function": "^29.7.0",
-        "@react-native/assets-registry": "0.79.4",
-        "@react-native/codegen": "0.79.4",
-        "@react-native/community-cli-plugin": "0.79.4",
-        "@react-native/gradle-plugin": "0.79.4",
-        "@react-native/js-polyfills": "0.79.4",
-        "@react-native/normalize-colors": "0.79.4",
-        "@react-native/virtualized-lists": "0.79.4",
+        "@react-native/assets-registry": "0.79.5",
+        "@react-native/codegen": "0.79.5",
+        "@react-native/community-cli-plugin": "0.79.5",
+        "@react-native/gradle-plugin": "0.79.5",
+        "@react-native/js-polyfills": "0.79.5",
+        "@react-native/normalize-colors": "0.79.5",
+        "@react-native/virtualized-lists": "0.79.5",
         "abort-controller": "^3.0.0",
         "anser": "^1.4.9",
         "ansi-regex": "^5.0.0",
@@ -10240,6 +10336,31 @@
         }
       }
     },
+    "node_modules/react-native-country-codes-picker": {
+      "version": "2.3.5",
+      "resolved": "https://registry.npmjs.org/react-native-country-codes-picker/-/react-native-country-codes-picker-2.3.5.tgz",
+      "integrity": "sha512-dDQhd0bVvlmgb84NPhTOmTk5UVYPHtk3lqZI+BPb61H1rC2IDrTvPWENg6u1DMGliqWHQDBYpeH37zvxxQL71w==",
+      "license": "ISC",
+      "peerDependencies": {
+        "react": "*",
+        "react-native": "*"
+      }
+    },
+    "node_modules/react-native-drawer-layout": {
+      "version": "4.1.12",
+      "resolved": "https://registry.npmjs.org/react-native-drawer-layout/-/react-native-drawer-layout-4.1.12.tgz",
+      "integrity": "sha512-oKolvp5seiUieG+RHGjpFe8rH8Ds24iW0QBl31TlCVOX7tdn42IQIBl5tuD1i7h3q+VqqnbcT+NB2dcJ5suZkw==",
+      "license": "MIT",
+      "dependencies": {
+        "use-latest-callback": "^0.2.4"
+      },
+      "peerDependencies": {
+        "react": ">= 18.2.0",
+        "react-native": "*",
+        "react-native-gesture-handler": ">= 2.0.0",
+        "react-native-reanimated": ">= 2.0.0"
+      }
+    },
     "node_modules/react-native-edge-to-edge": {
       "version": "1.6.0",
       "resolved": "https://registry.npmjs.org/react-native-edge-to-edge/-/react-native-edge-to-edge-1.6.0.tgz",
@@ -10265,6 +10386,20 @@
         "react-native": "*"
       }
     },
+    "node_modules/react-native-international-phone-number": {
+      "version": "0.9.3",
+      "resolved": "https://registry.npmjs.org/react-native-international-phone-number/-/react-native-international-phone-number-0.9.3.tgz",
+      "integrity": "sha512-eD/P3NP2zctmq5kbInKf7AVKSZdGmYvKbyAB5Ij/+RoCblnqg3wEaSaNKwGdgK3wsJPS4/wjGXcv/jg2NGBYIA==",
+      "license": "ISC",
+      "dependencies": {
+        "phone": "3.1.58",
+        "react-native-country-codes-picker": "2.3.5"
+      },
+      "peerDependencies": {
+        "react": "*",
+        "react-native": "*"
+      }
+    },
     "node_modules/react-native-is-edge-to-edge": {
       "version": "1.1.7",
       "resolved": "https://registry.npmjs.org/react-native-is-edge-to-edge/-/react-native-is-edge-to-edge-1.1.7.tgz",
@@ -10275,6 +10410,83 @@
         "react-native": "*"
       }
     },
+    "node_modules/react-native-maps": {
+      "version": "1.20.1",
+      "resolved": "https://registry.npmjs.org/react-native-maps/-/react-native-maps-1.20.1.tgz",
+      "integrity": "sha512-NZI3B5Z6kxAb8gzb2Wxzu/+P2SlFIg1waHGIpQmazDSCRkNoHNY4g96g+xS0QPSaG/9xRBbDNnd2f2/OW6t6LQ==",
+      "license": "MIT",
+      "dependencies": {
+        "@types/geojson": "^7946.0.13"
+      },
+      "engines": {
+        "node": ">=18"
+      },
+      "peerDependencies": {
+        "react": ">= 17.0.1",
+        "react-native": ">= 0.64.3",
+        "react-native-web": ">= 0.11"
+      },
+      "peerDependenciesMeta": {
+        "react-native-web": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/react-native-otp-entry": {
+      "version": "1.8.5",
+      "resolved": "https://registry.npmjs.org/react-native-otp-entry/-/react-native-otp-entry-1.8.5.tgz",
+      "integrity": "sha512-TZNkIuUzZKAAWrC8X/A22ZHJdycLysxUNysrGf0yTmDLRUyf4zLXwVFcDYUcRNe763Hjaf5qvtKGILb6lDGzoA==",
+      "license": "MIT",
+      "peerDependencies": {
+        "react": "*",
+        "react-native": "*"
+      }
+    },
+    "node_modules/react-native-paper": {
+      "version": "5.14.5",
+      "resolved": "https://registry.npmjs.org/react-native-paper/-/react-native-paper-5.14.5.tgz",
+      "integrity": "sha512-eaIH5bUQjJ/mYm4AkI6caaiyc7BcHDwX6CqNDi6RIxfxfWxROsHpll1oBuwn/cFvknvA8uEAkqLk/vzVihI3AQ==",
+      "license": "MIT",
+      "workspaces": [
+        "example",
+        "docs"
+      ],
+      "dependencies": {
+        "@callstack/react-theme-provider": "^3.0.9",
+        "color": "^3.1.2",
+        "use-latest-callback": "^0.2.3"
+      },
+      "peerDependencies": {
+        "react": "*",
+        "react-native": "*",
+        "react-native-safe-area-context": "*"
+      }
+    },
+    "node_modules/react-native-paper/node_modules/color": {
+      "version": "3.2.1",
+      "resolved": "https://registry.npmjs.org/color/-/color-3.2.1.tgz",
+      "integrity": "sha512-aBl7dZI9ENN6fUGC7mWpMTPNHmWUSNan9tuWN6ahh5ZLNk9baLJOnSMlrQkHcrfFgz2/RigjUVAjdx36VcemKA==",
+      "license": "MIT",
+      "dependencies": {
+        "color-convert": "^1.9.3",
+        "color-string": "^1.6.0"
+      }
+    },
+    "node_modules/react-native-paper/node_modules/color-convert": {
+      "version": "1.9.3",
+      "resolved": "https://registry.npmjs.org/color-convert/-/color-convert-1.9.3.tgz",
+      "integrity": "sha512-QfAUtd+vFdAtFQcC8CCyYt1fYWxSqAiK2cSD6zDB8N3cpsEBAvRxp9zOGg6G/SHHJYAT88/az/IuDGALsNVbGg==",
+      "license": "MIT",
+      "dependencies": {
+        "color-name": "1.1.3"
+      }
+    },
+    "node_modules/react-native-paper/node_modules/color-name": {
+      "version": "1.1.3",
+      "resolved": "https://registry.npmjs.org/color-name/-/color-name-1.1.3.tgz",
+      "integrity": "sha512-72fSenhMw2HZMTVHeCA9KCmpEIbzWiQsjN+BHcBbS9vr1mtt+vJjPdksIBNUmKAW8TFUDPJK5SUU3QhE9NEXDw==",
+      "license": "MIT"
+    },
     "node_modules/react-native-reanimated": {
       "version": "3.17.5",
       "resolved": "https://registry.npmjs.org/react-native-reanimated/-/react-native-reanimated-3.17.5.tgz",
@@ -10325,6 +10537,92 @@
         "react-native": "*"
       }
     },
+    "node_modules/react-native-vector-icons": {
+      "version": "10.2.0",
+      "resolved": "https://registry.npmjs.org/react-native-vector-icons/-/react-native-vector-icons-10.2.0.tgz",
+      "integrity": "sha512-n5HGcxUuVaTf9QJPs/W22xQpC2Z9u0nb0KgLPnVltP8vdUvOp6+R26gF55kilP/fV4eL4vsAHUqUjewppJMBOQ==",
+      "license": "MIT",
+      "dependencies": {
+        "prop-types": "^15.7.2",
+        "yargs": "^16.1.1"
+      },
+      "bin": {
+        "fa-upgrade.sh": "bin/fa-upgrade.sh",
+        "fa5-upgrade": "bin/fa5-upgrade.sh",
+        "fa6-upgrade": "bin/fa6-upgrade.sh",
+        "generate-icon": "bin/generate-icon.js"
+      }
+    },
+    "node_modules/react-native-vector-icons/node_modules/cliui": {
+      "version": "7.0.4",
+      "resolved": "https://registry.npmjs.org/cliui/-/cliui-7.0.4.tgz",
+      "integrity": "sha512-OcRE68cOsVMXp1Yvonl/fzkQOyjLSu/8bhPDfQt0e0/Eb283TKP20Fs2MqoPsr9SwA595rRCA+QMzYc9nBP+JQ==",
+      "license": "ISC",
+      "dependencies": {
+        "string-width": "^4.2.0",
+        "strip-ansi": "^6.0.0",
+        "wrap-ansi": "^7.0.0"
+      }
+    },
+    "node_modules/react-native-vector-icons/node_modules/emoji-regex": {
+      "version": "8.0.0",
+      "resolved": "https://registry.npmjs.org/emoji-regex/-/emoji-regex-8.0.0.tgz",
+      "integrity": "sha512-MSjYzcWNOA0ewAHpz0MxpYFvwg6yjy1NG3xteoqz644VCo/RPgnr1/GGt+ic3iJTzQ8Eu3TdM14SawnVUmGE6A==",
+      "license": "MIT"
+    },
+    "node_modules/react-native-vector-icons/node_modules/string-width": {
+      "version": "4.2.3",
+      "resolved": "https://registry.npmjs.org/string-width/-/string-width-4.2.3.tgz",
+      "integrity": "sha512-wKyQRQpjJ0sIp62ErSZdGsjMJWsap5oRNihHhu6G7JVO/9jIB6UyevL+tXuOqrng8j/cxKTWyWUwvSTriiZz/g==",
+      "license": "MIT",
+      "dependencies": {
+        "emoji-regex": "^8.0.0",
+        "is-fullwidth-code-point": "^3.0.0",
+        "strip-ansi": "^6.0.1"
+      },
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/react-native-vector-icons/node_modules/strip-ansi": {
+      "version": "6.0.1",
+      "resolved": "https://registry.npmjs.org/strip-ansi/-/strip-ansi-6.0.1.tgz",
+      "integrity": "sha512-Y38VPSHcqkFrCpFnQ9vuSXmquuv5oXOKpGeT6aGrr3o3Gc9AlVa6JBfUSOCnbxGGZF+/0ooI7KrPuUSztUdU5A==",
+      "license": "MIT",
+      "dependencies": {
+        "ansi-regex": "^5.0.1"
+      },
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/react-native-vector-icons/node_modules/yargs": {
+      "version": "16.2.0",
+      "resolved": "https://registry.npmjs.org/yargs/-/yargs-16.2.0.tgz",
+      "integrity": "sha512-D1mvvtDG0L5ft/jGWkLpG1+m0eQxOfaBvTNELraWj22wSVUMWxZUvYgJYcKh6jGGIkJFhH4IZPQhR4TKpc8mBw==",
+      "license": "MIT",
+      "dependencies": {
+        "cliui": "^7.0.2",
+        "escalade": "^3.1.1",
+        "get-caller-file": "^2.0.5",
+        "require-directory": "^2.1.1",
+        "string-width": "^4.2.0",
+        "y18n": "^5.0.5",
+        "yargs-parser": "^20.2.2"
+      },
+      "engines": {
+        "node": ">=10"
+      }
+    },
+    "node_modules/react-native-vector-icons/node_modules/yargs-parser": {
+      "version": "20.2.9",
+      "resolved": "https://registry.npmjs.org/yargs-parser/-/yargs-parser-20.2.9.tgz",
+      "integrity": "sha512-y11nGElTIV+CT3Zv9t7VKl+Q3hTQoT9a1Qzezhhl6Rp21gJ/IVTW7Z3y9EWXhuUBC2Shnf+DX0antecpAwSP8w==",
+      "license": "ISC",
+      "engines": {
+        "node": ">=10"
+      }
+    },
     "node_modules/react-native-web": {
       "version": "0.20.0",
       "resolved": "https://registry.npmjs.org/react-native-web/-/react-native-web-0.20.0.tgz",
@@ -10372,9 +10670,9 @@
       }
     },
     "node_modules/react-native/node_modules/@react-native/virtualized-lists": {
-      "version": "0.79.4",
-      "resolved": "https://registry.npmjs.org/@react-native/virtualized-lists/-/virtualized-lists-0.79.4.tgz",
-      "integrity": "sha512-0Mdcox6e5PTonuM1WIo3ks7MBAa3IDzj0pKnE5xAwSgQ0DJW2P5dYf+KjWmpkE+Yb0w41ZbtXPhKq+U2JJ6C/Q==",
+      "version": "0.79.5",
+      "resolved": "https://registry.npmjs.org/@react-native/virtualized-lists/-/virtualized-lists-0.79.5.tgz",
+      "integrity": "sha512-EUPM2rfGNO4cbI3olAbhPkIt3q7MapwCwAJBzUfWlZ/pu0PRNOnMQ1IvaXTf3TpeozXV52K1OdprLEI/kI5eUA==",
       "license": "MIT",
       "dependencies": {
         "invariant": "^2.2.4",
@@ -11836,9 +12134,9 @@
       }
     },
     "node_modules/terser": {
-      "version": "5.43.0",
-      "resolved": "https://registry.npmjs.org/terser/-/terser-5.43.0.tgz",
-      "integrity": "sha512-CqNNxKSGKSZCunSvwKLTs8u8sGGlp27sxNZ4quGh0QeNuyHM0JSEM/clM9Mf4zUp6J+tO2gUXhgXT2YMMkwfKQ==",
+      "version": "5.43.1",
+      "resolved": "https://registry.npmjs.org/terser/-/terser-5.43.1.tgz",
+      "integrity": "sha512-+6erLbBm0+LROX2sPXlUYx/ux5PyE9K/a92Wrt6oA+WDAoFTdpHE5tCYCI5PNzq2y8df4rA+QgHLJuR4jNymsg==",
       "license": "BSD-2-Clause",
       "dependencies": {
         "@jridgewell/source-map": "^0.3.3",
@@ -12730,9 +13028,9 @@
       "license": "ISC"
     },
     "node_modules/ws": {
-      "version": "8.18.2",
-      "resolved": "https://registry.npmjs.org/ws/-/ws-8.18.2.tgz",
-      "integrity": "sha512-DMricUmwGZUVr++AEAe2uiVM7UoO9MAVZMDu05UQOaUII0lp+zOzLLU4Xqh/JvTqklB1T4uELaaPBKyjE1r4fQ==",
+      "version": "8.18.3",
+      "resolved": "https://registry.npmjs.org/ws/-/ws-8.18.3.tgz",
+      "integrity": "sha512-PEIGCY5tSlUt50cqyMXfCzX+oOPqN0vuGqWzbcJ2xvnkzkq46oOpz7dQaTDBdfICb4N14+GARUDw2XV2N4tvzg==",
       "license": "MIT",
       "engines": {
         "node": ">=10.0.0"
diff --git a/package.json b/package.json
index 8fdffec..d3f8ae8 100644
--- a/package.json
+++ b/package.json
@@ -40,6 +40,7 @@
     "react-native-international-phone-number": "^0.9.3",
     "react-native-maps": "1.20.1",
     "react-native-otp-entry": "^1.8.5",
+    "react-native-paper": "^5.14.5",
     "react-native-reanimated": "~3.17.4",
     "react-native-safe-area-context": "5.4.0",
     "react-native-screens": "~4.11.1",
@@ -50,9 +51,9 @@
   "devDependencies": {
     "@babel/core": "^7.25.2",
     "@types/react": "~19.0.10",
-    "typescript": "~5.8.3",
     "eslint": "^9.25.0",
-    "eslint-config-expo": "~9.2.0"
+    "eslint-config-expo": "~9.2.0",
+    "typescript": "~5.8.3"
   },
   "private": true
 }
diff --git a/screens/Forum/berandaSection.tsx b/screens/Forum/berandaSection.tsx
new file mode 100644
index 0000000..f5d6eb3
--- /dev/null
+++ b/screens/Forum/berandaSection.tsx
@@ -0,0 +1,76 @@
+import { BaseBox, Grid, AvatarCustom, TextCustom, ClickableCustom, Spacing } from "@/components";
+import { MainColor } from "@/constants/color-palet";
+import { ICON_SIZE_SMALL } from "@/constants/constans-value";
+import { Entypo, Ionicons } from "@expo/vector-icons";
+import { View } from "react-native";
+
+export default function Forum_BerandaSection() {
+    return (
+      <>
+        {Array.from({ length: 10 }).map((e, i) => (
+          <BaseBox key={i}>
+            <View>
+              <Grid>
+                <Grid.Col span={2}>
+                  <AvatarCustom />
+                </Grid.Col>
+                <Grid.Col span={8}>
+                  <TextCustom>Nama User</TextCustom>
+                  <TextCustom bold size="small" color="green">
+                    Open
+                  </TextCustom>
+                </Grid.Col>
+
+                <Grid.Col
+                  span={2}
+                  style={{
+                    justifyContent: "center",
+                  }}
+                >
+                  <ClickableCustom
+                    onPress={() => {}}
+                    style={{
+                      alignItems: "flex-end",
+                    }}
+                  >
+                    <Entypo
+                      name="dots-three-horizontal"
+                      color={MainColor.white}
+                      size={ICON_SIZE_SMALL}
+                    />
+                  </ClickableCustom>
+                </Grid.Col>
+              </Grid>
+
+              <View
+                style={{
+                  backgroundColor: MainColor.soft_darkblue,
+                  padding: 8,
+                  borderRadius: 8,
+                }}
+              >
+                <TextCustom truncate={2}>
+                  Lorem ipsum dolor sit amet consectetur adipisicing elit. Vitae
+                  inventore iure pariatur, libero omnis excepturi. Ullam ad
+                  officiis deleniti quos esse odit nesciunt, ipsam adipisci
+                  cumque aliquam corporis culpa fugit?
+                </TextCustom>
+              </View>
+              <Spacing />
+
+              <View
+                style={{ flexDirection: "row", alignItems: "center", gap: 10 }}
+              >
+                <Ionicons
+                  name="chatbubble-outline"
+                  size={ICON_SIZE_SMALL}
+                  color={MainColor.white}
+                />
+                <TextCustom>2</TextCustom>
+              </View>
+            </View>
+          </BaseBox>
+        ))}
+      </>
+    );
+}
\ No newline at end of file
diff --git a/styles/global-styles.ts b/styles/global-styles.ts
index b0b291b..7615425 100644
--- a/styles/global-styles.ts
+++ b/styles/global-styles.ts
@@ -42,6 +42,12 @@ export const GStyles = StyleSheet.create({
     // paddingTop: 8,
     // paddingBottom: 8,
   },
+  floatingContainer: {
+    position: "absolute",
+    bottom: 80,
+    right: 20,
+    zIndex: 8,
+  },
 
   // Style saat disabled
   disabledBox: {

From fbde2fd03121434c2fac7cb5f7d94762d7be8203 Mon Sep 17 00:00:00 2001
From: Bagasbanuna02 <bagasbanuna02@gmail.com>
Date: Mon, 14 Jul 2025 14:12:01 +0800
Subject: [PATCH 50/64] feature & fix deskripsi: feature : - forumku

fix :
- forum index
- Back button : bisa custom icon
- Button custom : di tambah href
# No Issue
---
 app/(application)/(user)/_layout.tsx          |   7 +
 .../(user)/forum/[id]/forumku.tsx             |  42 +++++
 app/(application)/(user)/forum/index.tsx      |   5 +-
 bun.lock                                      |   3 +
 components/Button/BackButton.tsx              |  30 +++-
 components/Button/ButtonCustom.tsx            |  11 +-
 package.json                                  |   1 +
 screens/Forum/berandaSection.tsx              | 148 ++++++++++--------
 8 files changed, 172 insertions(+), 75 deletions(-)
 create mode 100644 app/(application)/(user)/forum/[id]/forumku.tsx

diff --git a/app/(application)/(user)/_layout.tsx b/app/(application)/(user)/_layout.tsx
index 9feec54..a05e355 100644
--- a/app/(application)/(user)/_layout.tsx
+++ b/app/(application)/(user)/_layout.tsx
@@ -93,6 +93,13 @@ export default function UserLayout() {
             headerLeft: () => <BackButton />,
           }}
         />
+        <Stack.Screen
+          name="forum/[id]/forumku"
+          options={{
+            title: "Forumku",
+            headerLeft: () => <BackButton icon={'close'} />,
+          }}
+        />
 
         {/* ========== Maps Section ========= */}
         <Stack.Screen
diff --git a/app/(application)/(user)/forum/[id]/forumku.tsx b/app/(application)/(user)/forum/[id]/forumku.tsx
new file mode 100644
index 0000000..c0debd7
--- /dev/null
+++ b/app/(application)/(user)/forum/[id]/forumku.tsx
@@ -0,0 +1,42 @@
+import {
+  AvatarCustom,
+  ButtonCustom,
+  CenterCustom,
+  Grid,
+  StackCustom,
+  TextCustom,
+  ViewWrapper,
+} from "@/components";
+import Forum_BerandaSection from "@/screens/Forum/berandaSection";
+import { useLocalSearchParams } from "expo-router";
+
+export default function Forumku() {
+  const { id } = useLocalSearchParams();
+  return (
+    <ViewWrapper>
+      <StackCustom>
+        <CenterCustom>
+          <AvatarCustom
+            href={`/(application)/(image)/preview-image/${id}`}
+            size="xl"
+          />
+        </CenterCustom>
+
+        <Grid>
+          <Grid.Col span={6}>
+            <TextCustom bold truncate>
+              @bagas_banuna
+            </TextCustom>
+            <TextCustom>1 postingan</TextCustom>
+          </Grid.Col>
+          <Grid.Col span={6} style={{ alignItems: "flex-end" }}>
+            <ButtonCustom href={`/profile/${id}`}>
+              Kunjungi Profile
+            </ButtonCustom>
+          </Grid.Col>
+        </Grid>
+      <Forum_BerandaSection />
+      </StackCustom>
+    </ViewWrapper>
+  );
+}
diff --git a/app/(application)/(user)/forum/index.tsx b/app/(application)/(user)/forum/index.tsx
index 532ace3..54bef94 100644
--- a/app/(application)/(user)/forum/index.tsx
+++ b/app/(application)/(user)/forum/index.tsx
@@ -9,16 +9,17 @@ import { MainColor } from "@/constants/color-palet";
 import { ICON_SIZE_SMALL } from "@/constants/constans-value";
 import Forum_BerandaSection from "@/screens/Forum/berandaSection";
 import { Ionicons } from "@expo/vector-icons";
-import { router, Stack } from "expo-router";
+import { router, Stack, useLocalSearchParams } from "expo-router";
 
 export default function Forum() {
+  const { id } = useLocalSearchParams();
   return (
     <>
       <Stack.Screen
         options={{
           title: "Forum",
           headerLeft: () => <BackButton />,
-          headerRight: () => <AvatarCustom />,
+          headerRight: () => <AvatarCustom href={`/forum/${id}/forumku`}/>,
         }}
       />
 
diff --git a/bun.lock b/bun.lock
index eade41a..b1ed911 100644
--- a/bun.lock
+++ b/bun.lock
@@ -11,6 +11,7 @@
         "@react-navigation/native": "^7.1.6",
         "@react-navigation/native-stack": "^7.3.21",
         "@types/react-native-vector-icons": "^6.4.18",
+        "dayjs": "^1.11.13",
         "expo": "53.0.17",
         "expo-blur": "~14.1.5",
         "expo-camera": "~16.1.10",
@@ -703,6 +704,8 @@
 
     "data-view-byte-offset": ["data-view-byte-offset@1.0.1", "", { "dependencies": { "call-bound": "^1.0.2", "es-errors": "^1.3.0", "is-data-view": "^1.0.1" } }, "sha512-BS8PfmtDGnrgYdOonGZQdLZslWIeCGFP9tpan0hi1Co2Zr2NKADsvGYA8XxuG/4UWgJ6Cjtv+YJnB6MM69QGlQ=="],
 
+    "dayjs": ["dayjs@1.11.13", "", {}, "sha512-oaMBel6gjolK862uaPQOVTA7q3TZhuSvuMQAAglQDOWYO9A91IrAOUJEyKVlqJlHE0vq5p5UXxzdPfMH/x6xNg=="],
+
     "debug": ["debug@4.4.1", "", { "dependencies": { "ms": "^2.1.3" } }, "sha512-KcKCqiftBJcZr++7ykoDIEwSa3XWowTfNPo92BYxjXiyYEVrUQh2aLyhxBCwww+heortUFxEJYcRzosstTEBYQ=="],
 
     "decode-uri-component": ["decode-uri-component@0.2.2", "", {}, "sha512-FqUYQ+8o158GyGTrMFJms9qh3CqTKvAqgqsTnkLI8sKu0028orqBhxNMFkFen0zGyg6epACD32pjVk58ngIErQ=="],
diff --git a/components/Button/BackButton.tsx b/components/Button/BackButton.tsx
index 2f711d6..4bdd44d 100644
--- a/components/Button/BackButton.tsx
+++ b/components/Button/BackButton.tsx
@@ -3,19 +3,33 @@ import { Ionicons } from "@expo/vector-icons";
 import { Href, router } from "expo-router";
 
 /**
- * 
+ *
  * @param path - path to navigate to ?
  * @default router.back()
  * @returns if path : router.replace(path) else router.back()
  */
-const LeftButtonCustom = ({path}: {path?: Href}) => {
+const LeftButtonCustom = ({
+  path,
+  icon = "arrow-back",
+  iconCustom,
+}: {
+  path?: Href;
+  icon?: React.ReactNode | any;
+  iconCustom?: React.ReactNode;
+}) => {
   return (
-    <Ionicons
-      name="arrow-back"
-      size={20}
-      color={MainColor.yellow}
-      onPress={() => path ? router.replace(path) : router.back()}
-    />
+    <>
+      {iconCustom ? (
+        iconCustom
+      ) : (
+        <Ionicons
+          name={icon}
+          size={20}
+          color={MainColor.yellow}
+          onPress={() => (path ? router.replace(path) : router.back())}
+        />
+      )}
+    </>
   );
 };
 
diff --git a/components/Button/ButtonCustom.tsx b/components/Button/ButtonCustom.tsx
index 3123bbc..140733a 100644
--- a/components/Button/ButtonCustom.tsx
+++ b/components/Button/ButtonCustom.tsx
@@ -5,6 +5,7 @@ import { StyleProp, Text, TouchableOpacity, ViewStyle } from "react-native";
 import { radiusMap } from "@/constants/radius-value";
 import { MainColor } from "@/constants/color-palet";
 import { stylesButton } from "./buttonCustomStyles";
+import { Href, router } from "expo-router";
 
 // Import radiusMap
 
@@ -13,6 +14,7 @@ type RadiusType = keyof typeof radiusMap | number;
 
 interface ButtonProps {
   children?: React.ReactNode;
+  href?: Href;
   onPress?: () => void;
   title?: string;
   backgroundColor?: string;
@@ -25,6 +27,7 @@ interface ButtonProps {
 
 const ButtonCustom: React.FC<ButtonProps> = ({
   children,
+  href,
   onPress,
   title = "Button",
   backgroundColor = MainColor.yellow,
@@ -44,7 +47,13 @@ const ButtonCustom: React.FC<ButtonProps> = ({
           : { backgroundColor },
         style,
       ]}
-      onPress={onPress}
+      onPress={() => {
+        if (href) {
+          router.push(href);
+        } else {
+          onPress?.();
+        }
+      }}
       disabled={disabled}
       activeOpacity={0.8}
     >
diff --git a/package.json b/package.json
index d3f8ae8..4a36f76 100644
--- a/package.json
+++ b/package.json
@@ -18,6 +18,7 @@
     "@react-navigation/native": "^7.1.6",
     "@react-navigation/native-stack": "^7.3.21",
     "@types/react-native-vector-icons": "^6.4.18",
+    "dayjs": "^1.11.13",
     "expo": "53.0.17",
     "expo-blur": "~14.1.5",
     "expo-camera": "~16.1.10",
diff --git a/screens/Forum/berandaSection.tsx b/screens/Forum/berandaSection.tsx
index f5d6eb3..10f75b2 100644
--- a/screens/Forum/berandaSection.tsx
+++ b/screens/Forum/berandaSection.tsx
@@ -1,76 +1,96 @@
-import { BaseBox, Grid, AvatarCustom, TextCustom, ClickableCustom, Spacing } from "@/components";
+import {
+  BaseBox,
+  Grid,
+  AvatarCustom,
+  TextCustom,
+  ClickableCustom,
+  Spacing,
+} from "@/components";
 import { MainColor } from "@/constants/color-palet";
 import { ICON_SIZE_SMALL } from "@/constants/constans-value";
 import { Entypo, Ionicons } from "@expo/vector-icons";
 import { View } from "react-native";
+import dayjs from "dayjs";
 
 export default function Forum_BerandaSection() {
-    return (
-      <>
-        {Array.from({ length: 10 }).map((e, i) => (
-          <BaseBox key={i}>
-            <View>
-              <Grid>
-                <Grid.Col span={2}>
-                  <AvatarCustom />
-                </Grid.Col>
-                <Grid.Col span={8}>
-                  <TextCustom>Nama User</TextCustom>
-                  <TextCustom bold size="small" color="green">
-                    Open
-                  </TextCustom>
-                </Grid.Col>
+  const dateNow = dayjs().format("DD/MM/YYYY")
+  return (
+    <>
+      {Array.from({ length: 10 }).map((e, i) => (
+        <BaseBox key={i}>
+          <View>
+            <Grid>
+              <Grid.Col span={2}>
+                <AvatarCustom />
+              </Grid.Col>
+              <Grid.Col span={8}>
+                <TextCustom>Nama User</TextCustom>
+                <TextCustom bold size="small" color="green">
+                  Open
+                </TextCustom>
+              </Grid.Col>
 
-                <Grid.Col
-                  span={2}
-                  style={{
-                    justifyContent: "center",
-                  }}
-                >
-                  <ClickableCustom
-                    onPress={() => {}}
-                    style={{
-                      alignItems: "flex-end",
-                    }}
-                  >
-                    <Entypo
-                      name="dots-three-horizontal"
-                      color={MainColor.white}
-                      size={ICON_SIZE_SMALL}
-                    />
-                  </ClickableCustom>
-                </Grid.Col>
-              </Grid>
-
-              <View
+              <Grid.Col
+                span={2}
                 style={{
-                  backgroundColor: MainColor.soft_darkblue,
-                  padding: 8,
-                  borderRadius: 8,
+                  justifyContent: "center",
                 }}
               >
-                <TextCustom truncate={2}>
-                  Lorem ipsum dolor sit amet consectetur adipisicing elit. Vitae
-                  inventore iure pariatur, libero omnis excepturi. Ullam ad
-                  officiis deleniti quos esse odit nesciunt, ipsam adipisci
-                  cumque aliquam corporis culpa fugit?
-                </TextCustom>
-              </View>
-              <Spacing />
+                <ClickableCustom
+                  onPress={() => {}}
+                  style={{
+                    alignItems: "flex-end",
+                  }}
+                >
+                  <Entypo
+                    name="dots-three-horizontal"
+                    color={MainColor.white}
+                    size={ICON_SIZE_SMALL}
+                  />
+                </ClickableCustom>
+              </Grid.Col>
+            </Grid>
 
-              <View
-                style={{ flexDirection: "row", alignItems: "center", gap: 10 }}
-              >
-                <Ionicons
-                  name="chatbubble-outline"
-                  size={ICON_SIZE_SMALL}
-                  color={MainColor.white}
-                />
-                <TextCustom>2</TextCustom>
-              </View>
+            <View
+              style={{
+                backgroundColor: MainColor.soft_darkblue,
+                padding: 8,
+                borderRadius: 8,
+              }}
+            >
+              <TextCustom truncate={2}>
+                Lorem ipsum dolor sit amet consectetur adipisicing elit. Vitae
+                inventore iure pariatur, libero omnis excepturi. Ullam ad
+                officiis deleniti quos esse odit nesciunt, ipsam adipisci cumque
+                aliquam corporis culpa fugit?
+              </TextCustom>
             </View>
-          </BaseBox>
-        ))}
-      </>
-    );
-}
\ No newline at end of file
+            <Spacing />
+
+            <Grid>
+              <Grid.Col span={6}>
+                <View
+                  style={{
+                    flexDirection: "row",
+                    alignItems: "center",
+                    gap: 10,
+                  }}
+                >
+                  <Ionicons
+                    name="chatbubble-outline"
+                    size={ICON_SIZE_SMALL}
+                    color={MainColor.white}
+                  />
+                  <TextCustom>2</TextCustom>
+                </View>
+              </Grid.Col>
+              <Grid.Col span={6} style={{ alignItems: "flex-end" }}>
+                <TextCustom size="small"> {dateNow}</TextCustom>
+              </Grid.Col>
+            </Grid>
+          </View>
+        </BaseBox>
+      ))}
+    </>
+  );
+}

From 3211404397af29cd2147613a07d263532363b2b8 Mon Sep 17 00:00:00 2001
From: Bagasbanuna02 <bagasbanuna02@gmail.com>
Date: Mon, 14 Jul 2025 16:30:32 +0800
Subject: [PATCH 51/64] fix deskripsi: - forum & forumku

---
 .../(user)/forum/[id]/forumku.tsx             | 121 +++++++++++---
 app/(application)/(user)/forum/index.tsx      |  91 +++++++++-
 screens/Forum/ListPage.tsx                    |  41 +++++
 .../MenuDrawerSection.tsx/MenuBeranda.tsx     |  41 +++++
 screens/Forum/berandaSection.tsx              | 155 +++++++++---------
 screens/Forum/list-data-dummy.tsx             |  52 ++++++
 6 files changed, 395 insertions(+), 106 deletions(-)
 create mode 100644 screens/Forum/ListPage.tsx
 create mode 100644 screens/Forum/MenuDrawerSection.tsx/MenuBeranda.tsx
 create mode 100644 screens/Forum/list-data-dummy.tsx

diff --git a/app/(application)/(user)/forum/[id]/forumku.tsx b/app/(application)/(user)/forum/[id]/forumku.tsx
index c0debd7..1d95e49 100644
--- a/app/(application)/(user)/forum/[id]/forumku.tsx
+++ b/app/(application)/(user)/forum/[id]/forumku.tsx
@@ -1,42 +1,111 @@
 import {
+  AlertCustom,
   AvatarCustom,
   ButtonCustom,
   CenterCustom,
+  DrawerCustom,
   Grid,
   StackCustom,
   TextCustom,
   ViewWrapper,
 } from "@/components";
-import Forum_BerandaSection from "@/screens/Forum/berandaSection";
+import { MainColor } from "@/constants/color-palet";
+import Forum_BerandaSection from "@/screens/Forum/BerandaSection";
+import { listDataDummyForum } from "@/screens/Forum/list-data-dummy";
+import Forum_MenuDrawerBerandaSection from "@/screens/Forum/MenuDrawerSection.tsx/MenuBeranda";
 import { useLocalSearchParams } from "expo-router";
+import { useState } from "react";
 
 export default function Forumku() {
   const { id } = useLocalSearchParams();
-  return (
-    <ViewWrapper>
-      <StackCustom>
-        <CenterCustom>
-          <AvatarCustom
-            href={`/(application)/(image)/preview-image/${id}`}
-            size="xl"
-          />
-        </CenterCustom>
+  const [openDrawer, setOpenDrawer] = useState(false);
+  const [status, setStatus] = useState("");
+  const [alertStatus, setAlertStatus] = useState(false);
+  const [deleteAlert, setDeleteAlert] = useState(false);
 
-        <Grid>
-          <Grid.Col span={6}>
-            <TextCustom bold truncate>
-              @bagas_banuna
-            </TextCustom>
-            <TextCustom>1 postingan</TextCustom>
-          </Grid.Col>
-          <Grid.Col span={6} style={{ alignItems: "flex-end" }}>
-            <ButtonCustom href={`/profile/${id}`}>
-              Kunjungi Profile
-            </ButtonCustom>
-          </Grid.Col>
-        </Grid>
-      <Forum_BerandaSection />
-      </StackCustom>
-    </ViewWrapper>
+  return (
+    <>
+      <ViewWrapper>
+        <StackCustom>
+          <CenterCustom>
+            <AvatarCustom
+              href={`/(application)/(image)/preview-image/${id}`}
+              size="xl"
+            />
+          </CenterCustom>
+
+          <Grid>
+            <Grid.Col span={6}>
+              <TextCustom bold truncate>
+                @bagas_banuna
+              </TextCustom>
+              <TextCustom>1 postingan</TextCustom>
+            </Grid.Col>
+            <Grid.Col span={6} style={{ alignItems: "flex-end" }}>
+              <ButtonCustom href={`/profile/${id}`}>
+                Kunjungi Profile
+              </ButtonCustom>
+            </Grid.Col>
+          </Grid>
+          {listDataDummyForum.map((e, i) => (
+            <Forum_BerandaSection
+              key={i}
+              data={e}
+              setOpenDrawer={setOpenDrawer}
+              setStatus={setStatus}
+            />
+          ))}
+        </StackCustom>
+      </ViewWrapper>
+
+      {/* Drawer Komponen Eksternal */}
+      <DrawerCustom
+        height={350}
+        isVisible={openDrawer}
+        closeDrawer={() => setOpenDrawer(false)}
+      >
+        <Forum_MenuDrawerBerandaSection
+          id={id as string}
+          status={status}
+          setIsDrawerOpen={() => {
+            setOpenDrawer(false);
+          }}
+          setShowDeleteAlert={setDeleteAlert}
+          setShowAlertStatus={setAlertStatus}
+        />
+      </DrawerCustom>
+
+      {/* Alert Komponen Eksternal */}
+      <AlertCustom
+        isVisible={alertStatus}
+        onLeftPress={() => setAlertStatus(false)}
+        onRightPress={() => {
+          setOpenDrawer(false);
+          setAlertStatus(false);
+          console.log("Ubah status forum");
+        }}
+        title="Ubah Status Forum"
+        message="Apakah Anda yakin ingin mengubah status forum ini?"
+        textLeft="Batal"
+        textRight="Ubah"
+        colorRight={MainColor.green}
+      />
+
+      {/* Alert Delete */}
+      <AlertCustom
+        isVisible={deleteAlert}
+        onLeftPress={() => setDeleteAlert(false)}
+        onRightPress={() => {
+          setOpenDrawer(false);
+          setDeleteAlert(false);
+          console.log("Hapus forum");
+        }}
+        title="Hapus Forum"
+        message="Apakah Anda yakin ingin menghapus forum ini?"
+        textLeft="Batal"
+        textRight="Hapus"
+        colorRight={MainColor.red}
+      />
+    </>
   );
 }
diff --git a/app/(application)/(user)/forum/index.tsx b/app/(application)/(user)/forum/index.tsx
index 54bef94..f3a02f0 100644
--- a/app/(application)/(user)/forum/index.tsx
+++ b/app/(application)/(user)/forum/index.tsx
@@ -1,25 +1,35 @@
 import {
+  AlertCustom,
   AvatarCustom,
   BackButton,
+  DrawerCustom,
   TextInputCustom,
-  ViewWrapper
+  ViewWrapper,
 } from "@/components";
 import FloatingButton from "@/components/Button/FloatingButton";
 import { MainColor } from "@/constants/color-palet";
 import { ICON_SIZE_SMALL } from "@/constants/constans-value";
-import Forum_BerandaSection from "@/screens/Forum/berandaSection";
+import Forum_BerandaSection from "@/screens/Forum/BerandaSection";
+import { listDataDummyForum } from "@/screens/Forum/list-data-dummy";
+import Forum_MenuDrawerBerandaSection from "@/screens/Forum/MenuDrawerSection.tsx/MenuBeranda";
 import { Ionicons } from "@expo/vector-icons";
-import { router, Stack, useLocalSearchParams } from "expo-router";
+import { router, Stack } from "expo-router";
+import { useState } from "react";
 
 export default function Forum() {
-  const { id } = useLocalSearchParams();
+  const id = "test-id-forum";
+  const [openDrawer, setOpenDrawer] = useState(false);
+  const [status, setStatus] = useState("");
+  const [alertStatus, setAlertStatus] = useState(false);
+  const [deleteAlert, setDeleteAlert] = useState(false);
+
   return (
     <>
       <Stack.Screen
         options={{
           title: "Forum",
           headerLeft: () => <BackButton />,
-          headerRight: () => <AvatarCustom href={`/forum/${id}/forumku`}/>,
+          headerRight: () => <AvatarCustom href={`/forum/${id}/forumku`} />,
         }}
       />
 
@@ -39,11 +49,78 @@ export default function Forum() {
           />
         }
         floatingButton={
-          <FloatingButton onPress={() => router.navigate("/(application)/(user)/forum/create")} />
+          <FloatingButton
+            onPress={() =>
+              router.navigate("/(application)/(user)/forum/create")
+            }
+          />
         }
       >
-        <Forum_BerandaSection />
+        {listDataDummyForum.map((e, i) => (
+          <Forum_BerandaSection
+            key={i}
+            data={e}
+            setOpenDrawer={setOpenDrawer}
+            setStatus={setStatus}
+          />
+        ))}
       </ViewWrapper>
+
+      <DrawerCustom
+        height={350}
+        isVisible={openDrawer}
+        closeDrawer={() => setOpenDrawer(false)}
+      >
+        <Forum_MenuDrawerBerandaSection
+          id={id}
+          status={status}
+          setIsDrawerOpen={() => {
+            setOpenDrawer(false);
+          }}
+          setShowDeleteAlert={setDeleteAlert}
+          setShowAlertStatus={setAlertStatus}
+        />
+      </DrawerCustom>
+
+      {/* Alert Status */}
+      <AlertCustom
+        isVisible={alertStatus}
+        title="Ubah Status Forum"
+        message="Apakah Anda yakin ingin mengubah status forum ini?"
+        onLeftPress={() => {
+          setOpenDrawer(false);
+          setAlertStatus(false);
+          console.log("Batal");
+        }}
+        onRightPress={() => {
+          setOpenDrawer(false);
+          setAlertStatus(false);
+          console.log("Ubah status forum");
+        }}
+        textLeft="Batal"
+        textRight="Ubah"
+        colorRight={MainColor.green}
+      />
+
+      {/* Alert Delete */}
+      <AlertCustom
+        isVisible={deleteAlert}
+        title="Hapus Forum"
+        message="Apakah Anda yakin ingin menghapus forum ini?"
+        onLeftPress={() => {
+          setOpenDrawer(false);
+          setDeleteAlert(false);
+          console.log("Batal");
+        }}
+        onRightPress={() => {
+          setOpenDrawer(false);
+          setDeleteAlert(false);
+          console.log("Hapus forum");
+        }}
+        textLeft="Batal"
+        textRight="Hapus"
+        colorRight={MainColor.red}
+      />
     </>
   );
 }
diff --git a/screens/Forum/ListPage.tsx b/screens/Forum/ListPage.tsx
new file mode 100644
index 0000000..964e1e2
--- /dev/null
+++ b/screens/Forum/ListPage.tsx
@@ -0,0 +1,41 @@
+import { MainColor } from "@/constants/color-palet";
+import { ICON_SIZE_SMALL } from "@/constants/constans-value";
+import { Feather, Ionicons } from "@expo/vector-icons";
+
+export { drawerItemsForumBeranda };
+
+const drawerItemsForumBeranda = ({
+  id,
+  status,
+}: {
+  id: string;
+  status: string;
+}) => [
+  {
+    icon: (
+      <Feather name="edit" size={ICON_SIZE_SMALL} color={MainColor.white} />
+    ),
+    label: "Edit posting",
+    path: `/forumku/${id}`,
+  },
+  {
+    icon:
+      status === "Open" ? (
+        <Ionicons name="open" size={ICON_SIZE_SMALL} color={MainColor.white} />
+      ) : (
+        <Ionicons name="close" size={ICON_SIZE_SMALL} color={MainColor.white} />
+      ),
+
+    label: status === "Open" ? "Buka forum" : "Tutup forum",
+    path: "",
+    color: status === "Open" ? MainColor.green : MainColor.orange,
+  },
+  {
+    icon: (
+      <Ionicons name="trash" size={ICON_SIZE_SMALL} color={MainColor.white} />
+    ),
+    label: "Hapus",
+    path: "",
+    color: MainColor.red,
+  },
+];
diff --git a/screens/Forum/MenuDrawerSection.tsx/MenuBeranda.tsx b/screens/Forum/MenuDrawerSection.tsx/MenuBeranda.tsx
new file mode 100644
index 0000000..2521d5d
--- /dev/null
+++ b/screens/Forum/MenuDrawerSection.tsx/MenuBeranda.tsx
@@ -0,0 +1,41 @@
+import { IMenuDrawerItem } from "@/components/_Interface/types";
+import MenuDrawerDynamicGrid from "@/components/Drawer/MenuDrawerDynamicGird";
+import { router } from "expo-router";
+import { drawerItemsForumBeranda } from "../ListPage";
+
+export default function Forum_MenuDrawerBerandaSection({
+  id,
+  status,
+  setIsDrawerOpen,
+  setShowDeleteAlert,
+  setShowAlertStatus,
+}: {
+  id: string;
+  status: string;
+  setIsDrawerOpen: (value: boolean) => void;
+  setShowDeleteAlert: (value: boolean) => void;
+  setShowAlertStatus: (value: boolean) => void;
+}) {
+  const handlePress = (item: IMenuDrawerItem) => {
+    if (item.label === "Hapus") {
+      setShowDeleteAlert(true);
+    } else if (item.label === "Buka forum" || item.label === "Tutup forum") {
+      setShowAlertStatus(true);
+    } else {
+      router.push(item.path as any);
+    }
+
+    setIsDrawerOpen(false);
+  };
+
+  return (
+    <>
+      {/* Menu Items */}
+      <MenuDrawerDynamicGrid
+        data={drawerItemsForumBeranda({ id, status })}
+        columns={4} // Ubah ke 2 jika ingin 2 kolom per baris
+        onPressItem={handlePress}
+      />
+    </>
+  );
+}
diff --git a/screens/Forum/berandaSection.tsx b/screens/Forum/berandaSection.tsx
index 10f75b2..5fa2e0d 100644
--- a/screens/Forum/berandaSection.tsx
+++ b/screens/Forum/berandaSection.tsx
@@ -1,96 +1,105 @@
 import {
-  BaseBox,
-  Grid,
   AvatarCustom,
-  TextCustom,
+  BaseBox,
   ClickableCustom,
+  Grid,
   Spacing,
+  TextCustom,
 } from "@/components";
 import { MainColor } from "@/constants/color-palet";
 import { ICON_SIZE_SMALL } from "@/constants/constans-value";
 import { Entypo, Ionicons } from "@expo/vector-icons";
 import { View } from "react-native";
-import dayjs from "dayjs";
 
-export default function Forum_BerandaSection() {
-  const dateNow = dayjs().format("DD/MM/YYYY")
+export default function Forum_BerandaSection({
+  data,
+  setOpenDrawer,
+  setStatus,
+}: {
+  data: any;
+  setOpenDrawer: (value: boolean) => void;
+  setStatus: (value: string) => void;
+}) {
+
   return (
     <>
-      {Array.from({ length: 10 }).map((e, i) => (
-        <BaseBox key={i}>
-          <View>
-            <Grid>
-              <Grid.Col span={2}>
-                <AvatarCustom />
-              </Grid.Col>
-              <Grid.Col span={8}>
-                <TextCustom>Nama User</TextCustom>
+      <BaseBox>
+        <View>
+          <Grid>
+            <Grid.Col span={2}>
+              <AvatarCustom href={`/profile/${data.id}`} />
+            </Grid.Col>
+            <Grid.Col span={8}>
+              <TextCustom>{data.name}</TextCustom>
+              {data.status === "Open" ? (
                 <TextCustom bold size="small" color="green">
-                  Open
+                  {data.status}
                 </TextCustom>
-              </Grid.Col>
+              ) : (
+                <TextCustom bold size="small" color="red">
+                  {data.status}
+                </TextCustom>
+              )}
+            </Grid.Col>
 
-              <Grid.Col
-                span={2}
-                style={{
-                  justifyContent: "center",
-                }}
-              >
-                <ClickableCustom
-                  onPress={() => {}}
-                  style={{
-                    alignItems: "flex-end",
-                  }}
-                >
-                  <Entypo
-                    name="dots-three-horizontal"
-                    color={MainColor.white}
-                    size={ICON_SIZE_SMALL}
-                  />
-                </ClickableCustom>
-              </Grid.Col>
-            </Grid>
-
-            <View
+            <Grid.Col
+              span={2}
               style={{
-                backgroundColor: MainColor.soft_darkblue,
-                padding: 8,
-                borderRadius: 8,
+                justifyContent: "center",
               }}
             >
-              <TextCustom truncate={2}>
-                Lorem ipsum dolor sit amet consectetur adipisicing elit. Vitae
-                inventore iure pariatur, libero omnis excepturi. Ullam ad
-                officiis deleniti quos esse odit nesciunt, ipsam adipisci cumque
-                aliquam corporis culpa fugit?
-              </TextCustom>
-            </View>
-            <Spacing />
+              <ClickableCustom
+                onPress={() => {
+                  setOpenDrawer(true);
+                  setStatus(data.status);
+                }}
+                style={{
+                  alignItems: "flex-end",
+                }}
+              >
+                <Entypo
+                  name="dots-three-horizontal"
+                  color={MainColor.white}
+                  size={ICON_SIZE_SMALL}
+                />
+              </ClickableCustom>
+            </Grid.Col>
+          </Grid>
 
-            <Grid>
-              <Grid.Col span={6}>
-                <View
-                  style={{
-                    flexDirection: "row",
-                    alignItems: "center",
-                    gap: 10,
-                  }}
-                >
-                  <Ionicons
-                    name="chatbubble-outline"
-                    size={ICON_SIZE_SMALL}
-                    color={MainColor.white}
-                  />
-                  <TextCustom>2</TextCustom>
-                </View>
-              </Grid.Col>
-              <Grid.Col span={6} style={{ alignItems: "flex-end" }}>
-                <TextCustom size="small"> {dateNow}</TextCustom>
-              </Grid.Col>
-            </Grid>
+          <View
+            style={{
+              backgroundColor: MainColor.soft_darkblue,
+              padding: 8,
+              borderRadius: 8,
+            }}
+          >
+            <TextCustom truncate={2}>{data.deskripsi}</TextCustom>
           </View>
-        </BaseBox>
-      ))}
+          <Spacing />
+
+          <Grid>
+            <Grid.Col span={6}>
+              <View
+                style={{
+                  flexDirection: "row",
+                  alignItems: "center",
+                  gap: 10,
+                }}
+              >
+                <Ionicons
+                  name="chatbubble-outline"
+                  size={ICON_SIZE_SMALL}
+                  color={MainColor.white}
+                />
+                <TextCustom>{data.jumlahBalas}</TextCustom>
+              </View>
+            </Grid.Col>
+            <Grid.Col span={6} style={{ alignItems: "flex-end" }}>
+              <TextCustom size="small"> {data.date}</TextCustom>
+            </Grid.Col>
+          </Grid>
+        </View>
+      </BaseBox>
     </>
   );
 }
diff --git a/screens/Forum/list-data-dummy.tsx b/screens/Forum/list-data-dummy.tsx
new file mode 100644
index 0000000..4a7aa62
--- /dev/null
+++ b/screens/Forum/list-data-dummy.tsx
@@ -0,0 +1,52 @@
+export const listDataDummyForum = [
+  {
+    name: "Bagas",
+    status: "Open",
+    date: "14/07/2025",
+    deskripsi:
+      "Lorem ipsum dolor sit amet consectetur adipisicing elit. Vitae inventore iure pariatur, libero omnis excepturi. Ullam ad officiis deleniti quos esse odit nesciunt, ipsam adipisci cumque aliquam corporis culpa fugit?",
+    jumlahBalas: 2,
+  },
+  {
+    name: "Banuna",
+    status: "Close",
+    date: "14/07/2025",
+    deskripsi:
+      "Lorem ipsum dolor sit amet consectetur adipisicing elit. Vitae inventore iure pariatur, libero omnis excepturi. Ullam ad officiis deleniti quos esse odit nesciunt, ipsam adipisci cumque aliquam corporis culpa fugit?",
+    jumlahBalas: 8,
+  },
+  {
+    name: "Nusantara",
+    status: "Open",
+    date: "14/07/2025",
+    deskripsi:
+      "Lorem ipsum dolor sit amet consectetur adipisicing elit. Vitae inventore iure pariatur, libero omnis excepturi. Ullam ad officiis deleniti quos esse odit nesciunt, ipsam adipisci cumque aliquam corporis culpa fugit?",
+    jumlahBalas: 5,
+  },
+
+  {
+    name: "Nabillah",
+    status: "Close",
+    date: "14/07/2025",
+    deskripsi:
+      "Lorem ipsum dolor sit amet consectetur adipisicing elit. Vitae inventore iure pariatur, libero omnis excepturi. Ullam ad officiis deleniti quos esse odit nesciunt, ipsam adipisci cumque aliquam corporis culpa fugit?",
+    jumlahBalas: 2,
+  },
+
+  {
+    name: "Riyusa",
+    status: "Close",
+    date: "14/07/2025",
+    deskripsi:
+      "Lorem ipsum dolor sit amet consectetur adipisicing elit. Vitae inventore iure pariatur, libero omnis excepturi. Ullam ad officiis deleniti quos esse odit nesciunt, ipsam adipisci cumque aliquam corporis culpa fugit?",
+    jumlahBalas: 3,
+  },
+  {
+    name: "Nita",
+    status: "Open",
+    date: "14/07/2025",
+    deskripsi:
+      "Lorem ipsum dolor sit amet consectetur adipisicing elit. Vitae inventore iure pariatur, libero omnis excepturi. Ullam ad officiis deleniti quos esse odit nesciunt, ipsam adipisci cumque aliquam corporis culpa fugit?",
+    jumlahBalas: 2,
+  },
+];

From cce27c26f658392dc59e3c859179ecf4c7752176 Mon Sep 17 00:00:00 2001
From: Bagasbanuna02 <bagasbanuna02@gmail.com>
Date: Mon, 14 Jul 2025 17:37:43 +0800
Subject: [PATCH 52/64] feature & fix deskripsi: feature : - Forum : beranda,
 edit, detail, create # No Issue

---
 app/(application)/(user)/_layout.tsx          |  14 ++
 app/(application)/(user)/forum/[id]/edit.tsx  |  37 ++++
 .../(user)/forum/[id]/forumku.tsx             |   8 +-
 app/(application)/(user)/forum/[id]/index.tsx | 160 ++++++++++++++++++
 app/(application)/(user)/forum/index.tsx      |  10 +-
 screens/Forum/CommentarBoxSection.tsx         |  74 ++++++++
 ...daSection.tsx => DiscussionBoxSection.tsx} |  41 +++--
 screens/Forum/ListPage.tsx                    |   2 +-
 .../MenuDrawerSection.tsx/MenuCommentar.tsx   |   0
 screens/Forum/list-data-dummy.tsx             |  54 +++++-
 10 files changed, 379 insertions(+), 21 deletions(-)
 create mode 100644 app/(application)/(user)/forum/[id]/edit.tsx
 create mode 100644 app/(application)/(user)/forum/[id]/index.tsx
 create mode 100644 screens/Forum/CommentarBoxSection.tsx
 rename screens/Forum/{berandaSection.tsx => DiscussionBoxSection.tsx} (77%)
 create mode 100644 screens/Forum/MenuDrawerSection.tsx/MenuCommentar.tsx

diff --git a/app/(application)/(user)/_layout.tsx b/app/(application)/(user)/_layout.tsx
index a05e355..c3454e9 100644
--- a/app/(application)/(user)/_layout.tsx
+++ b/app/(application)/(user)/_layout.tsx
@@ -93,6 +93,13 @@ export default function UserLayout() {
             headerLeft: () => <BackButton />,
           }}
         />
+        <Stack.Screen
+          name="forum/[id]/edit"
+          options={{
+            title: "Edit Diskusi",
+            headerLeft: () => <BackButton />,
+          }}
+        />
         <Stack.Screen
           name="forum/[id]/forumku"
           options={{
@@ -100,6 +107,13 @@ export default function UserLayout() {
             headerLeft: () => <BackButton icon={'close'} />,
           }}
         />
+        <Stack.Screen
+          name="forum/[id]/index"
+          options={{
+            title: "Detail",
+            headerLeft: () => <BackButton />,
+          }}
+        />
 
         {/* ========== Maps Section ========= */}
         <Stack.Screen
diff --git a/app/(application)/(user)/forum/[id]/edit.tsx b/app/(application)/(user)/forum/[id]/edit.tsx
new file mode 100644
index 0000000..0b89ee2
--- /dev/null
+++ b/app/(application)/(user)/forum/[id]/edit.tsx
@@ -0,0 +1,37 @@
+import {
+  BoxButtonOnFooter,
+  ButtonCustom,
+  TextAreaCustom,
+  ViewWrapper,
+} from "@/components";
+import { router } from "expo-router";
+import { useState } from "react";
+
+export default function ForumEdit() {
+  const [text, setText] = useState("");
+
+  const buttonFooter = (
+    <BoxButtonOnFooter>
+      <ButtonCustom
+        onPress={() => {
+          console.log("Posting", text);
+          router.back();
+        }}
+      >
+        Update
+      </ButtonCustom>
+    </BoxButtonOnFooter>
+  );
+
+  return (
+    <ViewWrapper footerComponent={buttonFooter}>
+      <TextAreaCustom
+        placeholder="Ketik diskusi anda..."
+        maxLength={1000}
+        showCount
+        value={text}
+        onChangeText={setText}
+      />
+    </ViewWrapper>
+  );
+}
diff --git a/app/(application)/(user)/forum/[id]/forumku.tsx b/app/(application)/(user)/forum/[id]/forumku.tsx
index 1d95e49..83d080c 100644
--- a/app/(application)/(user)/forum/[id]/forumku.tsx
+++ b/app/(application)/(user)/forum/[id]/forumku.tsx
@@ -10,8 +10,8 @@ import {
   ViewWrapper,
 } from "@/components";
 import { MainColor } from "@/constants/color-palet";
-import Forum_BerandaSection from "@/screens/Forum/BerandaSection";
-import { listDataDummyForum } from "@/screens/Forum/list-data-dummy";
+import Forum_BoxDetailSection from "@/screens/Forum/DiscussionBoxSection";
+import { listDataDummyCommentarForum } from "@/screens/Forum/list-data-dummy";
 import Forum_MenuDrawerBerandaSection from "@/screens/Forum/MenuDrawerSection.tsx/MenuBeranda";
 import { useLocalSearchParams } from "expo-router";
 import { useState } from "react";
@@ -47,8 +47,8 @@ export default function Forumku() {
               </ButtonCustom>
             </Grid.Col>
           </Grid>
-          {listDataDummyForum.map((e, i) => (
-            <Forum_BerandaSection
+          {listDataDummyCommentarForum.map((e, i) => (
+            <Forum_BoxDetailSection
               key={i}
               data={e}
               setOpenDrawer={setOpenDrawer}
diff --git a/app/(application)/(user)/forum/[id]/index.tsx b/app/(application)/(user)/forum/[id]/index.tsx
new file mode 100644
index 0000000..ceb327a
--- /dev/null
+++ b/app/(application)/(user)/forum/[id]/index.tsx
@@ -0,0 +1,160 @@
+import {
+  AlertCustom,
+  ButtonCustom,
+  DrawerCustom,
+  Spacing,
+  StackCustom,
+  TextAreaCustom,
+  ViewWrapper,
+} from "@/components";
+import { MainColor } from "@/constants/color-palet";
+import Forum_CommentarBoxSection from "@/screens/Forum/CommentarBoxSection";
+import Forum_BoxDetailSection from "@/screens/Forum/DiscussionBoxSection";
+import { listDummyCommentarForum } from "@/screens/Forum/list-data-dummy";
+import Forum_MenuDrawerBerandaSection from "@/screens/Forum/MenuDrawerSection.tsx/MenuBeranda";
+import { router, useLocalSearchParams } from "expo-router";
+import { useState } from "react";
+import { Divider } from "react-native-paper";
+
+export default function ForumDetail() {
+  const { id } = useLocalSearchParams();
+  console.log(id);
+  const [openDrawer, setOpenDrawer] = useState(false);
+  const [status, setStatus] = useState("");
+  const [alertStatus, setAlertStatus] = useState(false);
+  const [deleteAlert, setDeleteAlert] = useState(false);
+  const [text, setText] = useState("");
+
+  // Comentar
+  const [openDrawerCommentar, setOpenDrawerCommentar] = useState(false);
+  const [statusCommentar, setStatusCommentar] = useState("");
+
+  const dataDummy = {
+    name: "Bagas",
+    status: "Open",
+    date: "14/07/2025",
+    deskripsi:
+      "Lorem ipsum dolor sit amet consectetur adipisicing elit. Vitae inventore iure pariatur, libero omnis excepturi. Ullam ad officiis deleniti quos esse odit nesciunt, ipsam adipisci cumque aliquam corporis culpa fugit?",
+    jumlahBalas: 2,
+  };
+
+  return (
+    <>
+      <ViewWrapper>
+        {/* <StackCustom>
+        </StackCustom> */}
+        <Forum_BoxDetailSection
+          data={dataDummy}
+          setOpenDrawer={setOpenDrawer}
+          setStatus={setStatus}
+        />
+
+        <TextAreaCustom
+          placeholder="Ketik diskusi anda..."
+          maxLength={1000}
+          showCount
+          value={text}
+          onChangeText={setText}
+          style={{
+            marginBottom: 0,
+          }}
+        />
+        <ButtonCustom
+          style={{
+            alignSelf: "flex-end",
+          }}
+          onPress={() => {
+            console.log("Posting", text);
+            router.back();
+          }}
+        >
+          Balas
+        </ButtonCustom>
+
+        <Spacing height={40} />
+
+        {listDummyCommentarForum.map((e, i) => (
+          <Forum_CommentarBoxSection
+            key={i}
+            data={e}
+            setOpenDrawer={setOpenDrawerCommentar}
+            setStatus={setStatusCommentar}
+          />
+        ))}
+      </ViewWrapper>
+
+      <DrawerCustom
+        height={350}
+        isVisible={openDrawer}
+        closeDrawer={() => setOpenDrawer(false)}
+      >
+        <Forum_MenuDrawerBerandaSection
+          id={id as string}
+          status={status}
+          setIsDrawerOpen={() => {
+            setOpenDrawer(false);
+          }}
+          setShowDeleteAlert={setDeleteAlert}
+          setShowAlertStatus={setAlertStatus}
+        />
+      </DrawerCustom>
+
+      {/* Alert Status */}
+      <AlertCustom
+        isVisible={alertStatus}
+        title="Ubah Status Forum"
+        message="Apakah Anda yakin ingin mengubah status forum ini?"
+        onLeftPress={() => {
+          setOpenDrawer(false);
+          setAlertStatus(false);
+          console.log("Batal");
+        }}
+        onRightPress={() => {
+          setOpenDrawer(false);
+          setAlertStatus(false);
+          console.log("Ubah status forum");
+        }}
+        textLeft="Batal"
+        textRight="Ubah"
+        colorRight={MainColor.green}
+      />
+
+      {/* Alert Delete */}
+      <AlertCustom
+        isVisible={deleteAlert}
+        title="Hapus Forum"
+        message="Apakah Anda yakin ingin menghapus forum ini?"
+        onLeftPress={() => {
+          setOpenDrawer(false);
+          setDeleteAlert(false);
+          console.log("Batal");
+        }}
+        onRightPress={() => {
+          setOpenDrawer(false);
+          setDeleteAlert(false);
+          console.log("Hapus forum");
+        }}
+        textLeft="Batal"
+        textRight="Hapus"
+        colorRight={MainColor.red}
+      />
+
+      {/* Commentar */}
+      <DrawerCustom
+        height={350}
+        isVisible={openDrawerCommentar}
+        closeDrawer={() => setOpenDrawerCommentar(false)}
+      >
+        <Forum_MenuDrawerBerandaSection
+          id={id as string}
+          status={statusCommentar}
+          setIsDrawerOpen={() => {
+            setOpenDrawerCommentar(false);
+          }}
+          setShowDeleteAlert={setDeleteAlert}
+          setShowAlertStatus={setAlertStatus}
+        />
+      </DrawerCustom>
+    </>
+  );
+}
diff --git a/app/(application)/(user)/forum/index.tsx b/app/(application)/(user)/forum/index.tsx
index f3a02f0..4191c9b 100644
--- a/app/(application)/(user)/forum/index.tsx
+++ b/app/(application)/(user)/forum/index.tsx
@@ -9,8 +9,8 @@ import {
 import FloatingButton from "@/components/Button/FloatingButton";
 import { MainColor } from "@/constants/color-palet";
 import { ICON_SIZE_SMALL } from "@/constants/constans-value";
-import Forum_BerandaSection from "@/screens/Forum/BerandaSection";
-import { listDataDummyForum } from "@/screens/Forum/list-data-dummy";
+import Forum_BoxDetailSection from "@/screens/Forum/DiscussionBoxSection";
+import { listDummyDiscussionForum } from "@/screens/Forum/list-data-dummy";
 import Forum_MenuDrawerBerandaSection from "@/screens/Forum/MenuDrawerSection.tsx/MenuBeranda";
 import { Ionicons } from "@expo/vector-icons";
 import { router, Stack } from "expo-router";
@@ -56,12 +56,14 @@ export default function Forum() {
           />
         }
       >
-        {listDataDummyForum.map((e, i) => (
-          <Forum_BerandaSection
+        {listDummyDiscussionForum.map((e, i) => (
+          <Forum_BoxDetailSection
             key={i}
             data={e}
             setOpenDrawer={setOpenDrawer}
             setStatus={setStatus}
+            isTruncate={true}
+            href={`/forum/${id}`}
           />
         ))}
       </ViewWrapper>
diff --git a/screens/Forum/CommentarBoxSection.tsx b/screens/Forum/CommentarBoxSection.tsx
new file mode 100644
index 0000000..e7f8f15
--- /dev/null
+++ b/screens/Forum/CommentarBoxSection.tsx
@@ -0,0 +1,74 @@
+import {
+  BaseBox,
+  Grid,
+  AvatarCustom,
+  TextCustom,
+  ClickableCustom,
+  Spacing,
+} from "@/components";
+import { MainColor } from "@/constants/color-palet";
+import { ICON_SIZE_SMALL } from "@/constants/constans-value";
+import { Entypo } from "@expo/vector-icons";
+import { View } from "react-native";
+
+export default function Forum_CommentarBoxSection({
+  data,
+  setOpenDrawer,
+  setStatus,
+}: {
+  data: any;
+  setOpenDrawer: (value: boolean) => void;
+  setStatus: (value: string) => void;
+}) {
+  return (
+    <>
+      <BaseBox>
+        <View>
+          <Grid>
+            <Grid.Col span={2}>
+              <AvatarCustom href={`/profile/${data.id}`} />
+            </Grid.Col>
+            <Grid.Col
+              span={8}
+              style={{
+                justifyContent: "center",
+              }}
+            >
+              <TextCustom>{data.name}</TextCustom>
+            </Grid.Col>
+
+            <Grid.Col
+              span={2}
+              style={{
+                justifyContent: "center",
+              }}
+            >
+              <ClickableCustom
+                onPress={() => {
+                  setOpenDrawer(true);
+                  setStatus(data.status);
+                }}
+                style={{
+                  alignItems: "flex-end",
+                }}
+              >
+                <Entypo
+                  name="dots-three-horizontal"
+                  color={MainColor.white}
+                  size={ICON_SIZE_SMALL}
+                />
+              </ClickableCustom>
+            </Grid.Col>
+          </Grid>
+
+          <TextCustom>{data.deskripsi}</TextCustom>
+
+          <Spacing />
+          <View style={{ alignItems: "flex-end" }}>
+            <TextCustom>{data.date}</TextCustom>
+          </View>
+        </View>
+      </BaseBox>
+    </>
+  );
+}
diff --git a/screens/Forum/berandaSection.tsx b/screens/Forum/DiscussionBoxSection.tsx
similarity index 77%
rename from screens/Forum/berandaSection.tsx
rename to screens/Forum/DiscussionBoxSection.tsx
index 5fa2e0d..dd363cb 100644
--- a/screens/Forum/berandaSection.tsx
+++ b/screens/Forum/DiscussionBoxSection.tsx
@@ -9,17 +9,37 @@ import {
 import { MainColor } from "@/constants/color-palet";
 import { ICON_SIZE_SMALL } from "@/constants/constans-value";
 import { Entypo, Ionicons } from "@expo/vector-icons";
+import { Href, router } from "expo-router";
 import { View } from "react-native";
 
-export default function Forum_BerandaSection({
+export default function Forum_BoxDetailSection({
   data,
+  isTruncate,
   setOpenDrawer,
   setStatus,
+  href,
 }: {
   data: any;
+  isTruncate?: boolean;
   setOpenDrawer: (value: boolean) => void;
   setStatus: (value: string) => void;
+  href?: Href;
 }) {
+  const deskripsiView = (
+    <View
+      style={{
+        backgroundColor: MainColor.soft_darkblue,
+        padding: 8,
+        borderRadius: 8,
+      }}
+    >
+      {isTruncate ? (
+        <TextCustom truncate={2}>{data.deskripsi}</TextCustom>
+      ) : (
+        <TextCustom>{data.deskripsi}</TextCustom>
+      )}
+    </View>
+  );
 
   return (
     <>
@@ -66,16 +86,15 @@ export default function Forum_BerandaSection({
             </Grid.Col>
           </Grid>
 
-          <View
-            style={{
-              backgroundColor: MainColor.soft_darkblue,
-              padding: 8,
-              borderRadius: 8,
-            }}
-          >
-            <TextCustom truncate={2}>{data.deskripsi}</TextCustom>
-          </View>
-          <Spacing />
+          {href ? (
+            <ClickableCustom onPress={() => router.push(href as any)}>
+              {deskripsiView}
+            </ClickableCustom>
+          ) : (
+            deskripsiView
+          )}
+
+          <Spacing height={10} />
 
           <Grid>
             <Grid.Col span={6}>
diff --git a/screens/Forum/ListPage.tsx b/screens/Forum/ListPage.tsx
index 964e1e2..8052660 100644
--- a/screens/Forum/ListPage.tsx
+++ b/screens/Forum/ListPage.tsx
@@ -16,7 +16,7 @@ const drawerItemsForumBeranda = ({
       <Feather name="edit" size={ICON_SIZE_SMALL} color={MainColor.white} />
     ),
     label: "Edit posting",
-    path: `/forumku/${id}`,
+    path: `/forum/${id}/edit`,
   },
   {
     icon:
diff --git a/screens/Forum/MenuDrawerSection.tsx/MenuCommentar.tsx b/screens/Forum/MenuDrawerSection.tsx/MenuCommentar.tsx
new file mode 100644
index 0000000..e69de29
diff --git a/screens/Forum/list-data-dummy.tsx b/screens/Forum/list-data-dummy.tsx
index 4a7aa62..b717164 100644
--- a/screens/Forum/list-data-dummy.tsx
+++ b/screens/Forum/list-data-dummy.tsx
@@ -1,4 +1,9 @@
-export const listDataDummyForum = [
+export {
+  listDummyDiscussionForum,
+  listDummyCommentarForum,
+}
+
+const listDummyDiscussionForum = [
   {
     name: "Bagas",
     status: "Open",
@@ -50,3 +55,50 @@ export const listDataDummyForum = [
     jumlahBalas: 2,
   },
 ];
+
+ const listDummyCommentarForum = [
+  {
+    name: "Bagas",
+    status: "Delete",
+    date: "14/07/2025",
+    deskripsi:
+      "Lorem ipsum dolor sit amet consectetur adipisicing elit. Vitae inventore iure pariatur, libero omnis excepturi. Ullam ad officiis deleniti quos esse odit nesciunt, ipsam adipisci cumque aliquam corporis culpa fugit?",
+  },
+  {
+    name: "Banuna",
+    status: "Report",
+    date: "14/07/2025",
+    deskripsi:
+      "Lorem ipsum dolor sit amet consectetur adipisicing elit. Vitae inventore iure pariatur, libero omnis excepturi. Ullam ad officiis deleniti quos esse odit nesciunt, ipsam adipisci cumque aliquam corporis culpa fugit?",
+  },
+  {
+    name: "Nusantara",
+    status: "Delete",
+    date: "14/07/2025",
+    deskripsi:
+      "Lorem ipsum dolor sit amet consectetur adipisicing elit. Vitae inventore iure pariatur, libero omnis excepturi. Ullam ad officiis deleniti quos esse odit nesciunt, ipsam adipisci cumque aliquam corporis culpa fugit?",
+  },
+
+  {
+    name: "Nabillah",
+    status: "Report",
+    date: "14/07/2025",
+    deskripsi:
+      "Lorem ipsum dolor sit amet consectetur adipisicing elit. Vitae inventore iure pariatur, libero omnis excepturi. Ullam ad officiis deleniti quos esse odit nesciunt, ipsam adipisci cumque aliquam corporis culpa fugit?",
+  },
+
+  {
+    name: "Riyusa",
+    status: "Report",
+    date: "14/07/2025",
+    deskripsi:
+      "Lorem ipsum dolor sit amet consectetur adipisicing elit. Vitae inventore iure pariatur, libero omnis excepturi. Ullam ad officiis deleniti quos esse odit nesciunt, ipsam adipisci cumque aliquam corporis culpa fugit?",
+  },
+  {
+    name: "Nita",
+    status: "Delete",
+    date: "14/07/2025",
+    deskripsi:
+      "Lorem ipsum dolor sit amet consectetur adipisicing elit. Vitae inventore iure pariatur, libero omnis excepturi. Ullam ad officiis deleniti quos esse odit nesciunt, ipsam adipisci cumque aliquam corporis culpa fugit?",
+  },
+];

From a0dad5618a03112e43fba0c964dadff71d1fe5a2 Mon Sep 17 00:00:00 2001
From: Bagasbanuna02 <bagasbanuna02@gmail.com>
Date: Tue, 15 Jul 2025 11:24:57 +0800
Subject: [PATCH 53/64] feature Desskripsi: - new page: other-report-commentar,
 other-report-posting, report-commentar, report-posting

# No Issue
---
 app/(application)/(user)/_layout.tsx          | 28 +++++++++++++
 app/(application)/(user)/forum/[id]/index.tsx | 42 +++++++++++++------
 .../forum/[id]/other-report-commentar.tsx     | 32 ++++++++++++++
 .../forum/[id]/other-report-posting.tsx       | 32 ++++++++++++++
 .../(user)/forum/[id]/report-commentar.tsx    | 40 ++++++++++++++++++
 .../(user)/forum/[id]/report-posting.tsx      | 36 ++++++++++++++++
 lib/dummy-data/forum/report-list.tsx          | 26 ++++++++++++
 screens/Forum/CommentarBoxSection.tsx         |  9 ++--
 screens/Forum/ListPage.tsx                    | 30 ++++++++++++-
 .../MenuDrawerSection.tsx/MenuCommentar.tsx   | 33 +++++++++++++++
 screens/Forum/ReportListSection.tsx           | 20 +++++++++
 11 files changed, 308 insertions(+), 20 deletions(-)
 create mode 100644 app/(application)/(user)/forum/[id]/other-report-commentar.tsx
 create mode 100644 app/(application)/(user)/forum/[id]/other-report-posting.tsx
 create mode 100644 app/(application)/(user)/forum/[id]/report-commentar.tsx
 create mode 100644 app/(application)/(user)/forum/[id]/report-posting.tsx
 create mode 100644 lib/dummy-data/forum/report-list.tsx
 create mode 100644 screens/Forum/ReportListSection.tsx

diff --git a/app/(application)/(user)/_layout.tsx b/app/(application)/(user)/_layout.tsx
index c3454e9..00bba14 100644
--- a/app/(application)/(user)/_layout.tsx
+++ b/app/(application)/(user)/_layout.tsx
@@ -114,6 +114,34 @@ export default function UserLayout() {
             headerLeft: () => <BackButton />,
           }}
         />
+        <Stack.Screen
+          name="forum/[id]/report-commentar"
+          options={{
+            title: "Laporkan Komentar",
+            headerLeft: () => <BackButton />,
+          }}
+        />
+        <Stack.Screen
+          name="forum/[id]/other-report-commentar"
+          options={{
+            title: "Laporkan Komentar",
+            headerLeft: () => <BackButton />,
+          }}
+        />
+        <Stack.Screen
+          name="forum/[id]/report-posting"
+          options={{
+            title: "Laporkan Diskusi",
+            headerLeft: () => <BackButton />,
+          }}
+        />
+        <Stack.Screen
+          name="forum/[id]/other-report-posting"
+          options={{
+            title: "Laporkan Diskusi",
+            headerLeft: () => <BackButton />,
+          }}
+        />
 
         {/* ========== Maps Section ========= */}
         <Stack.Screen
diff --git a/app/(application)/(user)/forum/[id]/index.tsx b/app/(application)/(user)/forum/[id]/index.tsx
index ceb327a..7d9fbdf 100644
--- a/app/(application)/(user)/forum/[id]/index.tsx
+++ b/app/(application)/(user)/forum/[id]/index.tsx
@@ -1,20 +1,19 @@
 import {
-  AlertCustom,
-  ButtonCustom,
-  DrawerCustom,
-  Spacing,
-  StackCustom,
-  TextAreaCustom,
-  ViewWrapper,
+    AlertCustom,
+    ButtonCustom,
+    DrawerCustom,
+    Spacing,
+    TextAreaCustom,
+    ViewWrapper
 } from "@/components";
 import { MainColor } from "@/constants/color-palet";
 import Forum_CommentarBoxSection from "@/screens/Forum/CommentarBoxSection";
 import Forum_BoxDetailSection from "@/screens/Forum/DiscussionBoxSection";
 import { listDummyCommentarForum } from "@/screens/Forum/list-data-dummy";
 import Forum_MenuDrawerBerandaSection from "@/screens/Forum/MenuDrawerSection.tsx/MenuBeranda";
+import Forum_MenuDrawerCommentar from "@/screens/Forum/MenuDrawerSection.tsx/MenuCommentar";
 import { router, useLocalSearchParams } from "expo-router";
 import { useState } from "react";
-import { Divider } from "react-native-paper";
 
 export default function ForumDetail() {
   const { id } = useLocalSearchParams();
@@ -27,7 +26,6 @@ export default function ForumDetail() {
 
   // Comentar
   const [openDrawerCommentar, setOpenDrawerCommentar] = useState(false);
-  const [statusCommentar, setStatusCommentar] = useState("");
 
   const dataDummy = {
     name: "Bagas",
@@ -78,7 +76,7 @@ export default function ForumDetail() {
             key={i}
             data={e}
             setOpenDrawer={setOpenDrawerCommentar}
-            setStatus={setStatusCommentar}
+
           />
         ))}
       </ViewWrapper>
@@ -145,16 +143,34 @@ export default function ForumDetail() {
         isVisible={openDrawerCommentar}
         closeDrawer={() => setOpenDrawerCommentar(false)}
       >
-        <Forum_MenuDrawerBerandaSection
+        <Forum_MenuDrawerCommentar
           id={id as string}
-          status={statusCommentar}
           setIsDrawerOpen={() => {
             setOpenDrawerCommentar(false);
           }}
           setShowDeleteAlert={setDeleteAlert}
-          setShowAlertStatus={setAlertStatus}
         />
       </DrawerCustom>
+
+      {/* Alert Delete Commentar */}
+      <AlertCustom
+        isVisible={deleteAlert}
+        title="Hapus Komentar"
+        message="Apakah Anda yakin ingin menghapus komentar ini?"
+        onLeftPress={() => {
+          setOpenDrawerCommentar(false);
+          setDeleteAlert(false);
+          console.log("Batal");
+        }}
+        onRightPress={() => {
+          setOpenDrawerCommentar(false);
+          setDeleteAlert(false);
+          console.log("Hapus commentar");
+        }}
+        textLeft="Batal"
+        textRight="Hapus"
+        colorRight={MainColor.red}
+      />
     </>
   );
 }
diff --git a/app/(application)/(user)/forum/[id]/other-report-commentar.tsx b/app/(application)/(user)/forum/[id]/other-report-commentar.tsx
new file mode 100644
index 0000000..7eb56c3
--- /dev/null
+++ b/app/(application)/(user)/forum/[id]/other-report-commentar.tsx
@@ -0,0 +1,32 @@
+import {
+  BoxButtonOnFooter,
+  ButtonCustom,
+  TextAreaCustom,
+  ViewWrapper,
+} from "@/components";
+import { MainColor } from "@/constants/color-palet";
+import { router } from "expo-router";
+
+export default function ForumOtherReportCommentar() {
+  const handleSubmit = (
+    <BoxButtonOnFooter>
+      <ButtonCustom
+        backgroundColor={MainColor.red}
+        textColor={MainColor.white}
+        onPress={() => {
+          console.log("Report lainnya");
+          router.back();
+        }}
+      >
+        Report
+      </ButtonCustom>
+    </BoxButtonOnFooter>
+  );
+  return (
+    <>
+      <ViewWrapper footerComponent={handleSubmit}>
+        <TextAreaCustom placeholder="Laporkan Komentar" />
+      </ViewWrapper>
+    </>
+  );
+}
diff --git a/app/(application)/(user)/forum/[id]/other-report-posting.tsx b/app/(application)/(user)/forum/[id]/other-report-posting.tsx
new file mode 100644
index 0000000..dfdb255
--- /dev/null
+++ b/app/(application)/(user)/forum/[id]/other-report-posting.tsx
@@ -0,0 +1,32 @@
+import {
+  BoxButtonOnFooter,
+  ButtonCustom,
+  TextAreaCustom,
+  ViewWrapper,
+} from "@/components";
+import { MainColor } from "@/constants/color-palet";
+import { router } from "expo-router";
+
+export default function ForumOtherReportPosting() {
+  const handleSubmit = (
+    <BoxButtonOnFooter>
+      <ButtonCustom
+        backgroundColor={MainColor.red}
+        textColor={MainColor.white}
+        onPress={() => {
+          console.log("Report lainnya");
+          router.back();
+        }}
+      >
+        Report
+      </ButtonCustom>
+    </BoxButtonOnFooter>
+  );
+  return (
+    <>
+      <ViewWrapper footerComponent={handleSubmit}>
+        <TextAreaCustom placeholder="Laporkan Diskusi" />
+      </ViewWrapper>
+    </>
+  );
+}
diff --git a/app/(application)/(user)/forum/[id]/report-commentar.tsx b/app/(application)/(user)/forum/[id]/report-commentar.tsx
new file mode 100644
index 0000000..d476fcb
--- /dev/null
+++ b/app/(application)/(user)/forum/[id]/report-commentar.tsx
@@ -0,0 +1,40 @@
+import {
+    ButtonCustom,
+    StackCustom,
+    ViewWrapper
+} from "@/components";
+import { AccentColor, MainColor } from "@/constants/color-palet";
+import Forum_ReportListSection from "@/screens/Forum/ReportListSection";
+import { router } from "expo-router";
+
+export default function ForumReportCommentar() {
+  return (
+    <>
+      <ViewWrapper>
+        <StackCustom>
+          <Forum_ReportListSection />
+          <ButtonCustom
+            backgroundColor={MainColor.red}
+            textColor={MainColor.white}
+            onPress={() => {
+              console.log("Report");
+              router.back();
+            }}
+          >
+            Report
+          </ButtonCustom>
+          <ButtonCustom
+            backgroundColor={AccentColor.blue}
+            textColor={MainColor.white}
+            onPress={() => {
+              console.log("Lainnya");
+              router.replace("/forum/[id]/other-report-commentar");
+            }}
+          >
+            Lainnya
+          </ButtonCustom>
+        </StackCustom>
+      </ViewWrapper>
+    </>
+  );
+}
diff --git a/app/(application)/(user)/forum/[id]/report-posting.tsx b/app/(application)/(user)/forum/[id]/report-posting.tsx
new file mode 100644
index 0000000..4180c76
--- /dev/null
+++ b/app/(application)/(user)/forum/[id]/report-posting.tsx
@@ -0,0 +1,36 @@
+import { ViewWrapper, StackCustom, ButtonCustom } from "@/components";
+import { MainColor, AccentColor } from "@/constants/color-palet";
+import Forum_ReportListSection from "@/screens/Forum/ReportListSection";
+import { router } from "expo-router";
+
+export default function ForumReportPosting() {
+    return (
+      <>
+        <ViewWrapper>
+          <StackCustom>
+            <Forum_ReportListSection />
+            <ButtonCustom
+              backgroundColor={MainColor.red}
+              textColor={MainColor.white}
+              onPress={() => {
+                console.log("Report");
+                router.back();
+              }}
+            >
+              Report
+            </ButtonCustom>
+            <ButtonCustom
+              backgroundColor={AccentColor.blue}
+              textColor={MainColor.white}
+              onPress={() => {
+                console.log("Lainnya");
+                router.replace("/forum/[id]/other-report-posting");
+              }}
+            >
+              Lainnya
+            </ButtonCustom>
+          </StackCustom>
+        </ViewWrapper>
+      </>
+    );
+}
\ No newline at end of file
diff --git a/lib/dummy-data/forum/report-list.tsx b/lib/dummy-data/forum/report-list.tsx
new file mode 100644
index 0000000..b4b5cc4
--- /dev/null
+++ b/lib/dummy-data/forum/report-list.tsx
@@ -0,0 +1,26 @@
+export const listDummyReportForum = [
+  {
+    title: "Kebencian",
+    desc: "Cercaan, Stereotip rasis atau seksis, Dehumanisasi, Menyulut ketakutan atau diskriminasi, Referensi kebencian, Simbol & logo kebencian",
+  },
+  {
+    title: "Penghinaan & Pelecehan secara Online",
+    desc: "Penghinaan, Konten Seksual yang Tidak Diinginkan, Penyangkalan Peristiwa Kekerasan, Pelecehan Bertarget dan Memprovokasi Pelecehan",
+  },
+  {
+    title: "Tutur Kekerasan",
+    desc: "Ancaman Kekerasan, Berharap Terjadinya Celaka, Mengagungkan Kekerasan, Penghasutan Kekerasan, Penghasutan Kekerasan dengan Kode",
+  },
+  {
+    title: "Keselamatan Anak",
+    desc: "Eksploitasi seks anak di bawah umur, grooming, kekerasan fisik terhadap anak, pengguna di bawah umur",
+  },
+  {
+    title: "Privasi",
+    desc: "Membagikan informasi pribadi, mengancam akan membagikan/menyebarkan informasi pribadi, membagikan gambar intim tanpa persetujuan, membagikan gambar saya yang tidak saya kehendaki di platform ini",
+  },
+  {
+    title: "Spam",
+    desc: "Akun palsu, penipuan keuangan, memposting tautan berbahaya, menyalahgunakan hashtag, keterlibatan palsu, balasan berulang, Posting Ulang, atau Direct Message",
+  },
+];
diff --git a/screens/Forum/CommentarBoxSection.tsx b/screens/Forum/CommentarBoxSection.tsx
index e7f8f15..3b9890a 100644
--- a/screens/Forum/CommentarBoxSection.tsx
+++ b/screens/Forum/CommentarBoxSection.tsx
@@ -1,10 +1,10 @@
 import {
-  BaseBox,
-  Grid,
   AvatarCustom,
-  TextCustom,
+  BaseBox,
   ClickableCustom,
+  Grid,
   Spacing,
+  TextCustom,
 } from "@/components";
 import { MainColor } from "@/constants/color-palet";
 import { ICON_SIZE_SMALL } from "@/constants/constans-value";
@@ -14,11 +14,9 @@ import { View } from "react-native";
 export default function Forum_CommentarBoxSection({
   data,
   setOpenDrawer,
-  setStatus,
 }: {
   data: any;
   setOpenDrawer: (value: boolean) => void;
-  setStatus: (value: string) => void;
 }) {
   return (
     <>
@@ -46,7 +44,6 @@ export default function Forum_CommentarBoxSection({
               <ClickableCustom
                 onPress={() => {
                   setOpenDrawer(true);
-                  setStatus(data.status);
                 }}
                 style={{
                   alignItems: "flex-end",
diff --git a/screens/Forum/ListPage.tsx b/screens/Forum/ListPage.tsx
index 8052660..bd5e544 100644
--- a/screens/Forum/ListPage.tsx
+++ b/screens/Forum/ListPage.tsx
@@ -2,7 +2,7 @@ import { MainColor } from "@/constants/color-palet";
 import { ICON_SIZE_SMALL } from "@/constants/constans-value";
 import { Feather, Ionicons } from "@expo/vector-icons";
 
-export { drawerItemsForumBeranda };
+export { drawerItemsForumBeranda, drawerItemsForumComentar };
 
 const drawerItemsForumBeranda = ({
   id,
@@ -11,6 +11,15 @@ const drawerItemsForumBeranda = ({
   id: string;
   status: string;
 }) => [
+  {
+    icon: (
+      <Ionicons name="flag" size={ICON_SIZE_SMALL} color={MainColor.white} />
+    ),
+    label: "Laporkan diskusi",
+    // color: MainColor.white,
+    path: `/forum/${id}/report-posting`,
+  },
+    
   {
     icon: (
       <Feather name="edit" size={ICON_SIZE_SMALL} color={MainColor.white} />
@@ -39,3 +48,22 @@ const drawerItemsForumBeranda = ({
     color: MainColor.red,
   },
 ];
+
+const drawerItemsForumComentar = ({ id }: { id: string }) => [
+  {
+    icon: (
+      <Ionicons name="flag" size={ICON_SIZE_SMALL} color={MainColor.white} />
+    ),
+    label: "Laporkan",
+    // color: MainColor.white,
+    path: `/forum/${id}/report-commentar`,
+  },
+  {
+    icon: (
+      <Ionicons name="trash" size={ICON_SIZE_SMALL} color={MainColor.white} />
+    ),
+    label: "Hapus",
+    color: MainColor.red,
+    path: "",
+  },
+];
diff --git a/screens/Forum/MenuDrawerSection.tsx/MenuCommentar.tsx b/screens/Forum/MenuDrawerSection.tsx/MenuCommentar.tsx
index e69de29..047b509 100644
--- a/screens/Forum/MenuDrawerSection.tsx/MenuCommentar.tsx
+++ b/screens/Forum/MenuDrawerSection.tsx/MenuCommentar.tsx
@@ -0,0 +1,33 @@
+import { MenuDrawerDynamicGrid } from "@/components";
+import { drawerItemsForumComentar } from "../ListPage";
+import { router } from "expo-router";
+
+export default function Forum_MenuDrawerCommentar({
+  id,
+  setShowDeleteAlert,
+  setIsDrawerOpen,
+}: {
+  id: string;
+  setShowDeleteAlert: (value: boolean) => void;
+  setIsDrawerOpen: (value: boolean) => void;
+}) {
+  const handlePress = (item: any) => {
+    if (item.label === "Hapus") {
+      setShowDeleteAlert(true);
+    } else {
+      router.push(item.path as any);
+    }
+
+    setIsDrawerOpen(false);
+  };
+
+  return (
+    <>
+      <MenuDrawerDynamicGrid
+        data={drawerItemsForumComentar({ id })}
+        columns={4}
+        onPressItem={handlePress}
+      />
+    </>
+  );
+}
diff --git a/screens/Forum/ReportListSection.tsx b/screens/Forum/ReportListSection.tsx
new file mode 100644
index 0000000..806c5d5
--- /dev/null
+++ b/screens/Forum/ReportListSection.tsx
@@ -0,0 +1,20 @@
+import { BaseBox, StackCustom, TextCustom } from "@/components";
+import { listDummyReportForum } from "@/lib/dummy-data/forum/report-list";
+import { View } from "react-native";
+
+export default function Forum_ReportListSection() {
+  return (
+    <>
+      <BaseBox>
+        <StackCustom>
+          {listDummyReportForum.map((e, i) => (
+            <View key={i}>
+              <TextCustom>{e.title}</TextCustom>
+              <TextCustom>{e.desc}</TextCustom>
+            </View>
+          ))}
+        </StackCustom>
+      </BaseBox>
+    </>
+  );
+}

From 3376336c559703f6a67dc4836c384236dc9bcb3e Mon Sep 17 00:00:00 2001
From: Bagasbanuna02 <bagasbanuna02@gmail.com>
Date: Tue, 15 Jul 2025 12:01:28 +0800
Subject: [PATCH 54/64] Deskripsi: - new comp : Radio - fix comp : Text area >
 placeholder diatas - fix page : report forum sudah pakai radio

# No Issue
---
 .../(user)/forum/[id]/forumku.tsx             |   6 +-
 app/(application)/(user)/forum/[id]/index.tsx |  22 +--
 .../(user)/forum/[id]/report-commentar.tsx    |   2 +
 .../(user)/forum/[id]/report-posting.tsx      |   3 +-
 components/Radio/RadioCustom.tsx              | 132 ++++++++++++++++++
 components/TextArea/TextAreaCustom.tsx        |   2 +-
 screens/Forum/ReportListSection.tsx           |  35 ++++-
 styles/global-styles.ts                       |  18 ++-
 8 files changed, 192 insertions(+), 28 deletions(-)
 create mode 100644 components/Radio/RadioCustom.tsx

diff --git a/app/(application)/(user)/forum/[id]/forumku.tsx b/app/(application)/(user)/forum/[id]/forumku.tsx
index 83d080c..06d48ec 100644
--- a/app/(application)/(user)/forum/[id]/forumku.tsx
+++ b/app/(application)/(user)/forum/[id]/forumku.tsx
@@ -11,7 +11,7 @@ import {
 } from "@/components";
 import { MainColor } from "@/constants/color-palet";
 import Forum_BoxDetailSection from "@/screens/Forum/DiscussionBoxSection";
-import { listDataDummyCommentarForum } from "@/screens/Forum/list-data-dummy";
+import { listDummyDiscussionForum } from "@/screens/Forum/list-data-dummy";
 import Forum_MenuDrawerBerandaSection from "@/screens/Forum/MenuDrawerSection.tsx/MenuBeranda";
 import { useLocalSearchParams } from "expo-router";
 import { useState } from "react";
@@ -47,12 +47,14 @@ export default function Forumku() {
               </ButtonCustom>
             </Grid.Col>
           </Grid>
-          {listDataDummyCommentarForum.map((e, i) => (
+          {listDummyDiscussionForum.map((e, i) => (
             <Forum_BoxDetailSection
               key={i}
               data={e}
               setOpenDrawer={setOpenDrawer}
               setStatus={setStatus}
+              isTruncate={true}
+              href={`/forum/${id}`}
             />
           ))}
         </StackCustom>
diff --git a/app/(application)/(user)/forum/[id]/index.tsx b/app/(application)/(user)/forum/[id]/index.tsx
index 7d9fbdf..a02fb8c 100644
--- a/app/(application)/(user)/forum/[id]/index.tsx
+++ b/app/(application)/(user)/forum/[id]/index.tsx
@@ -1,10 +1,10 @@
 import {
-    AlertCustom,
-    ButtonCustom,
-    DrawerCustom,
-    Spacing,
-    TextAreaCustom,
-    ViewWrapper
+  AlertCustom,
+  ButtonCustom,
+  DrawerCustom,
+  Spacing,
+  TextAreaCustom,
+  ViewWrapper,
 } from "@/components";
 import { MainColor } from "@/constants/color-palet";
 import Forum_CommentarBoxSection from "@/screens/Forum/CommentarBoxSection";
@@ -26,6 +26,7 @@ export default function ForumDetail() {
 
   // Comentar
   const [openDrawerCommentar, setOpenDrawerCommentar] = useState(false);
+  const [alertDeleteCommentar, setAlertDeleteCommentar] = useState(false);
 
   const dataDummy = {
     name: "Bagas",
@@ -76,7 +77,6 @@ export default function ForumDetail() {
             key={i}
             data={e}
             setOpenDrawer={setOpenDrawerCommentar}
-
           />
         ))}
       </ViewWrapper>
@@ -148,23 +148,23 @@ export default function ForumDetail() {
           setIsDrawerOpen={() => {
             setOpenDrawerCommentar(false);
           }}
-          setShowDeleteAlert={setDeleteAlert}
+          setShowDeleteAlert={setAlertDeleteCommentar}
         />
       </DrawerCustom>
 
       {/* Alert Delete Commentar */}
       <AlertCustom
-        isVisible={deleteAlert}
+        isVisible={alertDeleteCommentar}
         title="Hapus Komentar"
         message="Apakah Anda yakin ingin menghapus komentar ini?"
         onLeftPress={() => {
           setOpenDrawerCommentar(false);
-          setDeleteAlert(false);
+          setAlertDeleteCommentar(false);
           console.log("Batal");
         }}
         onRightPress={() => {
           setOpenDrawerCommentar(false);
-          setDeleteAlert(false);
+          setAlertDeleteCommentar(false);
           console.log("Hapus commentar");
         }}
         textLeft="Batal"
diff --git a/app/(application)/(user)/forum/[id]/report-commentar.tsx b/app/(application)/(user)/forum/[id]/report-commentar.tsx
index d476fcb..01caa28 100644
--- a/app/(application)/(user)/forum/[id]/report-commentar.tsx
+++ b/app/(application)/(user)/forum/[id]/report-commentar.tsx
@@ -1,5 +1,6 @@
 import {
     ButtonCustom,
+    Spacing,
     StackCustom,
     ViewWrapper
 } from "@/components";
@@ -33,6 +34,7 @@ export default function ForumReportCommentar() {
           >
             Lainnya
           </ButtonCustom>
+          <Spacing/>
         </StackCustom>
       </ViewWrapper>
     </>
diff --git a/app/(application)/(user)/forum/[id]/report-posting.tsx b/app/(application)/(user)/forum/[id]/report-posting.tsx
index 4180c76..309e7cc 100644
--- a/app/(application)/(user)/forum/[id]/report-posting.tsx
+++ b/app/(application)/(user)/forum/[id]/report-posting.tsx
@@ -1,4 +1,4 @@
-import { ViewWrapper, StackCustom, ButtonCustom } from "@/components";
+import { ViewWrapper, StackCustom, ButtonCustom, Spacing } from "@/components";
 import { MainColor, AccentColor } from "@/constants/color-palet";
 import Forum_ReportListSection from "@/screens/Forum/ReportListSection";
 import { router } from "expo-router";
@@ -29,6 +29,7 @@ export default function ForumReportPosting() {
             >
               Lainnya
             </ButtonCustom>
+            <Spacing />
           </StackCustom>
         </ViewWrapper>
       </>
diff --git a/components/Radio/RadioCustom.tsx b/components/Radio/RadioCustom.tsx
new file mode 100644
index 0000000..1dd8405
--- /dev/null
+++ b/components/Radio/RadioCustom.tsx
@@ -0,0 +1,132 @@
+// components/Radio.tsx
+import { GStyles } from '@/styles/global-styles';
+import React, { createContext, useCallback, useContext } from 'react';
+import {
+    StyleSheet,
+    Text,
+    TextStyle,
+    TouchableOpacity,
+    View,
+    ViewStyle
+} from 'react-native';
+
+// ========================
+// Types
+// ========================
+
+type RadioContextType = {
+  value: string;
+  onChange: (value: string) => void;
+};
+
+const RadioContext = createContext<RadioContextType | undefined>(undefined);
+
+interface RadioGroupProps {
+  value: string;
+  onChange: (value: string) => void;
+  children: React.ReactNode;
+  style?: ViewStyle;
+}
+
+interface RadioProps {
+  label: string;
+  value: string | number;
+  disabled?: boolean;
+  style?: ViewStyle;
+  labelStyle?: TextStyle;
+}
+
+// ========================
+// Components
+// ========================
+
+export const RadioGroup: React.FC<RadioGroupProps> = ({ value, onChange, children, style }) => {
+  const contextValue = {
+    value,
+    onChange,
+  };
+
+  return <RadioContext.Provider value={contextValue}>{children}</RadioContext.Provider>;
+};
+
+export const RadioCustom: React.FC<RadioProps> = ({ label, value, disabled = false, style, labelStyle }) => {
+  const context = useContext(RadioContext);
+  if (!context) {
+    throw new Error('Radio must be used inside a RadioGroup');
+  }
+
+  const { value: selectedValue, onChange } = context;
+
+  const handlePress = useCallback(() => {
+    if (!disabled && selectedValue !== value) {
+      onChange(value as any);
+    }
+  }, [disabled, selectedValue, value, onChange]);
+
+  const isSelected = selectedValue === value;
+
+  return (
+    <TouchableOpacity
+      style={[styles.radioContainer, style]}
+      onPress={handlePress}
+      disabled={disabled}
+    >
+      {/* Circle */}
+      <View
+        style={[styles.outerCircle, isSelected && styles.outerCircleChecked]}
+      >
+        <View
+          style={[styles.innerCircle, isSelected && styles.innerCircleChecked]}
+        />
+      </View>
+
+      {/* Label */}
+      <Text
+        style={[
+          GStyles.textLabelBold,
+          labelStyle,
+          disabled && GStyles.inputTextDisabled,
+        ]}
+      >
+        {label}
+      </Text>
+    </TouchableOpacity>
+  );
+};
+
+// ========================
+// Styles
+// ========================
+
+const styles = StyleSheet.create({
+  radioContainer: {
+    flexDirection: 'row',
+    alignItems: 'center',
+    marginVertical: 8,
+  },
+  outerCircle: {
+    height: 24,
+    width: 24,
+    borderRadius: 12,
+    borderWidth: 2,
+    borderColor: '#3B82F6',
+    justifyContent: 'center',
+    alignItems: 'center',
+    marginRight: 10,
+  },
+  outerCircleChecked: {
+    backgroundColor: '#3B82F6',
+  },
+  innerCircle: {
+    height: 12,
+    width: 12,
+    borderRadius: 6,
+    backgroundColor: 'transparent',
+  },
+  innerCircleChecked: {
+    backgroundColor: 'white',
+    borderColor: 'white',
+    borderRadius: 6,
+  },
+  
+});
\ No newline at end of file
diff --git a/components/TextArea/TextAreaCustom.tsx b/components/TextArea/TextAreaCustom.tsx
index 5b4d979..8f271f2 100644
--- a/components/TextArea/TextAreaCustom.tsx
+++ b/components/TextArea/TextAreaCustom.tsx
@@ -105,7 +105,7 @@ const TextAreaCustom: React.FC<TextAreaCustomProps> = ({
           multiline
           numberOfLines={numberOfLines}
           style={[
-            GStyles.inputText,
+            // GStyles.inputText,
             GStyles.textAreaInput,
             { color: fontColor },
           ]}
diff --git a/screens/Forum/ReportListSection.tsx b/screens/Forum/ReportListSection.tsx
index 806c5d5..c54b143 100644
--- a/screens/Forum/ReportListSection.tsx
+++ b/screens/Forum/ReportListSection.tsx
@@ -1,18 +1,39 @@
-import { BaseBox, StackCustom, TextCustom } from "@/components";
+import { BaseBox, ButtonCustom, StackCustom, TextCustom } from "@/components";
+import { RadioCustom, RadioGroup } from "@/components/Radio/RadioCustom";
+import { MainColor } from "@/constants/color-palet";
 import { listDummyReportForum } from "@/lib/dummy-data/forum/report-list";
+import { router } from "expo-router";
+import { useState } from "react";
 import { View } from "react-native";
 
 export default function Forum_ReportListSection() {
+  const [value, setValue] = useState<any | number>("");
   return (
     <>
       <BaseBox>
         <StackCustom>
-          {listDummyReportForum.map((e, i) => (
-            <View key={i}>
-              <TextCustom>{e.title}</TextCustom>
-              <TextCustom>{e.desc}</TextCustom>
-            </View>
-          ))}
+          <RadioGroup value={value} onChange={setValue}>
+            {listDummyReportForum.map((e, i) => (
+              <View key={i}>
+                <RadioCustom
+                  label={e.title}
+                  //  value={i}
+                  value={e.title}
+                />
+                <TextCustom>{e.desc}</TextCustom>
+              </View>
+            ))}
+          </RadioGroup>
+
+          {/* <ButtonCustom
+            backgroundColor={MainColor.red}
+            textColor={MainColor.white}
+            onPress={() => {
+              console.log("Report", value);
+            }}
+          >
+            Report
+          </ButtonCustom> */}
         </StackCustom>
       </BaseBox>
     </>
diff --git a/styles/global-styles.ts b/styles/global-styles.ts
index 7615425..b5644a0 100644
--- a/styles/global-styles.ts
+++ b/styles/global-styles.ts
@@ -44,17 +44,16 @@ export const GStyles = StyleSheet.create({
   },
   floatingContainer: {
     position: "absolute",
-    bottom: 80,
+    bottom: 100,
     right: 20,
     zIndex: 8,
   },
 
-  // Style saat disabled
+  // =============== Disabled Styles =============== //
   disabledBox: {
     backgroundColor: MainColor.disabled,
     borderColor: AccentColor.disabledBorder,
   },
-
   inputDisabled: {
     backgroundColor: "#f0f0f0",
     borderColor: "#ddd",
@@ -65,7 +64,7 @@ export const GStyles = StyleSheet.create({
   inputPlaceholderDisabled: {
     color: "#444",
   },
-  // =============== Main Styles =============== //
+  // =============== Disabled Styles =============== //
 
   // =============== AUTHENTICATION =============== //
   authContainer: {
@@ -94,6 +93,11 @@ export const GStyles = StyleSheet.create({
     color: MainColor.white_gray,
     fontWeight: "normal",
   },
+  textLabelBold: {
+    fontSize: TEXT_SIZE_MEDIUM,
+    color: MainColor.white_gray,
+    fontWeight: "bold",
+  },
   // =============== TEXT & LABEL =============== //
 
   // =============== STACK HEADER =============== //
@@ -284,8 +288,10 @@ export const GStyles = StyleSheet.create({
   //  TextArea untuk tambahan
   textAreaInput: {
     textAlignVertical: "top",
-    padding: 5,
-    height: undefined, // biar multiline bebas tinggi
+    paddingTop: 10,
+    // height: undefined, // biar multiline bebas tinggi
+    height: 100,
+    width: "100%",
   },
 
   // Select

From 24913a9f9750a560630f95c90c423475bcd520c8 Mon Sep 17 00:00:00 2001
From: Bagasbanuna02 <bagasbanuna02@gmail.com>
Date: Tue, 15 Jul 2025 14:13:08 +0800
Subject: [PATCH 55/64] deskripsi: Fix: portofolio: alert hapus porto Fix:
 profile create hapus text input alamat & edit ganti select jenis kelamin Fix:
 menu forum Fix:  button porto

# No Issue
---
 .../(user)/portofolio/[id]/index.tsx          | 23 ++++++++++++--
 .../(user)/profile/[id]/create.tsx            |  9 +-----
 .../(user)/profile/[id]/edit.tsx              | 31 +++++++------------
 screens/Forum/ListPage.tsx                    |  8 ++---
 screens/Portofolio/ButtonDelete.tsx           |  8 +++--
 screens/Portofolio/PorfofolioSection.tsx      |  8 +++--
 6 files changed, 49 insertions(+), 38 deletions(-)

diff --git a/app/(application)/(user)/portofolio/[id]/index.tsx b/app/(application)/(user)/portofolio/[id]/index.tsx
index b9baa62..beec8d5 100644
--- a/app/(application)/(user)/portofolio/[id]/index.tsx
+++ b/app/(application)/(user)/portofolio/[id]/index.tsx
@@ -1,4 +1,4 @@
-import { DrawerCustom } from "@/components";
+import { AlertCustom, DrawerCustom } from "@/components";
 import LeftButtonCustom from "@/components/Button/BackButton";
 import ViewWrapper from "@/components/_ShareComponent/ViewWrapper";
 import { MainColor } from "@/constants/color-palet";
@@ -7,13 +7,14 @@ import Portofolio_MenuDrawerSection from "@/screens/Portofolio/MenuDrawer";
 import PorfofolioSection from "@/screens/Portofolio/PorfofolioSection";
 import { GStyles } from "@/styles/global-styles";
 import { Ionicons } from "@expo/vector-icons";
-import { Stack, useLocalSearchParams } from "expo-router";
+import { Stack, useLocalSearchParams, router } from "expo-router";
 import { useState } from "react";
 import { TouchableOpacity } from "react-native";
 
 export default function Portofolio() {
   const { id } = useLocalSearchParams();
   const [isDrawerOpen, setIsDrawerOpen] = useState(false);
+  const [deleteAlert, setDeleteAlert] = useState(false);
 
   const openDrawer = () => {
     setIsDrawerOpen(true);
@@ -42,7 +43,7 @@ export default function Portofolio() {
             headerTitleStyle: GStyles.headerTitleStyle,
           }}
         />
-        <PorfofolioSection />
+        <PorfofolioSection setShowDeleteAlert={setDeleteAlert} />
       </ViewWrapper>
 
       {/* Drawer Komponen Eksternal */}
@@ -56,6 +57,22 @@ export default function Portofolio() {
           setIsDrawerOpen={setIsDrawerOpen}
         />
       </DrawerCustom>
+
+      {/* Alert Delete */}
+      <AlertCustom
+        isVisible={deleteAlert}
+        onLeftPress={() => setDeleteAlert(false)}
+        onRightPress={() => {
+          setDeleteAlert(false);
+          console.log("Hapus portofolio");
+          router.back();
+        }}
+        title="Hapus Portofolio"
+        message="Apakah Anda yakin ingin menghapus portofolio ini?"
+        textLeft="Batal"
+        textRight="Hapus"
+        colorRight={MainColor.red}
+      />
     </>
   );
 }
diff --git a/app/(application)/(user)/profile/[id]/create.tsx b/app/(application)/(user)/profile/[id]/create.tsx
index f0d2343..a8d2792 100644
--- a/app/(application)/(user)/profile/[id]/create.tsx
+++ b/app/(application)/(user)/profile/[id]/create.tsx
@@ -103,14 +103,7 @@ export default function CreateProfile() {
           required
           onChange={(value) => setData({ ...(data as any), gender: value })}
         />
-        <TextInputCustom
-          required
-          label="Alamat"
-          placeholder="Masukkan alamat"
-          value={data.address}
-          onChangeText={(text) => setData({ ...data, address: text })}
-        />
-        {/* <Spacing /> */}
+        <Spacing />
       </StackCustom>
     </ViewWrapper>
   );
diff --git a/app/(application)/(user)/profile/[id]/edit.tsx b/app/(application)/(user)/profile/[id]/edit.tsx
index 3ed0078..d0ae6c9 100644
--- a/app/(application)/(user)/profile/[id]/edit.tsx
+++ b/app/(application)/(user)/profile/[id]/edit.tsx
@@ -22,15 +22,8 @@ export default function ProfileEdit() {
   });
 
   const options = [
-    { label: "React", value: "react" },
-    { label: "Vue", value: "vue" },
-    { label: "Angular", value: "angular" },
-    { label: "Svelte", value: "svelte" },
-    { label: "Next.js", value: "nextjs" },
-    { label: "Nuxt.js", value: "nuxtjs" },
-    { label: "Remix", value: "remix" },
-    { label: "Sapper", value: "sapper" },
-    { label: "SvelteKit", value: "sveltekit" },
+    { label: "Laki-laki", value: "laki-laki" },
+    { label: "Perempuan", value: "perempuan" },
   ];
 
   const handleSave = () => {
@@ -59,16 +52,6 @@ export default function ProfileEdit() {
       }
     >
       <StackCustom gap={"xs"}>
-        <SelectCustom
-          label="Framework"
-          placeholder="Pilih framework favoritmu"
-          data={options}
-          value={data.selectedValue}
-          onChange={(value) => {
-            setData({ ...(data as any), selectedValue: value });
-          }}
-        />
-
         <TextInputCustom
           label="Nama"
           placeholder="Nama"
@@ -96,6 +79,16 @@ export default function ProfileEdit() {
           }}
           required
         />
+        <SelectCustom
+          required
+          label="Jenis Kelamin"
+          placeholder="Pilih jenis kelamin"
+          data={options}
+          value={data.selectedValue}
+          onChange={(value) => {
+            setData({ ...(data as any), selectedValue: value });
+          }}
+        />
       </StackCustom>
     </ViewWrapper>
   );
diff --git a/screens/Forum/ListPage.tsx b/screens/Forum/ListPage.tsx
index bd5e544..3415231 100644
--- a/screens/Forum/ListPage.tsx
+++ b/screens/Forum/ListPage.tsx
@@ -30,14 +30,14 @@ const drawerItemsForumBeranda = ({
   {
     icon:
       status === "Open" ? (
-        <Ionicons name="open" size={ICON_SIZE_SMALL} color={MainColor.white} />
-      ) : (
         <Ionicons name="close" size={ICON_SIZE_SMALL} color={MainColor.white} />
+      ) : (
+        <Ionicons name="open" size={ICON_SIZE_SMALL} color={MainColor.white} />
       ),
 
-    label: status === "Open" ? "Buka forum" : "Tutup forum",
+    label: status === "Open" ? "Tutup forum" : "Buka forum",
     path: "",
-    color: status === "Open" ? MainColor.green : MainColor.orange,
+    color: status === "Open" ? MainColor.orange : MainColor.green,
   },
   {
     icon: (
diff --git a/screens/Portofolio/ButtonDelete.tsx b/screens/Portofolio/ButtonDelete.tsx
index fb2c6f7..39ae5df 100644
--- a/screens/Portofolio/ButtonDelete.tsx
+++ b/screens/Portofolio/ButtonDelete.tsx
@@ -2,9 +2,13 @@ import { ButtonCustom } from "@/components";
 import { MainColor } from "@/constants/color-palet";
 import { Ionicons } from "@expo/vector-icons";
 
-export default function Portofolio_ButtonDelete() {
+export default function Portofolio_ButtonDelete({
+  setShowDeleteAlert,
+}: {
+  setShowDeleteAlert: (value: boolean) => void;
+}) {
   const handleDelete = () => {
-    console.log("Delete");
+    setShowDeleteAlert(true);
   };
   return (
     <ButtonCustom textColor={MainColor.white} iconLeft={<Ionicons name="trash-outline" size={20} color="white" />} onPress={handleDelete} backgroundColor={MainColor.red}>
diff --git a/screens/Portofolio/PorfofolioSection.tsx b/screens/Portofolio/PorfofolioSection.tsx
index a945e40..fa02046 100644
--- a/screens/Portofolio/PorfofolioSection.tsx
+++ b/screens/Portofolio/PorfofolioSection.tsx
@@ -4,13 +4,17 @@ import Portofolio_Data from "./DataPortofolio";
 import Portofolio_SocialMediaSection from "./SocialMediaSection";
 import Portofolio_ButtonDelete from "./ButtonDelete";
 
-export default function PorfofolioSection() {
+export default function PorfofolioSection({
+  setShowDeleteAlert,
+}: {
+  setShowDeleteAlert: (value: boolean) => void;
+}) {
   return (
     <StackCustom>
       <Portofolio_Data />
       <Portofolio_BusinessLocation />
       <Portofolio_SocialMediaSection />
-      <Portofolio_ButtonDelete/>
+      <Portofolio_ButtonDelete setShowDeleteAlert={setShowDeleteAlert}/>
       <Spacing/>
     </StackCustom>
   );

From 2be5afe5ca1fe9ec3cd3e52add163c5bab7204b2 Mon Sep 17 00:00:00 2001
From: Bagasbanuna02 <bagasbanuna02@gmail.com>
Date: Tue, 15 Jul 2025 14:15:33 +0800
Subject: [PATCH 56/64] Fix: register text input

---
 screens/Authentication/LoginView.tsx    | 4 ++--
 screens/Authentication/RegisterView.tsx | 2 +-
 2 files changed, 3 insertions(+), 3 deletions(-)

diff --git a/screens/Authentication/LoginView.tsx b/screens/Authentication/LoginView.tsx
index 525f850..2eaf36d 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/Authentication/RegisterView.tsx b/screens/Authentication/RegisterView.tsx
index 53c5001..e9dc27e 100644
--- a/screens/Authentication/RegisterView.tsx
+++ b/screens/Authentication/RegisterView.tsx
@@ -1,7 +1,7 @@
 import Spacing from "@/components/_ShareComponent/Spacing";
 import ViewWrapper from "@/components/_ShareComponent/ViewWrapper";
 import ButtonCustom from "@/components/Button/ButtonCustom";
-import { TextInputCustom } from "@/components/TextInput/TextInputCustom";
+import TextInputCustom from "@/components/TextInput/TextInputCustom";
 import { MainColor } from "@/constants/color-palet";
 import { GStyles } from "@/styles/global-styles";
 import { MaterialCommunityIcons } from "@expo/vector-icons";

From 9999f78ed41da56c302387616cef41461b76ee42 Mon Sep 17 00:00:00 2001
From: Bagasbanuna02 <bagasbanuna02@gmail.com>
Date: Tue, 15 Jul 2025 15:21:41 +0800
Subject: [PATCH 57/64] deskripsi: Feat: event create Fix: tabs event

# No Issue
---
 app/(application)/(user)/_layout.tsx          |  7 +++
 .../(user)/event/(tabs)/_layout.tsx           | 42 +++++++++++-----
 .../(user)/event/(tabs)/index.tsx             |  7 ++-
 app/(application)/(user)/event/create.tsx     | 50 +++++++++++++++++++
 components/TextArea/TextAreaCustom.tsx        | 12 ++---
 lib/dummy-data/event/master-type-event.tsx    |  8 +++
 screens/Authentication/LoginView.tsx          |  5 +-
 7 files changed, 109 insertions(+), 22 deletions(-)
 create mode 100644 app/(application)/(user)/event/create.tsx
 create mode 100644 lib/dummy-data/event/master-type-event.tsx

diff --git a/app/(application)/(user)/_layout.tsx b/app/(application)/(user)/_layout.tsx
index 00bba14..beff31a 100644
--- a/app/(application)/(user)/_layout.tsx
+++ b/app/(application)/(user)/_layout.tsx
@@ -76,6 +76,13 @@ export default function UserLayout() {
             ),
           }}
         />
+        <Stack.Screen
+          name="event/create"
+          options={{
+            title: "Tambah Event",
+            headerLeft: () => <BackButton />,
+          }}
+        />
 
         <Stack.Screen
           name="event/detail/[id]"
diff --git a/app/(application)/(user)/event/(tabs)/_layout.tsx b/app/(application)/(user)/event/(tabs)/_layout.tsx
index 89996cd..20516df 100644
--- a/app/(application)/(user)/event/(tabs)/_layout.tsx
+++ b/app/(application)/(user)/event/(tabs)/_layout.tsx
@@ -1,6 +1,7 @@
-import { MainColor } from "@/constants/color-palet";
+import { AccentColor, MainColor } from "@/constants/color-palet";
 import { FontAwesome5, Ionicons } from "@expo/vector-icons";
 import { Tabs } from "expo-router";
+import { Platform, View } from "react-native";
 
 export default function EventLayout() {
   return (
@@ -9,18 +10,20 @@ export default function EventLayout() {
         headerShown: false,
         tabBarActiveTintColor: MainColor.yellow,
         tabBarInactiveTintColor: MainColor.white_gray,
-        tabBarStyle: {
-          backgroundColor: MainColor.darkblue,
-        },
-        //   tabBarButton: HapticTab,
-        //   tabBarBackground: BlurTabBarBackground,
-        //   tabBarStyle: Platform.select({
-        //     ios: {
-        //       // Use a transparent background on iOS to show the blur effect
-        //       position: "absolute",
-        //     },
-        //     default: {},
-        //   }),
+        tabBarBackground: CustomTabBarBackground,
+        tabBarStyle: Platform.select({
+          ios: {
+            borderTopWidth: 0,
+            paddingTop: 5,
+            height: 65,
+          },
+          android: {
+            borderTopWidth: 0,
+            paddingTop: 5,
+            height: 115,
+          },
+          default: {},
+        }),
       }}
     >
       <Tabs.Screen
@@ -62,3 +65,16 @@ export default function EventLayout() {
     </Tabs>
   );
 }
+
+function CustomTabBarBackground() {
+  return (
+    <View
+      style={{
+        flex: 1,
+        backgroundColor: MainColor.darkblue,
+        borderTopWidth: 1,
+        borderTopColor: AccentColor.blue,
+      }}
+    />
+  );
+}
diff --git a/app/(application)/(user)/event/(tabs)/index.tsx b/app/(application)/(user)/event/(tabs)/index.tsx
index 97b9b0b..7c8f8de 100644
--- a/app/(application)/(user)/event/(tabs)/index.tsx
+++ b/app/(application)/(user)/event/(tabs)/index.tsx
@@ -1,4 +1,5 @@
 import ViewWrapper from "@/components/_ShareComponent/ViewWrapper";
+import FloatingButton from "@/components/Button/FloatingButton";
 import { AccentColor, MainColor } from "@/constants/color-palet";
 import { GStyles } from "@/styles/global-styles";
 import { router } from "expo-router";
@@ -6,7 +7,11 @@ import { Text, TouchableHighlight, View } from "react-native";
 
 export default function Event() {
   return (
-    <ViewWrapper>
+    <ViewWrapper
+      floatingButton={
+        <FloatingButton onPress={() => router.push("/event/create")} />
+      }
+    >
       <TouchableHighlight onPress={() => router.push("/event/detail/1")}>
         <View
           style={{
diff --git a/app/(application)/(user)/event/create.tsx b/app/(application)/(user)/event/create.tsx
new file mode 100644
index 0000000..6966ea4
--- /dev/null
+++ b/app/(application)/(user)/event/create.tsx
@@ -0,0 +1,50 @@
+import {
+    BoxButtonOnFooter,
+    ButtonCustom,
+    SelectCustom,
+    StackCustom,
+    TextAreaCustom,
+    TextInputCustom,
+    ViewWrapper
+} from "@/components";
+import { masterTypeEvent } from "@/lib/dummy-data/event/master-type-event";
+
+export default function EventCreate() {
+  const buttonSubmit = (
+    <BoxButtonOnFooter>
+      <ButtonCustom title="Simpan" onPress={() => console.log("Simpan")} />
+    </BoxButtonOnFooter>
+  );
+  return (
+    <>
+      <ViewWrapper footerComponent={buttonSubmit}>
+        <StackCustom gap={"xs"}>
+          <TextInputCustom
+            label="Nama Event"
+            placeholder="Masukkan nama event"
+            required
+          />
+          <SelectCustom
+            label="Tipe Event"
+            placeholder="Pilih tipe event"
+            data={masterTypeEvent}
+            onChange={(value) => console.log(value)}
+          />
+          <TextInputCustom
+            label="Lokasi"
+            placeholder="Masukkan lokasi event"
+            required
+          />
+
+          <TextAreaCustom
+            label="Deskripsi"
+            placeholder="Masukkan deskripsi event"
+            required
+            showCount
+            maxLength={100}
+          />
+        </StackCustom>
+      </ViewWrapper>
+    </>
+  );
+}
diff --git a/components/TextArea/TextAreaCustom.tsx b/components/TextArea/TextAreaCustom.tsx
index 8f271f2..848e8cb 100644
--- a/components/TextArea/TextAreaCustom.tsx
+++ b/components/TextArea/TextAreaCustom.tsx
@@ -1,11 +1,11 @@
 import { GStyles } from "@/styles/global-styles";
 import React, { useEffect, useState } from "react";
 import {
-    TextInput as RNTextInput,
-    StyleProp,
-    Text,
-    View,
-    ViewStyle,
+  TextInput as RNTextInput,
+  StyleProp,
+  Text,
+  View,
+  ViewStyle,
 } from "react-native";
 
 type IconType = React.ReactNode | string;
@@ -79,7 +79,7 @@ const TextAreaCustom: React.FC<TextAreaCustomProps> = ({
   };
 
   return (
-    <View style={GStyles.inputContainerArea}>
+    <View style={[GStyles.inputContainerArea]}>
       {label && (
         <Text style={GStyles.inputLabel}>
           {label}
diff --git a/lib/dummy-data/event/master-type-event.tsx b/lib/dummy-data/event/master-type-event.tsx
new file mode 100644
index 0000000..0fd6051
--- /dev/null
+++ b/lib/dummy-data/event/master-type-event.tsx
@@ -0,0 +1,8 @@
+export const masterTypeEvent = [
+  { label: "Seminar", value: "seminar" },
+  { label: "Workshop", value: "workshop" },
+  { label: "Lomba", value: "lomba" },
+  { label: "Pameran", value: "pameran" },
+  { label: "Kegiatan Sosial", value: "kegiatan_sosial" },
+  { label: "Musyawarah", value: "musyawarah" },
+];
diff --git a/screens/Authentication/LoginView.tsx b/screens/Authentication/LoginView.tsx
index 2eaf36d..aac55c3 100644
--- a/screens/Authentication/LoginView.tsx
+++ b/screens/Authentication/LoginView.tsx
@@ -30,12 +30,13 @@ 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}`);
+    // router.replace("/(application)/(user)/event/(tabs)");
   }
 
   return (

From e68d366d496778aa57433d6cf9d017ad781f66fd Mon Sep 17 00:00:00 2001
From: Bagasbanuna02 <bagasbanuna02@gmail.com>
Date: Tue, 15 Jul 2025 15:30:11 +0800
Subject: [PATCH 58/64] Deskripsi: Fix: ViewWrapper tinggi footer Style:
 Constan value untuk tinggi footer per OS

# No Issue
---
 app/(application)/(user)/event/(tabs)/_layout.tsx |  5 +++--
 components/_ShareComponent/ViewWrapper.tsx        |  2 ++
 constants/constans-value.ts                       | 10 ++++++++++
 3 files changed, 15 insertions(+), 2 deletions(-)

diff --git a/app/(application)/(user)/event/(tabs)/_layout.tsx b/app/(application)/(user)/event/(tabs)/_layout.tsx
index 20516df..9bb699b 100644
--- a/app/(application)/(user)/event/(tabs)/_layout.tsx
+++ b/app/(application)/(user)/event/(tabs)/_layout.tsx
@@ -1,4 +1,5 @@
 import { AccentColor, MainColor } from "@/constants/color-palet";
+import { OS_IOS_HEIGHT, OS_ANDROID_HEIGHT } from "@/constants/constans-value";
 import { FontAwesome5, Ionicons } from "@expo/vector-icons";
 import { Tabs } from "expo-router";
 import { Platform, View } from "react-native";
@@ -15,12 +16,12 @@ export default function EventLayout() {
           ios: {
             borderTopWidth: 0,
             paddingTop: 5,
-            height: 65,
+            height: OS_IOS_HEIGHT,
           },
           android: {
             borderTopWidth: 0,
             paddingTop: 5,
-            height: 115,
+            height: OS_ANDROID_HEIGHT,
           },
           default: {},
         }),
diff --git a/components/_ShareComponent/ViewWrapper.tsx b/components/_ShareComponent/ViewWrapper.tsx
index 2a67e35..17204ee 100644
--- a/components/_ShareComponent/ViewWrapper.tsx
+++ b/components/_ShareComponent/ViewWrapper.tsx
@@ -1,4 +1,5 @@
 import { MainColor } from "@/constants/color-palet";
+import { OS_HEIGHT } from "@/constants/constans-value";
 import { GStyles } from "@/styles/global-styles";
 import {
   ImageBackground,
@@ -71,6 +72,7 @@ const ViewWrapper = ({
             edges={["bottom"]}
             style={{
               backgroundColor: MainColor.darkblue,
+              height: OS_HEIGHT
             }}
           >
             {footerComponent}
diff --git a/constants/constans-value.ts b/constants/constans-value.ts
index ae0f626..edebd4c 100644
--- a/constants/constans-value.ts
+++ b/constants/constans-value.ts
@@ -1,4 +1,9 @@
+import { Platform } from "react-native";
+
 export {
+  OS_ANDROID_HEIGHT,
+  OS_IOS_HEIGHT,
+  OS_HEIGHT,
   TEXT_SIZE_SMALL,
   TEXT_SIZE_MEDIUM,
   TEXT_SIZE_LARGE,
@@ -13,6 +18,11 @@ export {
   PADDING_LARGE,
 };
 
+// OS Height
+const OS_ANDROID_HEIGHT = 115
+const OS_IOS_HEIGHT = 65
+const OS_HEIGHT = Platform.OS === "ios" ? OS_IOS_HEIGHT : OS_ANDROID_HEIGHT
+
 // Text Size
 const TEXT_SIZE_SMALL = 12;
 const TEXT_SIZE_MEDIUM = 14;

From eaf0ebfb0a5e1fdc47806ec167ea384b14c4d0b7 Mon Sep 17 00:00:00 2001
From: Bagasbanuna02 <bagasbanuna02@gmail.com>
Date: Thu, 17 Jul 2025 17:21:31 +0800
Subject: [PATCH 59/64] feature Deskripsi: try component: Date input

---
 app/(application)/(user)/event/create.tsx     |  86 ++++++++-
 bun.lock                                      |   3 +
 components/DateInput/DateTimeIOS.tsx          | 165 ++++++++++++++++++
 components/DateInput/DateTimePickerCustom.tsx | 143 +++++++++++++++
 components/DateInput/DateTimeTry.tsx          |  70 ++++++++
 components/Text/TextCustom.tsx                |   6 +-
 package.json                                  |   1 +
 screens/Authentication/LoginView.tsx          |   4 +-
 8 files changed, 466 insertions(+), 12 deletions(-)
 create mode 100644 components/DateInput/DateTimeIOS.tsx
 create mode 100644 components/DateInput/DateTimePickerCustom.tsx
 create mode 100644 components/DateInput/DateTimeTry.tsx

diff --git a/app/(application)/(user)/event/create.tsx b/app/(application)/(user)/event/create.tsx
index 6966ea4..6e21b09 100644
--- a/app/(application)/(user)/event/create.tsx
+++ b/app/(application)/(user)/event/create.tsx
@@ -1,27 +1,85 @@
+/* eslint-disable import/no-duplicates */
+/* eslint-disable @typescript-eslint/no-unused-vars */
 import {
-    BoxButtonOnFooter,
-    ButtonCustom,
-    SelectCustom,
-    StackCustom,
-    TextAreaCustom,
-    TextInputCustom,
-    ViewWrapper
+  BoxButtonOnFooter,
+  ButtonCustom,
+  SelectCustom,
+  Spacing,
+  StackCustom,
+  TextAreaCustom,
+  TextCustom,
+  TextInputCustom,
+  ViewWrapper,
 } from "@/components";
+import DateTimeInput from "@/components/DateInput/DateTimeIOS";
+import DateTimePickerCustom from "@/components/DateInput/DateTimePickerCustom";
 import { masterTypeEvent } from "@/lib/dummy-data/event/master-type-event";
+import { DateTimePickerEvent } from "@react-native-community/datetimepicker";
+import React, { useState } from "react";
+import { Platform, StyleSheet } from "react-native";
 
 export default function EventCreate() {
+  const [selectedDateIOS, setSelectedDateIOS] = useState<DateTimePickerEvent>();
+  const [selectDateAndroid, setSelectDateAndroid] = useState<Date>(new Date());
+  const [selectedTimeAndroid, setSelectedTimeAndroid] = useState<Date>(
+    new Date()
+  );
+
+  const handlerSubmit = () => {
+    console.log("Simpan");
+    const combined = new Date(selectDateAndroid);
+    combined.setHours(selectedTimeAndroid.getHours());
+    combined.setMinutes(selectedTimeAndroid.getMinutes());
+    combined.setSeconds(selectedTimeAndroid.getSeconds());
+    combined.setMilliseconds(selectedTimeAndroid.getMilliseconds());
+
+    const newDate = Platform.OS === "ios" ? selectedDateIOS : combined;
+    console.log(`newDate ${Platform.OS} > `, newDate);
+  };
+
   const buttonSubmit = (
     <BoxButtonOnFooter>
-      <ButtonCustom title="Simpan" onPress={() => console.log("Simpan")} />
+      <ButtonCustom title="Simpan" onPress={handlerSubmit} />
     </BoxButtonOnFooter>
   );
+
+  const time = () => {
+    return (
+      <>
+        {Platform.OS === "ios" ? (
+          <DateTimeInput
+            label="Tanggal Event"
+            value={selectedDateIOS}
+            onChange={(date: DateTimePickerEvent) => {
+              setSelectedDateIOS(date);
+            }}
+            required
+          />
+        ) : (
+          <DateTimePickerCustom
+            dateValue={selectDateAndroid}
+            timeValue={selectedTimeAndroid}
+            onChangeDate={(date: Date) => {
+              setSelectDateAndroid(date);
+            }}
+            onChangeTime={(time: Date) => {
+              setSelectedTimeAndroid(time);
+            }}
+          />
+        )}
+      </>
+    );
+  };
+
   return (
     <>
       <ViewWrapper footerComponent={buttonSubmit}>
+        <TextCustom>Test Datetime</TextCustom>
+
         <StackCustom gap={"xs"}>
           <TextInputCustom
-            label="Nama Event"
             placeholder="Masukkan nama event"
+            label="Nama Event"
             required
           />
           <SelectCustom
@@ -36,6 +94,8 @@ export default function EventCreate() {
             required
           />
 
+          {time()}
+
           <TextAreaCustom
             label="Deskripsi"
             placeholder="Masukkan deskripsi event"
@@ -48,3 +108,11 @@ export default function EventCreate() {
     </>
   );
 }
+
+const styles = StyleSheet.create({
+  container: {
+    flex: 1,
+    justifyContent: "center",
+    // padding: 20,
+  },
+});
diff --git a/bun.lock b/bun.lock
index b1ed911..b4e7cb5 100644
--- a/bun.lock
+++ b/bun.lock
@@ -5,6 +5,7 @@
       "name": "hipmi-mobile",
       "dependencies": {
         "@expo/vector-icons": "^14.1.0",
+        "@react-native-community/datetimepicker": "8.4.1",
         "@react-navigation/bottom-tabs": "^7.4.2",
         "@react-navigation/drawer": "^7.5.2",
         "@react-navigation/elements": "^2.3.8",
@@ -372,6 +373,8 @@
 
     "@radix-ui/react-slot": ["@radix-ui/react-slot@1.2.0", "", { "dependencies": { "@radix-ui/react-compose-refs": "1.1.2" }, "peerDependencies": { "@types/react": "*", "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc" } }, "sha512-ujc+V6r0HNDviYqIK3rW4ffgYiZ8g5DEHrGJVk4x7kTlLXRDILnKX9vAUYeIsLOoDpDJ0ujpqMkjH4w2ofuo6w=="],
 
+    "@react-native-community/datetimepicker": ["@react-native-community/datetimepicker@8.4.1", "", { "dependencies": { "invariant": "^2.2.4" }, "peerDependencies": { "expo": ">=52.0.0", "react": "*", "react-native": "*", "react-native-windows": "*" }, "optionalPeers": ["expo", "react-native-windows"] }, "sha512-DrK+CUS5fZnz8dhzBezirkzQTcNDdaXer3oDLh0z4nc2tbdIdnzwvXCvi8IEOIvleoc9L95xS5tKUl0/Xv71Mg=="],
+
     "@react-native/assets-registry": ["@react-native/assets-registry@0.79.5", "", {}, "sha512-N4Kt1cKxO5zgM/BLiyzuuDNquZPiIgfktEQ6TqJ/4nKA8zr4e8KJgU6Tb2eleihDO4E24HmkvGc73naybKRz/w=="],
 
     "@react-native/babel-plugin-codegen": ["@react-native/babel-plugin-codegen@0.79.5", "", { "dependencies": { "@babel/traverse": "^7.25.3", "@react-native/codegen": "0.79.5" } }, "sha512-Rt/imdfqXihD/sn0xnV4flxxb1aLLjPtMF1QleQjEhJsTUPpH4TFlfOpoCvsrXoDl4OIcB1k4FVM24Ez92zf5w=="],
diff --git a/components/DateInput/DateTimeIOS.tsx b/components/DateInput/DateTimeIOS.tsx
new file mode 100644
index 0000000..eff0cf5
--- /dev/null
+++ b/components/DateInput/DateTimeIOS.tsx
@@ -0,0 +1,165 @@
+/* eslint-disable @typescript-eslint/no-unused-vars */
+// DateTimeInput.tsx
+import DateTimePicker, {
+  DateTimePickerEvent,
+} from "@react-native-community/datetimepicker";
+import React, { useState } from "react";
+import {
+  Button,
+  Platform,
+  Text,
+  TouchableOpacity,
+  View,
+  StyleProp,
+  ViewStyle,
+} from "react-native";
+import ButtonCustom from "../Button/ButtonCustom";
+import TextCustom from "../Text/TextCustom";
+import dayjs from "dayjs";
+import TextInputCustom from "../TextInput/TextInputCustom";
+import { GStyles } from "@/styles/global-styles";
+import ButtonCenteredOnly from "../Button/ButtonCenteredOnly";
+import Spacing from "../_ShareComponent/Spacing";
+import Grid from "../Grid/GridCustom";
+import { Ionicons } from "@expo/vector-icons";
+import ClickableCustom from "../Clickable/ClickableCustom";
+import { AccentColor, MainColor } from "@/constants/color-palet";
+
+interface DateTimeInputProps {
+  // Main
+  value?: DateTimePickerEvent;
+  mode?: "date" | "time";
+  onChange: (selectedDate: DateTimePickerEvent) => void;
+  // Main
+  label?: string;
+  required?: boolean;
+  disabled?: boolean;
+  iconLeft?: React.ReactNode;
+  style?: StyleProp<ViewStyle>;
+  borderRadius?: number;
+  externalError?: string;
+  internalError?: string;
+  containerStyle?: StyleProp<ViewStyle>;
+}
+
+const DateTimeInput: React.FC<DateTimeInputProps> = ({
+  // Main
+  value,
+  mode,
+  onChange,
+  // Main
+  label,
+  required,
+  disabled,
+  iconLeft,
+  style,
+  borderRadius = 8,
+  externalError,
+  internalError,
+  containerStyle,
+}) => {
+  const [show, setShow] = useState(false);
+  const [selectedDate, setSelectedDate] = useState<Date | undefined>(
+    value as any
+  );
+
+  const handleConfirm = (event: any, date?: Date) => {
+    if (event.type === "set" && date !== undefined) {
+      setSelectedDate(date);
+      onChange(date as any);
+    }
+  };
+
+  const handlePress = () => {
+    setShow(!show);
+  };
+
+  return (
+    <>
+      <ClickableCustom
+        activeOpacity={0.8}
+        style={[GStyles.inputContainerArea, containerStyle]}
+        onPress={handlePress}
+      >
+        {label && (
+          <Text style={GStyles.inputLabel}>
+            {label}
+            {required && <Text style={GStyles.inputRequired}> *</Text>}
+          </Text>
+        )}
+        <View
+          style={[
+            style,
+            { borderRadius },
+            externalError || internalError ? GStyles.inputErrorBorder : null,
+            GStyles.inputContainerInput,
+            disabled && GStyles.disabledBox,
+          ]}
+        >
+          <View style={GStyles.inputIcon}>
+            <Ionicons
+              name="calendar-outline"
+              size={20}
+              color={MainColor.placeholder}
+            />
+          </View>
+
+          <TextCustom color="gray">
+            {selectedDate ? (
+              <TextCustom color="black">
+                {dayjs(selectedDate).format("DD-MM-YYYY HH:mm")}
+              </TextCustom>
+            ) : (
+              "Pilih tanggal"
+            )}
+          </TextCustom>
+        </View>
+        {externalError ||
+          (internalError && (
+            <Text style={GStyles.inputErrorMessage}>
+              {externalError || internalError}
+            </Text>
+          ))}
+      </ClickableCustom>
+
+      {show && (
+        <>
+          <View
+            style={{
+              position: "absolute",
+              zIndex: 15,
+              backgroundColor: "white",
+              borderRadius: 8,
+              padding: 10,
+              // top: 0,
+              bottom: 0,
+              left: 0,
+              right: 0,
+              borderColor: "#ccc",
+              borderWidth: 1,
+            }}
+          >
+            <View style={{ alignItems: "flex-end" }}>
+              <Ionicons
+                name="close"
+                size={20}
+                color="black"
+                onPress={() => setShow(false)}
+              />
+            </View>
+
+            <DateTimePicker
+              value={selectedDate || new Date()}
+              mode={"datetime"}
+              display="inline"
+              onChange={handleConfirm}
+              minimumDate={new Date(Date.now())} // 30 days from now
+            />
+          </View>
+        </>
+      )}
+    </>
+  );
+};
+
+export default DateTimeInput;
diff --git a/components/DateInput/DateTimePickerCustom.tsx b/components/DateInput/DateTimePickerCustom.tsx
new file mode 100644
index 0000000..d65d8b9
--- /dev/null
+++ b/components/DateInput/DateTimePickerCustom.tsx
@@ -0,0 +1,143 @@
+/* eslint-disable @typescript-eslint/no-unused-vars */
+import React, { useState } from "react";
+import { Pressable, Text, View, StyleSheet } from "react-native";
+import DateTimePicker, {
+  DateTimePickerEvent,
+} from "@react-native-community/datetimepicker";
+import { GStyles } from "@/styles/global-styles";
+import { TEXT_SIZE_MEDIUM } from "@/constants/constans-value";
+import { MainColor } from "@/constants/color-palet";
+import Grid from "../Grid/GridCustom";
+import TextCustom from "../Text/TextCustom";
+
+type Props = {
+  dateValue?: Date;
+  timeValue?: Date;
+  onChangeDate: (date: Date) => void;
+  onChangeTime: (time: Date) => void;
+};
+
+const DateTimePickerCustom: React.FC<Props> = ({
+  dateValue,
+  timeValue,
+  onChangeDate,
+  onChangeTime,
+}) => {
+  const [showDate, setShowDate] = useState(false);
+  const [showTime, setShowTime] = useState(false);
+
+  const toggleDatePicker = () => {
+    setShowDate(!showDate);
+  };
+
+  const toggleTimePicker = () => {
+    setShowTime(!showTime);
+  };
+
+  const handleConfirmDate = (
+    event: DateTimePickerEvent,
+    selectedDate?: Date
+  ) => {
+    if (event.type === "set" && selectedDate !== undefined) {
+      onChangeDate(selectedDate);
+    }
+    setShowDate(false);
+  };
+
+  const handleConfirmTime = (
+    event: DateTimePickerEvent,
+    selectedTime?: Date
+  ) => {
+    if (event.type === "set" && selectedTime !== undefined) {
+      onChangeTime(selectedTime);
+    }
+    setShowTime(false);
+  };
+
+  return (
+    <>
+      {/* <Pressable onPress={toggleDatePicker} style={[GStyles.inputContainerInput, {borderRadius: 8} ]}>
+        <Text style={styles.buttonText}>
+          {value ? value.toLocaleDateString() : "Pilih tanggal"}
+        </Text>
+      </Pressable> */}
+
+      <View
+        style={{
+          paddingBlock: 6,
+          paddingInline: 12,
+          borderRadius: 8,
+          backgroundColor: MainColor.white,
+        }}
+      >
+        <Grid
+          containerStyle={{
+            borderRadius: 8,
+            justifyContent: "center",
+            alignItems: "center",
+          }}
+        >
+          <Grid.Col span={6} style={{}}>
+            <Pressable onPress={toggleDatePicker}>
+              <Text style={styles.buttonText}>
+                {dateValue ? dateValue.toLocaleDateString() : "Pilih tanggal"}
+              </Text>
+            </Pressable>
+          </Grid.Col>
+          <Grid.Col span={1} style={{ alignItems: "center" }}>
+            <TextCustom>|</TextCustom>
+          </Grid.Col>
+
+          <Grid.Col span={5} style={{}}>
+            <Pressable onPress={toggleTimePicker}>
+              <Text style={styles.buttonText}>
+                {timeValue ? timeValue.toLocaleTimeString("id-ID", { minute: "2-digit", hour: "2-digit" }) : "Pilih waktu"}
+              </Text>
+            </Pressable>
+          </Grid.Col>
+        </Grid>
+      </View>
+
+      {showDate && (
+        <DateTimePicker
+          testID="dateTimePicker"
+          value={dateValue || new Date()}
+          mode="date"
+          is24Hour={true}
+          display="default"
+          onChange={handleConfirmDate}
+        />
+      )}
+
+      {showTime && (
+        <DateTimePicker
+          testID="dateTimePicker"
+          value={timeValue || new Date()}
+          mode="time"
+          is24Hour={true}
+          display="default"
+          onChange={handleConfirmTime}
+        />
+      )}
+    </>
+  );
+};
+
+const styles = StyleSheet.create({
+  button: {
+    paddingVertical: 12,
+    paddingHorizontal: 20,
+    backgroundColor: "#007AFF",
+    borderRadius: 8,
+    alignItems: "center",
+    justifyContent: "center",
+    marginVertical: 10,
+  },
+  buttonText: {
+    color: MainColor.black,
+    fontSize: TEXT_SIZE_MEDIUM,
+    // fontWeight: "bold",
+  },
+});
+
+export default DateTimePickerCustom;
diff --git a/components/DateInput/DateTimeTry.tsx b/components/DateInput/DateTimeTry.tsx
new file mode 100644
index 0000000..8607752
--- /dev/null
+++ b/components/DateInput/DateTimeTry.tsx
@@ -0,0 +1,70 @@
+import React, { useState } from "react";
+import { Pressable, Text, StyleSheet } from "react-native";
+import DateTimePicker, { Event } from "@react-native-community/datetimepicker";
+
+type Props = {
+  value?: Date;
+  mode?: "date" | "time" | "datetime";
+  onChange: (date: Date) => void;
+};
+
+const DateTimePickerTry: React.FC<Props> = ({
+  value = new Date(),
+  mode = "date",
+  onChange,
+}) => {
+  const [show, setShow] = useState(false);
+
+  const toggleDatePicker = () => {
+    setShow(!show);
+  };
+
+  const handleConfirm = (event: Event, selectedDate?: Date) => {
+    if (event.type === "set" && selectedDate !== undefined) {
+      onChange(selectedDate);
+    }
+    setShow(false);
+  };
+
+  return (
+    <>
+      <Pressable onPress={toggleDatePicker} style={styles.button}>
+        <Text style={styles.buttonText}>
+          {value ? value.toLocaleDateString() : "Pilih tanggal"}
+        </Text>
+      </Pressable>
+
+      {show && (
+        <DateTimePicker
+        //   style={styles.button}
+          textColor="white"
+          testID="dateTimePicker"
+          value={value}
+          mode={mode}
+          is24Hour={true}
+          display="default"
+          onChange={handleConfirm as any}
+        />
+      )}
+    </>
+  );
+};
+
+const styles = StyleSheet.create({
+  button: {
+    paddingVertical: 12,
+    paddingHorizontal: 20,
+    backgroundColor: "white",
+    borderRadius: 8,
+    alignItems: "center",
+    justifyContent: "center",
+    marginVertical: 10,
+  },
+  buttonText: {
+    color: "white",
+    fontSize: 16,
+    fontWeight: "bold",
+  },
+});
+
+export default DateTimePickerTry;
diff --git a/components/Text/TextCustom.tsx b/components/Text/TextCustom.tsx
index ff2882e..66cc8ba 100644
--- a/components/Text/TextCustom.tsx
+++ b/components/Text/TextCustom.tsx
@@ -22,7 +22,7 @@ interface TextCustomProps {
   bold?: boolean;
   semiBold?: boolean;
   size?: "default" | "large" | "small";
-  color?: "default" | "yellow" | "red" | "gray" | "green";
+  color?: "default" | "yellow" | "red" | "gray" | "green" | "black"
   align?: TextAlign; // Prop untuk alignment
   truncate?: boolean | number;
   onPress?: () => void;
@@ -58,6 +58,7 @@ const TextCustom: React.FC<TextCustomProps> = ({
     else if (color === "red") selectedStyles.push(styles.red);
     else if (color === "gray") selectedStyles.push(styles.gray);
     else if (color === "green") selectedStyles.push(styles.green);
+    else if (color === "black") selectedStyles.push(styles.black);
 
     // Alignment
     if (align) {
@@ -130,4 +131,7 @@ export const styles = StyleSheet.create({
   green: {
     color: MainColor.green,
   },
+  black: {
+    color: MainColor.black,
+  },
 });
diff --git a/package.json b/package.json
index 4a36f76..96898cc 100644
--- a/package.json
+++ b/package.json
@@ -12,6 +12,7 @@
   },
   "dependencies": {
     "@expo/vector-icons": "^14.1.0",
+    "@react-native-community/datetimepicker": "8.4.1",
     "@react-navigation/bottom-tabs": "^7.4.2",
     "@react-navigation/drawer": "^7.5.2",
     "@react-navigation/elements": "^2.3.8",
diff --git a/screens/Authentication/LoginView.tsx b/screens/Authentication/LoginView.tsx
index aac55c3..7f109a0 100644
--- a/screens/Authentication/LoginView.tsx
+++ b/screens/Authentication/LoginView.tsx
@@ -32,11 +32,11 @@ export default function LoginView() {
 
     // 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}`);
-    // router.replace("/(application)/(user)/event/(tabs)");
+    router.replace("/(application)/(user)/event/(tabs)");
   }
 
   return (

From b8b1efc71ed41e9229b9582342fbe1f80426ff52 Mon Sep 17 00:00:00 2001
From: Bagasbanuna02 <bagasbanuna02@gmail.com>
Date: Fri, 18 Jul 2025 11:48:24 +0800
Subject: [PATCH 60/64] Deskripsi: - New component: Datetime custom, datetime
 android, datetime ios - Fix: event create input datetime

# No Issue
---
 app/(application)/(user)/event/create.tsx     | 112 ++++------
 components/DateInput/DataTimeAndroid.tsx      | 205 ++++++++++++++++++
 components/DateInput/DateTimeIOS.tsx          |  40 ++--
 components/DateInput/DateTimePickerCustom.tsx | 159 +++-----------
 4 files changed, 305 insertions(+), 211 deletions(-)
 create mode 100644 components/DateInput/DataTimeAndroid.tsx

diff --git a/app/(application)/(user)/event/create.tsx b/app/(application)/(user)/event/create.tsx
index 6e21b09..84daa3e 100644
--- a/app/(application)/(user)/event/create.tsx
+++ b/app/(application)/(user)/event/create.tsx
@@ -1,40 +1,43 @@
-/* eslint-disable import/no-duplicates */
-/* eslint-disable @typescript-eslint/no-unused-vars */
 import {
-  BoxButtonOnFooter,
-  ButtonCustom,
-  SelectCustom,
-  Spacing,
-  StackCustom,
-  TextAreaCustom,
-  TextCustom,
-  TextInputCustom,
-  ViewWrapper,
+    BoxButtonOnFooter,
+    ButtonCustom,
+    SelectCustom,
+    StackCustom,
+    TextAreaCustom,
+    TextInputCustom,
+    ViewWrapper,
 } from "@/components";
-import DateTimeInput from "@/components/DateInput/DateTimeIOS";
 import DateTimePickerCustom from "@/components/DateInput/DateTimePickerCustom";
 import { masterTypeEvent } from "@/lib/dummy-data/event/master-type-event";
 import { DateTimePickerEvent } from "@react-native-community/datetimepicker";
 import React, { useState } from "react";
-import { Platform, StyleSheet } from "react-native";
+import { Platform } from "react-native";
 
 export default function EventCreate() {
-  const [selectedDateIOS, setSelectedDateIOS] = useState<DateTimePickerEvent>();
-  const [selectDateAndroid, setSelectDateAndroid] = useState<Date>(new Date());
-  const [selectedTimeAndroid, setSelectedTimeAndroid] = useState<Date>(
-    new Date()
-  );
+  const [selectedDate, setSelectedDate] = useState<
+    Date | DateTimePickerEvent | null
+  >(null);
+
+  const [selectedEndDate, setSelectedEndDate] = useState<
+    Date | DateTimePickerEvent | null
+  >(null);
 
   const handlerSubmit = () => {
-    console.log("Simpan");
-    const combined = new Date(selectDateAndroid);
-    combined.setHours(selectedTimeAndroid.getHours());
-    combined.setMinutes(selectedTimeAndroid.getMinutes());
-    combined.setSeconds(selectedTimeAndroid.getSeconds());
-    combined.setMilliseconds(selectedTimeAndroid.getMilliseconds());
+    if (selectedDate) {
+      console.log("Tanggal yang dipilih:", selectedDate);
+      console.log(`ISO Format ${Platform.OS}:`, selectedDate.toString());
+      // Kirim ke API atau proses lanjutan
+    } else {
+      console.warn("Tanggal belum dipilih");
+    }
 
-    const newDate = Platform.OS === "ios" ? selectedDateIOS : combined;
-    console.log(`newDate ${Platform.OS} > `, newDate);
+    if (selectedEndDate) {
+      console.log("Tanggal yang dipilih:", selectedEndDate);
+      console.log(`ISO Format ${Platform.OS}:`, selectedEndDate.toString());
+      // Kirim ke API atau proses lanjutan
+    } else {
+      console.warn("Tanggal belum dipilih");
+    }
   };
 
   const buttonSubmit = (
@@ -43,39 +46,9 @@ export default function EventCreate() {
     </BoxButtonOnFooter>
   );
 
-  const time = () => {
-    return (
-      <>
-        {Platform.OS === "ios" ? (
-          <DateTimeInput
-            label="Tanggal Event"
-            value={selectedDateIOS}
-            onChange={(date: DateTimePickerEvent) => {
-              setSelectedDateIOS(date);
-            }}
-            required
-          />
-        ) : (
-          <DateTimePickerCustom
-            dateValue={selectDateAndroid}
-            timeValue={selectedTimeAndroid}
-            onChangeDate={(date: Date) => {
-              setSelectDateAndroid(date);
-            }}
-            onChangeTime={(time: Date) => {
-              setSelectedTimeAndroid(time);
-            }}
-          />
-        )}
-      </>
-    );
-  };
-
   return (
     <>
       <ViewWrapper footerComponent={buttonSubmit}>
-        <TextCustom>Test Datetime</TextCustom>
-
         <StackCustom gap={"xs"}>
           <TextInputCustom
             placeholder="Masukkan nama event"
@@ -94,7 +67,24 @@ export default function EventCreate() {
             required
           />
 
-          {time()}
+          <DateTimePickerCustom
+            label="Tanggal & Waktu Mulai"
+            required
+            onChange={(date: Date) => {
+              setSelectedDate(date as any);
+            }}
+            value={selectedDate as any}
+            minimumDate={new Date(Date.now())}
+          />
+
+          <DateTimePickerCustom
+            label="Tanggal & Waktu Berakhir"
+            required
+            onChange={(date: Date) => {
+              setSelectedEndDate(date as any);
+            }}
+            value={selectedEndDate as any}
+          />
 
           <TextAreaCustom
             label="Deskripsi"
@@ -108,11 +98,3 @@ export default function EventCreate() {
     </>
   );
 }
-
-const styles = StyleSheet.create({
-  container: {
-    flex: 1,
-    justifyContent: "center",
-    // padding: 20,
-  },
-});
diff --git a/components/DateInput/DataTimeAndroid.tsx b/components/DateInput/DataTimeAndroid.tsx
new file mode 100644
index 0000000..aafd1a2
--- /dev/null
+++ b/components/DateInput/DataTimeAndroid.tsx
@@ -0,0 +1,205 @@
+/* eslint-disable @typescript-eslint/no-unused-vars */
+// DateTimeInput.tsx
+import { MainColor } from "@/constants/color-palet";
+import { GStyles } from "@/styles/global-styles";
+import { Ionicons } from "@expo/vector-icons";
+import DateTimePicker, {
+  DateTimePickerEvent,
+} from "@react-native-community/datetimepicker";
+import React, { useCallback, useState } from "react";
+import { Pressable, StyleProp, Text, View, ViewStyle } from "react-native";
+import Grid from "../Grid/GridCustom";
+import TextCustom from "../Text/TextCustom";
+
+interface DateTimeInputProps {
+  // Main
+  value?: DateTimePickerEvent;
+  mode?: "date" | "time";
+  onChange: (selectedDate: DateTimePickerEvent) => void;
+  maximumDate?: Date;
+  minimumDate?: Date;
+  // Main
+  label?: string;
+  required?: boolean;
+  disabled?: boolean;
+  iconLeft?: React.ReactNode;
+  style?: StyleProp<ViewStyle>;
+  borderRadius?: number;
+  externalError?: string;
+  internalError?: string;
+  containerStyle?: StyleProp<ViewStyle>;
+}
+
+const DateTimeInput_Android: React.FC<DateTimeInputProps> = ({
+  // Main
+  value,
+  mode,
+  onChange,
+  maximumDate,
+  minimumDate,
+  // Main
+  label,
+  required,
+  disabled,
+  iconLeft,
+  style,
+  borderRadius = 8,
+  externalError,
+  internalError,
+  containerStyle,
+}) => {
+  const [showDate, setShowDate] = useState(false);
+  const [showTime, setShowTime] = useState(false);
+  const [selectedDate, setSelectedDate] = useState<Date>(value as any);
+  const [selectedTime, setSelectedTime] = useState<Date>(value as any);
+
+  // Fungsi untuk menggabungkan tanggal dan waktu
+  const combineDateAndTime = useCallback((date: Date, time: Date): Date => {
+    const combined = new Date(date);
+    combined.setHours(
+      time.getHours(),
+      time.getMinutes(),
+      time.getSeconds(),
+      time.getMilliseconds()
+    );
+    return combined;
+  }, []);
+
+  // Handler untuk tanggal
+  const handleConfirmDate = (event: DateTimePickerEvent, date?: Date) => {
+    if (event.type === "set" && date) {
+      setSelectedDate(date);
+      if (selectedTime) {
+        const combined = combineDateAndTime(date, selectedTime);
+        onChange?.(combined as any);
+      }
+    }
+    setShowDate(false);
+  };
+
+  // Handler untuk waktu
+  const handleConfirmTime = (event: DateTimePickerEvent, time?: Date) => {
+    if (event.type === "set" && time) {
+      setSelectedTime(time);
+      if (selectedDate) {
+        const combined = combineDateAndTime(selectedDate, time);
+        onChange?.(combined as any);
+      }
+    }
+    setShowTime(false);
+  };
+
+  const toggleDatePicker = () => {
+    setShowDate(!showDate);
+  };
+
+  const toggleTimePicker = () => {
+    setShowTime(!showTime);
+  };
+
+  return (
+    <>
+      <View style={[GStyles.inputContainerArea, containerStyle]}>
+        {label && (
+          <Text style={GStyles.inputLabel}>
+            {label}
+            {required && <Text style={GStyles.inputRequired}> *</Text>}
+          </Text>
+        )}
+        <View
+          style={[
+            style,
+            { borderRadius },
+            externalError || internalError ? GStyles.inputErrorBorder : null,
+            GStyles.inputContainerInput,
+            disabled && GStyles.disabledBox,
+          ]}
+        >
+          <View style={GStyles.inputIcon}>
+            <Ionicons
+              name="calendar-outline"
+              size={20}
+              color={MainColor.placeholder}
+            />
+          </View>
+
+          <Grid
+            containerStyle={{
+              borderRadius: 8,
+              justifyContent: "center",
+              alignItems: "center",
+            }}
+          >
+            <Grid.Col span={6} style={{}}>
+              <Pressable onPress={toggleDatePicker}>
+                <TextCustom color="gray">
+                  {selectedDate ? (
+                    <TextCustom color="black">
+                      {selectedDate.toLocaleDateString()}
+                    </TextCustom>
+                  ) : (
+                    "Pilih tanggal"
+                  )}
+                </TextCustom>
+              </Pressable>
+            </Grid.Col>
+            <Grid.Col span={1} style={{ alignItems: "center" }}>
+              <TextCustom color="gray">|</TextCustom>
+            </Grid.Col>
+
+            <Grid.Col span={5} style={{}}>
+              <Pressable onPress={toggleTimePicker}>
+                <TextCustom color="gray">
+                  {selectedTime ? (
+                    <TextCustom color="black">
+                      {selectedTime.toLocaleTimeString("id-ID", {
+                        minute: "2-digit",
+                        hour: "2-digit",
+                      })}
+                    </TextCustom>
+                  ) : (
+                    "Pilih waktu"
+                  )}
+                </TextCustom>
+              </Pressable>
+            </Grid.Col>
+          </Grid>
+        </View>
+        {externalError ||
+          (internalError && (
+            <Text style={GStyles.inputErrorMessage}>
+              {externalError || internalError}
+            </Text>
+          ))}
+      </View>
+
+      {showDate && (
+        <DateTimePicker
+          testID="dateTimePicker"
+          value={selectedDate || new Date()}
+          mode="date"
+          is24Hour={true}
+          display="default"
+          onChange={handleConfirmDate}
+          minimumDate={minimumDate}
+          maximumDate={maximumDate}
+        />
+      )}
+
+      {showTime && (
+        <DateTimePicker
+          testID="dateTimePicker"
+          value={selectedTime || new Date()}
+          mode="time"
+          is24Hour={true}
+          display="default"
+          onChange={handleConfirmTime}
+          minimumDate={minimumDate}
+          maximumDate={maximumDate}
+        />
+      )}
+    </>
+  );
+};
+
+export default DateTimeInput_Android;
diff --git a/components/DateInput/DateTimeIOS.tsx b/components/DateInput/DateTimeIOS.tsx
index eff0cf5..b27a765 100644
--- a/components/DateInput/DateTimeIOS.tsx
+++ b/components/DateInput/DateTimeIOS.tsx
@@ -1,35 +1,28 @@
-/* eslint-disable @typescript-eslint/no-unused-vars */
 // DateTimeInput.tsx
+import { MainColor } from "@/constants/color-palet";
+import { GStyles } from "@/styles/global-styles";
+import { Ionicons } from "@expo/vector-icons";
 import DateTimePicker, {
-  DateTimePickerEvent,
+    DateTimePickerEvent,
 } from "@react-native-community/datetimepicker";
+import dayjs from "dayjs";
 import React, { useState } from "react";
 import {
-  Button,
-  Platform,
-  Text,
-  TouchableOpacity,
-  View,
-  StyleProp,
-  ViewStyle,
+    StyleProp,
+    Text,
+    View,
+    ViewStyle
 } from "react-native";
-import ButtonCustom from "../Button/ButtonCustom";
-import TextCustom from "../Text/TextCustom";
-import dayjs from "dayjs";
-import TextInputCustom from "../TextInput/TextInputCustom";
-import { GStyles } from "@/styles/global-styles";
-import ButtonCenteredOnly from "../Button/ButtonCenteredOnly";
-import Spacing from "../_ShareComponent/Spacing";
-import Grid from "../Grid/GridCustom";
-import { Ionicons } from "@expo/vector-icons";
 import ClickableCustom from "../Clickable/ClickableCustom";
-import { AccentColor, MainColor } from "@/constants/color-palet";
+import TextCustom from "../Text/TextCustom";
 
 interface DateTimeInputProps {
   // Main
   value?: DateTimePickerEvent;
   mode?: "date" | "time";
   onChange: (selectedDate: DateTimePickerEvent) => void;
+  maximumDate?: Date;
+  minimumDate?: Date;
   // Main
   label?: string;
   required?: boolean;
@@ -42,11 +35,13 @@ interface DateTimeInputProps {
   containerStyle?: StyleProp<ViewStyle>;
 }
 
-const DateTimeInput: React.FC<DateTimeInputProps> = ({
+const DateTimeInput_IOS: React.FC<DateTimeInputProps> = ({
   // Main
   value,
   mode,
   onChange,
+  maximumDate,
+  minimumDate,
   // Main
   label,
   required,
@@ -153,7 +148,8 @@ const DateTimeInput: React.FC<DateTimeInputProps> = ({
               mode={"datetime"}
               display="inline"
               onChange={handleConfirm}
-              minimumDate={new Date(Date.now())} // 30 days from now
+              minimumDate={minimumDate}
+              maximumDate={maximumDate}
             />
           </View>
         </>
@@ -162,4 +158,4 @@ const DateTimeInput: React.FC<DateTimeInputProps> = ({
   );
 };
 
-export default DateTimeInput;
+export default DateTimeInput_IOS;
diff --git a/components/DateInput/DateTimePickerCustom.tsx b/components/DateInput/DateTimePickerCustom.tsx
index d65d8b9..9a4814a 100644
--- a/components/DateInput/DateTimePickerCustom.tsx
+++ b/components/DateInput/DateTimePickerCustom.tsx
@@ -1,143 +1,54 @@
-/* eslint-disable @typescript-eslint/no-unused-vars */
-import React, { useState } from "react";
-import { Pressable, Text, View, StyleSheet } from "react-native";
-import DateTimePicker, {
+
+import {
   DateTimePickerEvent,
 } from "@react-native-community/datetimepicker";
-import { GStyles } from "@/styles/global-styles";
-import { TEXT_SIZE_MEDIUM } from "@/constants/constans-value";
-import { MainColor } from "@/constants/color-palet";
-import Grid from "../Grid/GridCustom";
-import TextCustom from "../Text/TextCustom";
+import React from "react";
+import { Platform } from "react-native";
+import DateTimeInput_Android from "./DataTimeAndroid";
+import DateTimeInput_IOS from "./DateTimeIOS";
 
 type Props = {
-  dateValue?: Date;
-  timeValue?: Date;
-  onChangeDate: (date: Date) => void;
-  onChangeTime: (time: Date) => void;
+  value?: Date;
+  onChange?: (date: Date) => void;
+  label?: string;
+  required?: boolean;
+  maximumDate?: Date;
+  minimumDate?: Date;
 };
 
 const DateTimePickerCustom: React.FC<Props> = ({
-  dateValue,
-  timeValue,
-  onChangeDate,
-  onChangeTime,
+  value,
+  onChange,
+  label,
+  required,
+  maximumDate,
+  minimumDate,
 }) => {
-  const [showDate, setShowDate] = useState(false);
-  const [showTime, setShowTime] = useState(false);
-
-  const toggleDatePicker = () => {
-    setShowDate(!showDate);
-  };
-
-  const toggleTimePicker = () => {
-    setShowTime(!showTime);
-  };
-
-  const handleConfirmDate = (
-    event: DateTimePickerEvent,
-    selectedDate?: Date
-  ) => {
-    if (event.type === "set" && selectedDate !== undefined) {
-      onChangeDate(selectedDate);
-    }
-    setShowDate(false);
-  };
-
-  const handleConfirmTime = (
-    event: DateTimePickerEvent,
-    selectedTime?: Date
-  ) => {
-    if (event.type === "set" && selectedTime !== undefined) {
-      onChangeTime(selectedTime);
-    }
-    setShowTime(false);
-  };
-
   return (
     <>
-      {/* <Pressable onPress={toggleDatePicker} style={[GStyles.inputContainerInput, {borderRadius: 8} ]}>
-        <Text style={styles.buttonText}>
-          {value ? value.toLocaleDateString() : "Pilih tanggal"}
-        </Text>
-      </Pressable> */}
-
-      <View
-        style={{
-          paddingBlock: 6,
-          paddingInline: 12,
-          borderRadius: 8,
-          backgroundColor: MainColor.white,
-        }}
-      >
-        <Grid
-          containerStyle={{
-            borderRadius: 8,
-            justifyContent: "center",
-            alignItems: "center",
+      {Platform.OS === "ios" ? (
+        <DateTimeInput_IOS
+          label={label}
+          onChange={(date: DateTimePickerEvent) => {
+            onChange?.(date as any);
           }}
-        >
-          <Grid.Col span={6} style={{}}>
-            <Pressable onPress={toggleDatePicker}>
-              <Text style={styles.buttonText}>
-                {dateValue ? dateValue.toLocaleDateString() : "Pilih tanggal"}
-              </Text>
-            </Pressable>
-          </Grid.Col>
-          <Grid.Col span={1} style={{ alignItems: "center" }}>
-            <TextCustom>|</TextCustom>
-          </Grid.Col>
-
-          <Grid.Col span={5} style={{}}>
-            <Pressable onPress={toggleTimePicker}>
-              <Text style={styles.buttonText}>
-                {timeValue ? timeValue.toLocaleTimeString("id-ID", { minute: "2-digit", hour: "2-digit" }) : "Pilih waktu"}
-              </Text>
-            </Pressable>
-          </Grid.Col>
-        </Grid>
-      </View>
-
-      {showDate && (
-        <DateTimePicker
-          testID="dateTimePicker"
-          value={dateValue || new Date()}
-          mode="date"
-          is24Hour={true}
-          display="default"
-          onChange={handleConfirmDate}
+          required={required}
+          maximumDate={maximumDate}
+          minimumDate={minimumDate}
         />
-      )}
-
-      {showTime && (
-        <DateTimePicker
-          testID="dateTimePicker"
-          value={timeValue || new Date()}
-          mode="time"
-          is24Hour={true}
-          display="default"
-          onChange={handleConfirmTime}
+      ) : (
+        <DateTimeInput_Android
+          label={label}
+          onChange={(date: DateTimePickerEvent) => {
+            onChange?.(date as any);
+          }}
+          required={required}
+          maximumDate={maximumDate}
+          minimumDate={minimumDate}
         />
       )}
     </>
   );
 };
 
-const styles = StyleSheet.create({
-  button: {
-    paddingVertical: 12,
-    paddingHorizontal: 20,
-    backgroundColor: "#007AFF",
-    borderRadius: 8,
-    alignItems: "center",
-    justifyContent: "center",
-    marginVertical: 10,
-  },
-  buttonText: {
-    color: MainColor.black,
-    fontSize: TEXT_SIZE_MEDIUM,
-    // fontWeight: "bold",
-  },
-});
-
 export default DateTimePickerCustom;

From f9e96aa0775555e9a510793a5674ad5d0e43280c Mon Sep 17 00:00:00 2001
From: Bagasbanuna02 <bagasbanuna02@gmail.com>
Date: Fri, 18 Jul 2025 16:30:56 +0800
Subject: [PATCH 61/64] Deskripsi: Fix: event beranda dan status > tampilan
 Feature: create event dan halaman detail status Fix: Basebox: Hide safearea
 kalau ada tabs Fix: TextCustom: Tambah size xlarge Fix: ScrollCustom
 penambhan props value

# No Issue
---
 .../(user)/event/(tabs)/index.tsx             | 153 ++++++++++++++++--
 .../(user)/event/(tabs)/status.tsx            |  60 ++++++-
 .../event/[id]/[detail]/detail-event.tsx      |  69 ++++++++
 app/(application)/(user)/event/create.tsx     |   9 +-
 .../(user)/notifications/index.tsx            |  51 +++---
 components/Box/BaseBox.tsx                    |  30 +++-
 components/Scroll/ScrollCustom.tsx            |   3 +-
 components/Text/TextCustom.tsx                |  11 +-
 components/_ShareComponent/ViewWrapper.tsx    |  18 ++-
 constants/constans-value.ts                   |   2 +
 lib/dummy-data/_master/status.tsx             |   6 +
 screens/Authentication/LoginView.tsx          |   4 +-
 12 files changed, 346 insertions(+), 70 deletions(-)
 create mode 100644 app/(application)/(user)/event/[id]/[detail]/detail-event.tsx
 create mode 100644 lib/dummy-data/_master/status.tsx

diff --git a/app/(application)/(user)/event/(tabs)/index.tsx b/app/(application)/(user)/event/(tabs)/index.tsx
index 7c8f8de..a89cc02 100644
--- a/app/(application)/(user)/event/(tabs)/index.tsx
+++ b/app/(application)/(user)/event/(tabs)/index.tsx
@@ -1,30 +1,151 @@
+import {
+  AvatarCustom,
+  BaseBox,
+  Grid,
+  StackCustom,
+  TextCustom,
+} from "@/components";
 import ViewWrapper from "@/components/_ShareComponent/ViewWrapper";
 import FloatingButton from "@/components/Button/FloatingButton";
-import { AccentColor, MainColor } from "@/constants/color-palet";
-import { GStyles } from "@/styles/global-styles";
 import { router } from "expo-router";
-import { Text, TouchableHighlight, View } from "react-native";
 
 export default function Event() {
+  const index = "test-id-event";
   return (
     <ViewWrapper
+      hideFooter
       floatingButton={
         <FloatingButton onPress={() => router.push("/event/create")} />
       }
     >
-      <TouchableHighlight onPress={() => router.push("/event/detail/1")}>
-        <View
-          style={{
-            padding: 20,
-            backgroundColor: MainColor.darkblue,
-            borderRadius: 10,
-            borderColor: AccentColor.blue,
-            borderWidth: 1,
-          }}
-        >
-          <Text style={GStyles.textLabel}>Event</Text>
-        </View>
-      </TouchableHighlight>
+      {/* {Array.from({ length: 10 }).map((_, index) => (
+        <BaseBox key={index}>
+          <StackCustom gap={"xs"}>
+            <Grid>
+              <Grid.Col span={2}>
+                <AvatarCustom href={`/profile/${index}`} />
+              </Grid.Col>
+              <Grid.Col span={10} style={{ justifyContent: "center" }}>
+                <TextCustom bold>Username</TextCustom>
+              </Grid.Col>
+            </Grid>
+            <TextCustom truncate bold>
+              Lorem ipsum dolor sit
+            </TextCustom>
+            <TextCustom truncate={2}>
+              Lorem ipsum dolor sit amet consectetur adipisicing elit. Porro sed
+              doloremque tempora soluta. Dolorem ex quidem ipsum tempora, ipsa,
+              obcaecati quia suscipit numquam, voluptates commodi porro impedit
+              natus quos doloremque!
+            </TextCustom>
+          </StackCustom>
+        </BaseBox>
+      ))} */}
+      <BaseBox>
+        <StackCustom gap={"xs"}>
+          <Grid>
+            <Grid.Col span={2}>
+              <AvatarCustom href={`/profile/${index}`} />
+            </Grid.Col>
+            <Grid.Col span={10} style={{ justifyContent: "center" }}>
+              <TextCustom bold>Username</TextCustom>
+            </Grid.Col>
+          </Grid>
+          <TextCustom truncate bold>
+            Lorem ipsum dolor sit
+          </TextCustom>
+          <TextCustom truncate={2}>
+            Lorem ipsum dolor sit amet consectetur adipisicing elit. Porro sed
+            doloremque tempora soluta. Dolorem ex quidem ipsum tempora, ipsa,
+            obcaecati quia suscipit numquam, voluptates commodi porro impedit
+            natus quos doloremque!
+          </TextCustom>
+        </StackCustom>
+      </BaseBox>
+      <BaseBox>
+        <StackCustom gap={"xs"}>
+          <Grid>
+            <Grid.Col span={2}>
+              <AvatarCustom href={`/profile/${index}`} />
+            </Grid.Col>
+            <Grid.Col span={10} style={{ justifyContent: "center" }}>
+              <TextCustom bold>Username</TextCustom>
+            </Grid.Col>
+          </Grid>
+          <TextCustom truncate bold>
+            Lorem ipsum dolor sit
+          </TextCustom>
+          <TextCustom truncate={2}>
+            Lorem ipsum dolor sit amet consectetur adipisicing elit. Porro sed
+            doloremque tempora soluta. Dolorem ex quidem ipsum tempora, ipsa,
+            obcaecati quia suscipit numquam, voluptates commodi porro impedit
+            natus quos doloremque!
+          </TextCustom>
+        </StackCustom>
+      </BaseBox>
+      <BaseBox>
+        <StackCustom gap={"xs"}>
+          <Grid>
+            <Grid.Col span={2}>
+              <AvatarCustom href={`/profile/${index}`} />
+            </Grid.Col>
+            <Grid.Col span={10} style={{ justifyContent: "center" }}>
+              <TextCustom bold>Username</TextCustom>
+            </Grid.Col>
+          </Grid>
+          <TextCustom truncate bold>
+            Lorem ipsum dolor sit
+          </TextCustom>
+          <TextCustom truncate={2}>
+            Lorem ipsum dolor sit amet consectetur adipisicing elit. Porro sed
+            doloremque tempora soluta. Dolorem ex quidem ipsum tempora, ipsa,
+            obcaecati quia suscipit numquam, voluptates commodi porro impedit
+            natus quos doloremque!
+          </TextCustom>
+        </StackCustom>
+      </BaseBox>
+      <BaseBox>
+        <StackCustom gap={"xs"}>
+          <Grid>
+            <Grid.Col span={2}>
+              <AvatarCustom href={`/profile/${index}`} />
+            </Grid.Col>
+            <Grid.Col span={10} style={{ justifyContent: "center" }}>
+              <TextCustom bold>Username</TextCustom>
+            </Grid.Col>
+          </Grid>
+          <TextCustom truncate bold>
+            Lorem ipsum dolor sit
+          </TextCustom>
+          <TextCustom truncate={2}>
+            Lorem ipsum dolor sit amet consectetur adipisicing elit. Porro sed
+            doloremque tempora soluta. Dolorem ex quidem ipsum tempora, ipsa,
+            obcaecati quia suscipit numquam, voluptates commodi porro impedit
+            natus quos doloremque!
+          </TextCustom>
+        </StackCustom>
+      </BaseBox>
+      <BaseBox>
+        <StackCustom gap={"xs"}>
+          <Grid>
+            <Grid.Col span={2}>
+              <AvatarCustom href={`/profile/${index}`} />
+            </Grid.Col>
+            <Grid.Col span={10} style={{ justifyContent: "center" }}>
+              <TextCustom bold>Username</TextCustom>
+            </Grid.Col>
+          </Grid>
+          <TextCustom truncate bold>
+            Lorem ipsum dolor sit
+          </TextCustom>
+          <TextCustom truncate={2}>
+            Lorem ipsum dolor sit amet consectetur adipisicing elit. Porro sed
+            doloremque tempora soluta. Dolorem ex quidem ipsum tempora, ipsa,
+            obcaecati quia suscipit numquam, voluptates commodi porro impedit
+            natus quos doloremque!
+          </TextCustom>
+        </StackCustom>
+      </BaseBox>
     </ViewWrapper>
   );
 }
diff --git a/app/(application)/(user)/event/(tabs)/status.tsx b/app/(application)/(user)/event/(tabs)/status.tsx
index 9649f6e..7d48aeb 100644
--- a/app/(application)/(user)/event/(tabs)/status.tsx
+++ b/app/(application)/(user)/event/(tabs)/status.tsx
@@ -1,11 +1,63 @@
+import {
+  BaseBox,
+  Grid,
+  ScrollableCustom,
+  StackCustom,
+  TextCustom,
+} from "@/components";
 import ViewWrapper from "@/components/_ShareComponent/ViewWrapper";
-import { GStyles } from "@/styles/global-styles";
-import { Text } from "react-native";
+import { masterStatus } from "@/lib/dummy-data/_master/status";
+import { useState } from "react";
 
 export default function Status() {
+  const id = "test-id-event";
+
+  const [activeCategory, setActiveCategory] = useState<string | null>(
+    "publish"
+  );
+
+  const handlePress = (item: any) => {
+    setActiveCategory(item.value);
+    // tambahkan logika lain seperti filter dsb.
+  };
+
+  const scrollComponent = (
+    <ScrollableCustom
+      data={masterStatus.map((e, i) => ({
+        id: i,
+        label: e.label,
+        value: e.value,
+      }))}
+      onButtonPress={handlePress}
+      activeId={activeCategory as any}
+    />
+  );
+
   return (
-    <ViewWrapper>
-      <Text style={GStyles.textLabel}>Status</Text>
+    <ViewWrapper headerComponent={scrollComponent}>
+      <BaseBox href={`/event/${id}/${activeCategory}/detail-event`}>
+        <StackCustom gap={"xs"}>
+          <Grid>
+            <Grid.Col span={8}>
+              <TextCustom truncate bold>
+                Lorem ipsum,{" "}
+                <TextCustom color="green">{activeCategory}</TextCustom> dolor
+                sit amet consectetur adipisicing elit.
+              </TextCustom>
+            </Grid.Col>
+            <Grid.Col span={4} style={{ alignItems: "flex-end" }}>
+              <TextCustom>{new Date().toLocaleDateString()}</TextCustom>
+            </Grid.Col>
+          </Grid>
+
+          <TextCustom truncate={2}>
+            Lorem ipsum dolor sit amet consectetur adipisicing elit. Consectetur
+            eveniet ab eum ducimus tempore a quia deserunt quisquam. Tempora,
+            atque. Aperiam minima asperiores dicta perferendis quis adipisci,
+            dolore optio porro!
+          </TextCustom>
+        </StackCustom>
+      </BaseBox>
     </ViewWrapper>
   );
 }
diff --git a/app/(application)/(user)/event/[id]/[detail]/detail-event.tsx b/app/(application)/(user)/event/[id]/[detail]/detail-event.tsx
new file mode 100644
index 0000000..22f1e90
--- /dev/null
+++ b/app/(application)/(user)/event/[id]/[detail]/detail-event.tsx
@@ -0,0 +1,69 @@
+import {
+  BaseBox,
+  Grid,
+  Spacing,
+  StackCustom,
+  TextCustom,
+  ViewWrapper,
+} from "@/components";
+import LeftButtonCustom from "@/components/Button/BackButton";
+import { Stack, useLocalSearchParams } from "expo-router";
+
+export default function EventDetail() {
+  const { id, detail } = useLocalSearchParams();
+
+  const listData = [
+    {
+      title: "Lokasi",
+      value:
+        "Lorem ipsum dolor sit amet consectetur adipisicing elit. Consectetur eveniet ab eum ducimus tempore a quia deserunt quisquam. Tempora, atque. Aperiam minima asperiores dicta perferendis quis adipisci, dolore optio porro!",
+    },
+    {
+      title: "Tipe Acara",
+      value: "Workshop",
+    },
+    {
+      title: "Tanggal Mulai",
+      value: "Senin, 18 Juli 2025, 10:00 WIB",
+    },
+    {
+      title: "Tanggal Berakhir",
+      value: "Selasa, 19 Juli 2025, 12:00 WIB",
+    },
+    {
+      title: "Deskripsi",
+      value:
+        "Lorem ipsum dolor sit amet consectetur adipisicing elit. Consectetur eveniet ab eum ducimus tempore a quia deserunt quisquam. Tempora, atque. Aperiam minima asperiores dicta perferendis quis adipisci, dolore optio porro!",
+    },
+  ];
+
+  return (
+    <>
+      <Stack.Screen
+        options={{
+          title: `Detail ${detail}`,
+          headerLeft: () => <LeftButtonCustom />,
+        }}
+      />
+      <ViewWrapper>
+        <BaseBox>
+          <StackCustom>
+            <TextCustom bold align="center" size="xlarge">
+              Judul event {id}
+            </TextCustom>
+            {listData.map((item, index) => (
+              <Grid key={index}>
+                <Grid.Col span={4}>
+                  <TextCustom bold>{item.title}</TextCustom>
+                </Grid.Col>
+                <Grid.Col span={8}>
+                  <TextCustom>{item.value}</TextCustom>
+                </Grid.Col>
+              </Grid>
+            ))}
+          </StackCustom>
+        </BaseBox>
+      </ViewWrapper>
+    </>
+  );
+}
diff --git a/app/(application)/(user)/event/create.tsx b/app/(application)/(user)/event/create.tsx
index 84daa3e..030c7d4 100644
--- a/app/(application)/(user)/event/create.tsx
+++ b/app/(application)/(user)/event/create.tsx
@@ -41,14 +41,14 @@ export default function EventCreate() {
   };
 
   const buttonSubmit = (
-    <BoxButtonOnFooter>
       <ButtonCustom title="Simpan" onPress={handlerSubmit} />
-    </BoxButtonOnFooter>
+    // <BoxButtonOnFooter>
+    // </BoxButtonOnFooter>
   );
 
   return (
     <>
-      <ViewWrapper footerComponent={buttonSubmit}>
+      <ViewWrapper>
         <StackCustom gap={"xs"}>
           <TextInputCustom
             placeholder="Masukkan nama event"
@@ -93,7 +93,10 @@ export default function EventCreate() {
             showCount
             maxLength={100}
           />
+
+          {buttonSubmit}
         </StackCustom>
+
       </ViewWrapper>
     </>
   );
diff --git a/app/(application)/(user)/notifications/index.tsx b/app/(application)/(user)/notifications/index.tsx
index 1fe591f..e136aad 100644
--- a/app/(application)/(user)/notifications/index.tsx
+++ b/app/(application)/(user)/notifications/index.tsx
@@ -11,18 +11,18 @@ import { useState } from "react";
 import { View } from "react-native";
 
 const categories = [
-  { id: 1, label: "Semua" },
-  { id: 2, label: "Event" },
-  { id: 3, label: "Job" },
-  { id: 4, label: "Voting" },
-  { id: 5, label: "Donasi" },
-  { id: 6, label: "Investasi" },
-  { id: 7, label: "Forum" },
-  { id: 8, label: "Collaboration" },
+  { value: "all", label: "Semua" },
+  { value: "event", label: "Event" },
+  { value: "job", label: "Job" },
+  { value: "voting", label: "Voting" },
+  { value: "donasi", label: "Donasi" },
+  { value: "investasi", label: "Investasi" },
+  { value: "forum", label: "Forum" },
+  { value: "collaboration", label: "Collaboration" },
 ];
 
-const selectedCategory = (id: number) => {
-  const category = categories.find((c) => c.id === id);
+const selectedCategory = (value: string) => {
+  const category = categories.find((c) => c.value === value);
   return category?.label;
 };
 
@@ -31,7 +31,7 @@ const BoxNotification = ({
   activeCategory,
 }: {
   index: number;
-  activeCategory: number | null;
+  activeCategory: string | null;
 }) => {
   return (
     <>
@@ -39,13 +39,13 @@ const BoxNotification = ({
         onPress={() =>
           console.log(
             "Notification >",
-            selectedCategory(activeCategory as number)
+            selectedCategory(activeCategory as string)
           )
         }
       >
         <StackCustom>
           <TextCustom bold>
-            # {selectedCategory(activeCategory as number)}
+            # {selectedCategory(activeCategory as string)}
           </TextCustom>
 
           <View
@@ -81,38 +81,31 @@ const BoxNotification = ({
 };
 
 export default function Notifications() {
-  const [activeCategory, setActiveCategory] = useState<number | null>(1);
+  const [activeCategory, setActiveCategory] = useState<string | null>("all");
 
   const handlePress = (item: any) => {
-    setActiveCategory(item.id);
+    setActiveCategory(item.value);
     // tambahkan logika lain seperti filter dsb.
   };
   return (
     <ViewWrapper
       headerComponent={
         <ScrollableCustom
-          data={categories}
+          data={categories.map((e, i) => ({
+            id: i,
+            label: e.label,
+            value: e.value,
+          }))}
           onButtonPress={handlePress}
-          activeId={activeCategory as any}
+          activeId={activeCategory as string}
         />
       }
     >
       {Array.from({ length: 20 }).map((e, i) => (
         <View key={i}>
-          <BoxNotification index={i} activeCategory={activeCategory} />
+          <BoxNotification index={i} activeCategory={activeCategory as any} />
         </View>
       ))}
-
-      {/* Konten utama di sini */}
-      {/* <View style={{ flex: 1 }}>
-        <Text style={{ color: "white" }}>
-          {activeCategory
-            ? `Kategori Aktif: ${
-                categories.find((c) => c.id === activeCategory)?.label
-              }`
-            : "Pilih kategori"}
-        </Text>
-      </View> */}
     </ViewWrapper>
   );
 }
diff --git a/components/Box/BaseBox.tsx b/components/Box/BaseBox.tsx
index 8a64eb7..7512fbc 100644
--- a/components/Box/BaseBox.tsx
+++ b/components/Box/BaseBox.tsx
@@ -1,10 +1,22 @@
 import { AccentColor } from "@/constants/color-palet";
-import { PADDING_EXTRA_SMALL, PADDING_MEDIUM, PADDING_SMALL } from "@/constants/constans-value";
-import { StyleProp, TouchableHighlight, View, ViewStyle } from "react-native";
+import {
+  PADDING_EXTRA_SMALL,
+  PADDING_MEDIUM,
+  PADDING_SMALL,
+} from "@/constants/constans-value";
+import { Href, router } from "expo-router";
+import {
+  StyleProp,
+  TouchableHighlight,
+  TouchableOpacity,
+  View,
+  ViewStyle,
+} from "react-native";
 
 interface BaseBoxProps {
   children: React.ReactNode;
   style?: StyleProp<ViewStyle>;
+  href?: Href;
   onPress?: () => void;
   marginBottom?: number;
   padding?: number;
@@ -15,16 +27,19 @@ interface BaseBoxProps {
 export default function BaseBox({
   children,
   style,
+  href,
   onPress,
   marginBottom = PADDING_MEDIUM,
-  paddingBlock = PADDING_EXTRA_SMALL,
+  paddingBlock = PADDING_MEDIUM,
   paddingInline = PADDING_SMALL,
 }: BaseBoxProps) {
+
   return (
     <>
-      {onPress ? (
-        <TouchableHighlight
-          onPress={onPress}
+      {onPress || href ? (
+        <TouchableOpacity
+          activeOpacity={0.7}
+          onPress={href ? () => router.navigate(href) : onPress}
           style={[
             {
               backgroundColor: AccentColor.darkblue,
@@ -37,10 +52,9 @@ export default function BaseBox({
             },
             style,
           ]}
-          // activeOpacity={0.7}
         >
           <View>{children}</View>
-        </TouchableHighlight>
+        </TouchableOpacity>
       ) : (
         <View
           style={[
diff --git a/components/Scroll/ScrollCustom.tsx b/components/Scroll/ScrollCustom.tsx
index 2c82c6c..ed864a2 100644
--- a/components/Scroll/ScrollCustom.tsx
+++ b/components/Scroll/ScrollCustom.tsx
@@ -6,6 +6,7 @@ import ButtonCustom from "../Button/ButtonCustom";
 interface ButtonData {
   id: string | number;
   label: string;
+  value: string;
 }
 
 interface ScrollableCustomProps {
@@ -27,7 +28,7 @@ const ScrollableCustom = ({
       style={styles.scrollView}
     >
       {data.map((item) => {
-        const isActive = activeId === item.id;
+        const isActive = activeId === item.value;
 
         return (
           <ButtonCustom
diff --git a/components/Text/TextCustom.tsx b/components/Text/TextCustom.tsx
index 66cc8ba..c1ad0e7 100644
--- a/components/Text/TextCustom.tsx
+++ b/components/Text/TextCustom.tsx
@@ -3,6 +3,7 @@ import {
   TEXT_SIZE_LARGE,
   TEXT_SIZE_MEDIUM,
   TEXT_SIZE_SMALL,
+  TEXT_SIZE_XLARGE,
 } from "@/constants/constans-value";
 import React from "react";
 import {
@@ -21,7 +22,7 @@ interface TextCustomProps {
   style?: StyleProp<TextStyle>;
   bold?: boolean;
   semiBold?: boolean;
-  size?: "default" | "large" | "small";
+  size?: "default" | "large" | "small" | "xlarge";
   color?: "default" | "yellow" | "red" | "gray" | "green" | "black"
   align?: TextAlign; // Prop untuk alignment
   truncate?: boolean | number;
@@ -51,6 +52,7 @@ const TextCustom: React.FC<TextCustomProps> = ({
 
     // Size
     if (size === "large") selectedStyles.push(styles.large);
+    else if (size === "xlarge") selectedStyles.push(styles.xlarge);
     else if (size === "small") selectedStyles.push(styles.small);
 
     // Color
@@ -113,11 +115,14 @@ export const styles = StyleSheet.create({
     fontFamily: "Poppins-SemiBold",
     fontWeight: "500",
   },
+  small: {
+    fontSize: TEXT_SIZE_SMALL,
+  },
   large: {
     fontSize: TEXT_SIZE_LARGE,
   },
-  small: {
-    fontSize: TEXT_SIZE_SMALL,
+  xlarge: {
+    fontSize: TEXT_SIZE_XLARGE,
   },
   yellow: {
     color: MainColor.yellow,
diff --git a/components/_ShareComponent/ViewWrapper.tsx b/components/_ShareComponent/ViewWrapper.tsx
index 17204ee..0555ceb 100644
--- a/components/_ShareComponent/ViewWrapper.tsx
+++ b/components/_ShareComponent/ViewWrapper.tsx
@@ -20,15 +20,23 @@ interface ViewWrapperProps {
   headerComponent?: React.ReactNode;
   footerComponent?: React.ReactNode;
   floatingButton?: React.ReactNode;
+  hideFooter?: boolean;
   style?: StyleProp<ViewStyle>;
 }
 
+/**
+ * 
+ * @param hideFooter 
+ * @returns meneyembunyikan footer ketika menggunakan tabs (misal: bottom tab)
+ */
+
 const ViewWrapper = ({
   children,
   withBackground = false,
   headerComponent,
   footerComponent,
   floatingButton,
+  hideFooter = false,
   style,
 }: ViewWrapperProps) => {
   const assetBackground = require("../../assets/images/main-background.png");
@@ -78,10 +86,12 @@ const ViewWrapper = ({
             {footerComponent}
           </SafeAreaView>
         ) : (
-          <SafeAreaView
-            edges={["bottom"]}
-            style={{ backgroundColor: MainColor.darkblue }}
-          />
+          hideFooter ? null : (
+            <SafeAreaView
+              edges={["bottom"]}
+              style={{ backgroundColor: MainColor.darkblue }}
+            />
+          )
         )}
 
         {/* Floating Component (misal: FAB) */}
diff --git a/constants/constans-value.ts b/constants/constans-value.ts
index edebd4c..f58de34 100644
--- a/constants/constans-value.ts
+++ b/constants/constans-value.ts
@@ -7,6 +7,7 @@ export {
   TEXT_SIZE_SMALL,
   TEXT_SIZE_MEDIUM,
   TEXT_SIZE_LARGE,
+  TEXT_SIZE_XLARGE,
   ICON_SIZE_SMALL,
   ICON_SIZE_MEDIUM,
   DRAWER_HEIGHT,
@@ -27,6 +28,7 @@ const OS_HEIGHT = Platform.OS === "ios" ? OS_IOS_HEIGHT : OS_ANDROID_HEIGHT
 const TEXT_SIZE_SMALL = 12;
 const TEXT_SIZE_MEDIUM = 14;
 const TEXT_SIZE_LARGE = 16;
+const TEXT_SIZE_XLARGE = 18;
 
 // Icon Size
 const ICON_SIZE_BUTTON = 18
diff --git a/lib/dummy-data/_master/status.tsx b/lib/dummy-data/_master/status.tsx
new file mode 100644
index 0000000..e5f7068
--- /dev/null
+++ b/lib/dummy-data/_master/status.tsx
@@ -0,0 +1,6 @@
+export const masterStatus = [
+  { value: "publish", label: "Publish" },
+  { value: "review", label: "Review" },
+  { value: "draft", label: "Draft" },
+  { value: "reject", label: "Reject" },
+];
diff --git a/screens/Authentication/LoginView.tsx b/screens/Authentication/LoginView.tsx
index 7f109a0..aac55c3 100644
--- a/screens/Authentication/LoginView.tsx
+++ b/screens/Authentication/LoginView.tsx
@@ -32,11 +32,11 @@ export default function LoginView() {
 
     // 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}`);
-    router.replace("/(application)/(user)/event/(tabs)");
+    // router.replace("/(application)/(user)/event/(tabs)");
   }
 
   return (

From b844a8151d4121b23bf5faa855836c5d0a1d24d0 Mon Sep 17 00:00:00 2001
From: Bagasbanuna02 <bagasbanuna02@gmail.com>
Date: Mon, 21 Jul 2025 15:23:18 +0800
Subject: [PATCH 62/64] deskripsi: Fix event: layout dan event deatil Feature:
 Button dot, edit screen

# No Issue
---
 app/(application)/(user)/_layout.tsx          |  8 ++
 .../event/[id]/[detail]/detail-event.tsx      | 95 ++++++++++++++-----
 app/(application)/(user)/event/[id]/edit.tsx  | 13 +++
 components/Button/DotButton.tsx               | 13 +++
 components/index.ts                           |  6 +-
 screens/Event/ButtonStatusSection.tsx         | 19 ++++
 6 files changed, 128 insertions(+), 26 deletions(-)
 create mode 100644 app/(application)/(user)/event/[id]/edit.tsx
 create mode 100644 components/Button/DotButton.tsx
 create mode 100644 screens/Event/ButtonStatusSection.tsx

diff --git a/app/(application)/(user)/_layout.tsx b/app/(application)/(user)/_layout.tsx
index beff31a..a9b838f 100644
--- a/app/(application)/(user)/_layout.tsx
+++ b/app/(application)/(user)/_layout.tsx
@@ -92,6 +92,14 @@ export default function UserLayout() {
           }}
         />
 
+        <Stack.Screen
+          name="event/[id]/edit"
+          options={{
+            title: "Edit Event",
+            headerLeft: () => <BackButton />,
+          }}
+        />
+
         {/* ========== Forum Section ========= */}
         <Stack.Screen
           name="forum/create"
diff --git a/app/(application)/(user)/event/[id]/[detail]/detail-event.tsx b/app/(application)/(user)/event/[id]/[detail]/detail-event.tsx
index 22f1e90..a5e1fbf 100644
--- a/app/(application)/(user)/event/[id]/[detail]/detail-event.tsx
+++ b/app/(application)/(user)/event/[id]/[detail]/detail-event.tsx
@@ -1,39 +1,68 @@
 import {
   BaseBox,
+  DotButton,
+  DrawerCustom,
   Grid,
-  Spacing,
+  MenuDrawerDynamicGrid,
   StackCustom,
   TextCustom,
   ViewWrapper,
 } from "@/components";
+import { IMenuDrawerItem } from "@/components/_Interface/types";
 import LeftButtonCustom from "@/components/Button/BackButton";
-import { Stack, useLocalSearchParams } from "expo-router";
+import { AccentColor } from "@/constants/color-palet";
+import { ICON_SIZE_MEDIUM } from "@/constants/constans-value";
+import Event_ButtonStatusSection from "@/screens/Event/ButtonStatusSection";
+import { Ionicons } from "@expo/vector-icons";
+import { router, Stack, useLocalSearchParams } from "expo-router";
+import { useState } from "react";
+
+const listData = [
+  {
+    title: "Lokasi",
+    value:
+      "Lorem ipsum dolor sit amet consectetur adipisicing elit. Consectetur eveniet ab eum ducimus tempore a quia deserunt quisquam. Tempora, atque. Aperiam minima asperiores dicta perferendis quis adipisci, dolore optio porro!",
+  },
+  {
+    title: "Tipe Acara",
+    value: "Workshop",
+  },
+  {
+    title: "Tanggal Mulai",
+    value: "Senin, 18 Juli 2025, 10:00 WIB",
+  },
+  {
+    title: "Tanggal Berakhir",
+    value: "Selasa, 19 Juli 2025, 12:00 WIB",
+  },
+  {
+    title: "Deskripsi",
+    value:
+      "Lorem ipsum dolor sit amet consectetur adipisicing elit. Consectetur eveniet ab eum ducimus tempore a quia deserunt quisquam. Tempora, atque. Aperiam minima asperiores dicta perferendis quis adipisci, dolore optio porro!",
+  },
+];
 
 export default function EventDetail() {
   const { id, detail } = useLocalSearchParams();
+  const [openDrawer, setOpenDrawer] = useState(false);
 
-  const listData = [
+  const handlePress = (item: IMenuDrawerItem) => {
+    console.log("PATH >> ", item.path);
+    router.navigate(item.path as any);
+    setOpenDrawer(false);
+  };
+
+  const drawerItemsDraftEvent = [
     {
-      title: "Lokasi",
-      value:
-        "Lorem ipsum dolor sit amet consectetur adipisicing elit. Consectetur eveniet ab eum ducimus tempore a quia deserunt quisquam. Tempora, atque. Aperiam minima asperiores dicta perferendis quis adipisci, dolore optio porro!",
-    },
-    {
-      title: "Tipe Acara",
-      value: "Workshop",
-    },
-    {
-      title: "Tanggal Mulai",
-      value: "Senin, 18 Juli 2025, 10:00 WIB",
-    },
-    {
-      title: "Tanggal Berakhir",
-      value: "Selasa, 19 Juli 2025, 12:00 WIB",
-    },
-    {
-      title: "Deskripsi",
-      value:
-        "Lorem ipsum dolor sit amet consectetur adipisicing elit. Consectetur eveniet ab eum ducimus tempore a quia deserunt quisquam. Tempora, atque. Aperiam minima asperiores dicta perferendis quis adipisci, dolore optio porro!",
+      icon: (
+        <Ionicons
+          name="create"
+          size={ICON_SIZE_MEDIUM}
+          color={AccentColor.white}
+        />
+      ),
+      label: "Edit event",
+      path: `/(application)/(user)/event/${id}/edit`,
     },
   ];
 
@@ -41,8 +70,12 @@ export default function EventDetail() {
     <>
       <Stack.Screen
         options={{
-          title: `Detail ${detail}`,
+          title: `Detail ${detail === "publish" ? "" : detail}`,
           headerLeft: () => <LeftButtonCustom />,
+          headerRight: () =>
+            detail === "draft" ? (
+              <DotButton onPress={() => setOpenDrawer(true)} />
+            ) : null,
         }}
       />
       <ViewWrapper>
@@ -64,6 +97,20 @@ export default function EventDetail() {
           </StackCustom>
         </BaseBox>
       </ViewWrapper>
+
+      {/* <Event_ButtonStatusSection detail={detail as string} /> */}
+
+      <DrawerCustom
+        isVisible={openDrawer}
+        closeDrawer={() => setOpenDrawer(false)}
+        height={250}
+      >
+        <MenuDrawerDynamicGrid
+          data={drawerItemsDraftEvent}
+          columns={4}
+          onPressItem={handlePress}
+        />
+      </DrawerCustom>
     </>
   );
 }
diff --git a/app/(application)/(user)/event/[id]/edit.tsx b/app/(application)/(user)/event/[id]/edit.tsx
new file mode 100644
index 0000000..316e8ef
--- /dev/null
+++ b/app/(application)/(user)/event/[id]/edit.tsx
@@ -0,0 +1,13 @@
+import { StackCustom, TextCustom, ViewWrapper } from "@/components";
+
+export default function EventEdit() {
+  return (
+    <>
+      <ViewWrapper>
+        <StackCustom>
+          <TextCustom>Edit Event</TextCustom>
+        </StackCustom>
+      </ViewWrapper>
+    </>
+  );
+}
diff --git a/components/Button/DotButton.tsx b/components/Button/DotButton.tsx
new file mode 100644
index 0000000..de770c6
--- /dev/null
+++ b/components/Button/DotButton.tsx
@@ -0,0 +1,13 @@
+import { Ionicons } from "@expo/vector-icons";
+import { MainColor } from "@/constants/color-palet";
+
+export default function DotButton({ onPress }: { onPress: () => void }) {
+  return (
+    <Ionicons
+      onPress={onPress}
+      name="ellipsis-vertical"
+      size={20}
+      color={MainColor.yellow}
+    />
+  );
+}
diff --git a/components/index.ts b/components/index.ts
index b10ccbf..41db4ce 100644
--- a/components/index.ts
+++ b/components/index.ts
@@ -4,6 +4,7 @@ import AlertCustom from "./Alert/AlertCustom";
 import LeftButtonCustom from "./Button/BackButton";
 import ButtonCenteredOnly from "./Button/ButtonCenteredOnly";
 import ButtonCustom from "./Button/ButtonCustom";
+import DotButton from "./Button/DotButton";
 // Drawer
 import DrawerCustom from "./Drawer/DrawerCustom";
 import MenuDrawerDynamicGrid from "./Drawer/MenuDrawerDynamicGird";
@@ -48,11 +49,12 @@ export {
   // Box
   BaseBox,
   BoxButtonOnFooter,
-  ButtonCenteredOnly,
   InformationBox,
-  LeftButtonCustom as BackButton,
   // Button
+  ButtonCenteredOnly,
   ButtonCustom,
+  LeftButtonCustom as BackButton,
+  DotButton,
   // Drawer
   DrawerCustom,
   MenuDrawerDynamicGrid,
diff --git a/screens/Event/ButtonStatusSection.tsx b/screens/Event/ButtonStatusSection.tsx
new file mode 100644
index 0000000..abfffcf
--- /dev/null
+++ b/screens/Event/ButtonStatusSection.tsx
@@ -0,0 +1,19 @@
+import { ButtonCustom } from "@/components";
+import { View } from "react-native";
+
+export default function Event_ButtonStatusSection({
+  detail,
+}: {
+  detail: string;
+}) {
+  return (
+    <>
+      {detail && detail === "draft" && (
+        <View>
+          <ButtonCustom>Ajukan Review</ButtonCustom>
+          <ButtonCustom backgroundColor="red">Hapus</ButtonCustom>
+        </View>
+      )}
+    </>
+  );
+}

From c8cc0f0232fe75a000e7939b2c3939a467de6b4b Mon Sep 17 00:00:00 2001
From: Bagasbanuna02 <bagasbanuna02@gmail.com>
Date: Mon, 21 Jul 2025 17:39:37 +0800
Subject: [PATCH 63/64] deskripsi Fix: page event/id/deteil menjadi
 event/id/status Feature: Add  screens/Event/AlertButtonStatusSection Add
 app/(application)/(user)/event/[id]/[status]/

# No Issue"
---
 .../{[detail] => [status]}/detail-event.tsx   |  35 ++++--
 screens/Event/AlertButtonStatusSection.tsx    | 115 ++++++++++++++++++
 screens/Event/ButtonStatusSection.tsx         |  83 +++++++++++--
 3 files changed, 211 insertions(+), 22 deletions(-)
 rename app/(application)/(user)/event/[id]/{[detail] => [status]}/detail-event.tsx (75%)
 create mode 100644 screens/Event/AlertButtonStatusSection.tsx

diff --git a/app/(application)/(user)/event/[id]/[detail]/detail-event.tsx b/app/(application)/(user)/event/[id]/[status]/detail-event.tsx
similarity index 75%
rename from app/(application)/(user)/event/[id]/[detail]/detail-event.tsx
rename to app/(application)/(user)/event/[id]/[status]/detail-event.tsx
index a5e1fbf..1ad1789 100644
--- a/app/(application)/(user)/event/[id]/[detail]/detail-event.tsx
+++ b/app/(application)/(user)/event/[id]/[status]/detail-event.tsx
@@ -4,14 +4,16 @@ import {
   DrawerCustom,
   Grid,
   MenuDrawerDynamicGrid,
+  Spacing,
   StackCustom,
   TextCustom,
-  ViewWrapper,
+  ViewWrapper
 } from "@/components";
 import { IMenuDrawerItem } from "@/components/_Interface/types";
 import LeftButtonCustom from "@/components/Button/BackButton";
 import { AccentColor } from "@/constants/color-palet";
 import { ICON_SIZE_MEDIUM } from "@/constants/constans-value";
+import Event_AlertButtonStatusSection from "@/screens/Event/AlertButtonStatusSection";
 import Event_ButtonStatusSection from "@/screens/Event/ButtonStatusSection";
 import { Ionicons } from "@expo/vector-icons";
 import { router, Stack, useLocalSearchParams } from "expo-router";
@@ -43,8 +45,10 @@ const listData = [
 ];
 
 export default function EventDetail() {
-  const { id, detail } = useLocalSearchParams();
+  const { id, status } = useLocalSearchParams();
   const [openDrawer, setOpenDrawer] = useState(false);
+  const [openAlert, setOpenAlert] = useState(false);
+  const [openDeleteAlert, setOpenDeleteAlert] = useState(false);
 
   const handlePress = (item: IMenuDrawerItem) => {
     console.log("PATH >> ", item.path);
@@ -52,7 +56,7 @@ export default function EventDetail() {
     setOpenDrawer(false);
   };
 
-  const drawerItemsDraftEvent = [
+  const drawerMenuDraftEvent = ({ id }: { id: string }) => [
     {
       icon: (
         <Ionicons
@@ -70,10 +74,10 @@ export default function EventDetail() {
     <>
       <Stack.Screen
         options={{
-          title: `Detail ${detail === "publish" ? "" : detail}`,
+          title: `Detail ${status === "publish" ? "" : status}`,
           headerLeft: () => <LeftButtonCustom />,
           headerRight: () =>
-            detail === "draft" ? (
+            status === "draft" ? (
               <DotButton onPress={() => setOpenDrawer(true)} />
             ) : null,
         }}
@@ -82,7 +86,7 @@ export default function EventDetail() {
         <BaseBox>
           <StackCustom>
             <TextCustom bold align="center" size="xlarge">
-              Judul event {id}
+              Judul event {status}
             </TextCustom>
             {listData.map((item, index) => (
               <Grid key={index}>
@@ -96,21 +100,34 @@ export default function EventDetail() {
             ))}
           </StackCustom>
         </BaseBox>
+        <Event_ButtonStatusSection
+          status={status as string}
+          onOpenAlert={setOpenAlert}
+          onOpenDeleteAlert={setOpenDeleteAlert}
+        />
+        <Spacing />
       </ViewWrapper>
 
-      {/* <Event_ButtonStatusSection detail={detail as string} /> */}
-
       <DrawerCustom
         isVisible={openDrawer}
         closeDrawer={() => setOpenDrawer(false)}
         height={250}
       >
         <MenuDrawerDynamicGrid
-          data={drawerItemsDraftEvent}
+          data={drawerMenuDraftEvent({ id: id as string })}
           columns={4}
           onPressItem={handlePress}
         />
       </DrawerCustom>
+
+      <Event_AlertButtonStatusSection
+        id={id as string}
+        status={status as string}
+        openAlert={openAlert}
+        setOpenAlert={setOpenAlert}
+        openDeleteAlert={openDeleteAlert}
+        setOpenDeleteAlert={setOpenDeleteAlert}
+      />
     </>
   );
 }
diff --git a/screens/Event/AlertButtonStatusSection.tsx b/screens/Event/AlertButtonStatusSection.tsx
new file mode 100644
index 0000000..982e387
--- /dev/null
+++ b/screens/Event/AlertButtonStatusSection.tsx
@@ -0,0 +1,115 @@
+import AlertCustom from "@/components/Alert/AlertCustom";
+import { router } from "expo-router";
+
+export default function Event_AlertButtonStatusSection({
+  id,
+  status,
+  openAlert,
+  setOpenAlert,
+  openDeleteAlert,
+  setOpenDeleteAlert,
+}: {
+  id: string;
+  status: string;
+  openAlert: boolean;
+  setOpenAlert: (value: boolean) => void;
+  openDeleteAlert: boolean;
+  setOpenDeleteAlert: (value: boolean) => void;
+}) {
+  // --- Alert untuk aksi berdasarkan status ---
+  const renderStatusAlert = () => {
+    switch (status) {
+      case "publish":
+        return <></>;
+
+      case "review":
+        return (
+          <AlertCustom
+            isVisible={openAlert}
+            title="Batalkan Review"
+            message="Apakah Anda yakin ingin membatalkan review?"
+            textLeft="Batal"
+            textRight="Ya"
+            colorRight="green"
+            onLeftPress={() => {
+              setOpenAlert(false);
+            }}
+            onRightPress={() => {
+              setOpenAlert(false);
+              router.back();
+            }}
+          />
+        );
+
+      case "draft":
+        return (
+          <AlertCustom
+            isVisible={openAlert}
+            title="Ajukan Review ?"
+            message="Apakah Anda yakin ingin mengajukan review kembali?"
+            textLeft="Batal"
+            textRight="Ya"
+            colorRight="green"
+            onLeftPress={() => {
+              setOpenAlert(false);
+              router.back();
+            }}
+            onRightPress={() => {
+              setOpenAlert(false);
+              router.back();
+            }}
+          />
+        );
+
+      case "reject":
+        return (
+          <AlertCustom
+            isVisible={openAlert}
+            title="Edit Kembali"
+            message="Apakah Anda yakin ingin mengedit kembali event ini?"
+            textLeft="Batal"
+            textRight="Ya"
+            colorRight="green"
+            onLeftPress={() => {
+              setOpenAlert(false);
+              router.back();
+            }}
+            onRightPress={() => {
+              setOpenAlert(false);
+              router.back();
+            }}
+          />
+        );
+
+      default:
+        return null;
+    }
+  };
+
+  return (
+    <>
+      {/* Alert berdasarkan status */}
+      {renderStatusAlert()}
+
+      {/* Alert untuk hapus - selalu muncul jika openDeleteAlert true */}
+      <AlertCustom
+        isVisible={openDeleteAlert}
+        title="Hapus Event"
+        message="Apakah Anda yakin ingin menghapus event ini?"
+        textLeft="Batal"
+        textRight="Ya, Hapus"
+        colorRight="red"
+        onLeftPress={() => {
+          setOpenDeleteAlert(false);
+          router.back();
+        }}
+        onRightPress={() => {
+          // Aksi hapus event
+          console.log("Menghapus event dengan ID:", id);
+          setOpenDeleteAlert(false);
+          router.back();
+        }}
+      />
+    </>
+  );
+}
diff --git a/screens/Event/ButtonStatusSection.tsx b/screens/Event/ButtonStatusSection.tsx
index abfffcf..cf2077a 100644
--- a/screens/Event/ButtonStatusSection.tsx
+++ b/screens/Event/ButtonStatusSection.tsx
@@ -1,19 +1,76 @@
-import { ButtonCustom } from "@/components";
+import { ButtonCustom, Grid } from "@/components";
 import { View } from "react-native";
 
 export default function Event_ButtonStatusSection({
-  detail,
+  status,
+  onOpenAlert,
+  onOpenDeleteAlert,
 }: {
-  detail: string;
+  status: string;
+  onOpenAlert: (value: boolean) => void;
+  onOpenDeleteAlert: (value: boolean) => void;
 }) {
-  return (
-    <>
-      {detail && detail === "draft" && (
-        <View>
-          <ButtonCustom>Ajukan Review</ButtonCustom>
-          <ButtonCustom backgroundColor="red">Hapus</ButtonCustom>
-        </View>
-      )}
-    </>
-  );
+
+  const handleOpenAlert = () => {
+    onOpenAlert(true);
+  };
+
+  const handleOpenDeleteAlert = () => {
+    onOpenDeleteAlert(true);
+  };
+
+  const DeleteButton = () => {
+    return (
+      <>
+        <ButtonCustom backgroundColor="red" textColor="white" onPress={handleOpenDeleteAlert}>
+          Hapus
+        </ButtonCustom>
+      </>
+    );
+  };
+
+  switch (status) {
+    case "publish":
+      return <></>;
+
+    case "review":
+      return (
+        <ButtonCustom onPress={handleOpenAlert}>
+          Batalkan Review
+        </ButtonCustom>
+      );
+
+    case "draft":
+      return (
+        <>
+          <Grid>
+            <Grid.Col span={5}>
+              <ButtonCustom onPress={handleOpenAlert}>Ajukan Review</ButtonCustom>
+            </Grid.Col>
+            <Grid.Col span={2}>
+              <View />
+            </Grid.Col>
+            <Grid.Col span={5}>{DeleteButton()}</Grid.Col>
+          </Grid>
+        </>
+      );
+
+    case "reject":
+      return (
+        <>
+          <Grid>
+            <Grid.Col span={5}>
+              <ButtonCustom onPress={handleOpenAlert}>Edit Kembali</ButtonCustom>
+            </Grid.Col>
+            <Grid.Col span={2}>
+              <View />
+            </Grid.Col>
+            <Grid.Col span={5}>{DeleteButton()}</Grid.Col>
+          </Grid>
+        </>
+      );
+
+    default:
+      return <ButtonCustom disabled>Status Undifined</ButtonCustom>;
+  }
 }

From 08dfd62bfd44ad27a5943a5fdab65d419edde06f Mon Sep 17 00:00:00 2001
From: Bagasbanuna02 <bagasbanuna02@gmail.com>
Date: Tue, 22 Jul 2025 10:35:47 +0800
Subject: [PATCH 64/64] Deskripsi: Event: Add menu drawer draft Fix event
 layoutk, index (beranda) , kontribusi

Comp
Add share avatar-username

# No Issue
---
 .../(user)/event/(tabs)/_layout.tsx           |   2 +-
 .../(user)/event/(tabs)/index.tsx             | 128 ++----------------
 .../(user)/event/(tabs)/kontribusi.tsx        |  43 +++++-
 .../event/[id]/[status]/detail-event.tsx      |  72 ++++------
 .../AvataraAndOtherHeaderComponent.tsx        |  46 +++++++
 components/index.ts                           |  10 +-
 screens/Event/menuDrawerDraft.tsx             |  17 +++
 7 files changed, 147 insertions(+), 171 deletions(-)
 create mode 100644 components/_ShareComponent/AvataraAndOtherHeaderComponent.tsx
 create mode 100644 screens/Event/menuDrawerDraft.tsx

diff --git a/app/(application)/(user)/event/(tabs)/_layout.tsx b/app/(application)/(user)/event/(tabs)/_layout.tsx
index 9bb699b..cf404cd 100644
--- a/app/(application)/(user)/event/(tabs)/_layout.tsx
+++ b/app/(application)/(user)/event/(tabs)/_layout.tsx
@@ -30,7 +30,7 @@ export default function EventLayout() {
       <Tabs.Screen
         name="index"
         options={{
-          title: "Home",
+          title: "Beranda",
           tabBarIcon: ({ color }) => (
             <Ionicons size={20} name="home" color={color} />
           ),
diff --git a/app/(application)/(user)/event/(tabs)/index.tsx b/app/(application)/(user)/event/(tabs)/index.tsx
index a89cc02..8de5b10 100644
--- a/app/(application)/(user)/event/(tabs)/index.tsx
+++ b/app/(application)/(user)/event/(tabs)/index.tsx
@@ -1,7 +1,7 @@
+/* eslint-disable @typescript-eslint/no-unused-vars */
 import {
-  AvatarCustom,
+  AvatarUsernameAndOtherComponent,
   BaseBox,
-  Grid,
   StackCustom,
   TextCustom,
 } from "@/components";
@@ -11,6 +11,7 @@ import { router } from "expo-router";
 
 export default function Event() {
   const index = "test-id-event";
+  const status = "publish";
   return (
     <ViewWrapper
       hideFooter
@@ -18,17 +19,13 @@ export default function Event() {
         <FloatingButton onPress={() => router.push("/event/create")} />
       }
     >
-      {/* {Array.from({ length: 10 }).map((_, index) => (
-        <BaseBox key={index}>
+      {Array.from({ length: 10 }).map((_, index) => (
+        <BaseBox key={index} href={`/event/${index}/${status}/detail-event`}>
           <StackCustom gap={"xs"}>
-            <Grid>
-              <Grid.Col span={2}>
-                <AvatarCustom href={`/profile/${index}`} />
-              </Grid.Col>
-              <Grid.Col span={10} style={{ justifyContent: "center" }}>
-                <TextCustom bold>Username</TextCustom>
-              </Grid.Col>
-            </Grid>
+            <AvatarUsernameAndOtherComponent
+              avatarHref={`/profile/${index}`}
+              name="Lorem ipsum dolor sit"
+            />
             <TextCustom truncate bold>
               Lorem ipsum dolor sit
             </TextCustom>
@@ -40,112 +37,7 @@ export default function Event() {
             </TextCustom>
           </StackCustom>
         </BaseBox>
-      ))} */}
-      <BaseBox>
-        <StackCustom gap={"xs"}>
-          <Grid>
-            <Grid.Col span={2}>
-              <AvatarCustom href={`/profile/${index}`} />
-            </Grid.Col>
-            <Grid.Col span={10} style={{ justifyContent: "center" }}>
-              <TextCustom bold>Username</TextCustom>
-            </Grid.Col>
-          </Grid>
-          <TextCustom truncate bold>
-            Lorem ipsum dolor sit
-          </TextCustom>
-          <TextCustom truncate={2}>
-            Lorem ipsum dolor sit amet consectetur adipisicing elit. Porro sed
-            doloremque tempora soluta. Dolorem ex quidem ipsum tempora, ipsa,
-            obcaecati quia suscipit numquam, voluptates commodi porro impedit
-            natus quos doloremque!
-          </TextCustom>
-        </StackCustom>
-      </BaseBox>
-      <BaseBox>
-        <StackCustom gap={"xs"}>
-          <Grid>
-            <Grid.Col span={2}>
-              <AvatarCustom href={`/profile/${index}`} />
-            </Grid.Col>
-            <Grid.Col span={10} style={{ justifyContent: "center" }}>
-              <TextCustom bold>Username</TextCustom>
-            </Grid.Col>
-          </Grid>
-          <TextCustom truncate bold>
-            Lorem ipsum dolor sit
-          </TextCustom>
-          <TextCustom truncate={2}>
-            Lorem ipsum dolor sit amet consectetur adipisicing elit. Porro sed
-            doloremque tempora soluta. Dolorem ex quidem ipsum tempora, ipsa,
-            obcaecati quia suscipit numquam, voluptates commodi porro impedit
-            natus quos doloremque!
-          </TextCustom>
-        </StackCustom>
-      </BaseBox>
-      <BaseBox>
-        <StackCustom gap={"xs"}>
-          <Grid>
-            <Grid.Col span={2}>
-              <AvatarCustom href={`/profile/${index}`} />
-            </Grid.Col>
-            <Grid.Col span={10} style={{ justifyContent: "center" }}>
-              <TextCustom bold>Username</TextCustom>
-            </Grid.Col>
-          </Grid>
-          <TextCustom truncate bold>
-            Lorem ipsum dolor sit
-          </TextCustom>
-          <TextCustom truncate={2}>
-            Lorem ipsum dolor sit amet consectetur adipisicing elit. Porro sed
-            doloremque tempora soluta. Dolorem ex quidem ipsum tempora, ipsa,
-            obcaecati quia suscipit numquam, voluptates commodi porro impedit
-            natus quos doloremque!
-          </TextCustom>
-        </StackCustom>
-      </BaseBox>
-      <BaseBox>
-        <StackCustom gap={"xs"}>
-          <Grid>
-            <Grid.Col span={2}>
-              <AvatarCustom href={`/profile/${index}`} />
-            </Grid.Col>
-            <Grid.Col span={10} style={{ justifyContent: "center" }}>
-              <TextCustom bold>Username</TextCustom>
-            </Grid.Col>
-          </Grid>
-          <TextCustom truncate bold>
-            Lorem ipsum dolor sit
-          </TextCustom>
-          <TextCustom truncate={2}>
-            Lorem ipsum dolor sit amet consectetur adipisicing elit. Porro sed
-            doloremque tempora soluta. Dolorem ex quidem ipsum tempora, ipsa,
-            obcaecati quia suscipit numquam, voluptates commodi porro impedit
-            natus quos doloremque!
-          </TextCustom>
-        </StackCustom>
-      </BaseBox>
-      <BaseBox>
-        <StackCustom gap={"xs"}>
-          <Grid>
-            <Grid.Col span={2}>
-              <AvatarCustom href={`/profile/${index}`} />
-            </Grid.Col>
-            <Grid.Col span={10} style={{ justifyContent: "center" }}>
-              <TextCustom bold>Username</TextCustom>
-            </Grid.Col>
-          </Grid>
-          <TextCustom truncate bold>
-            Lorem ipsum dolor sit
-          </TextCustom>
-          <TextCustom truncate={2}>
-            Lorem ipsum dolor sit amet consectetur adipisicing elit. Porro sed
-            doloremque tempora soluta. Dolorem ex quidem ipsum tempora, ipsa,
-            obcaecati quia suscipit numquam, voluptates commodi porro impedit
-            natus quos doloremque!
-          </TextCustom>
-        </StackCustom>
-      </BaseBox>
+      ))}
     </ViewWrapper>
   );
 }
diff --git a/app/(application)/(user)/event/(tabs)/kontribusi.tsx b/app/(application)/(user)/event/(tabs)/kontribusi.tsx
index b5c627d..5d52015 100644
--- a/app/(application)/(user)/event/(tabs)/kontribusi.tsx
+++ b/app/(application)/(user)/event/(tabs)/kontribusi.tsx
@@ -1,11 +1,46 @@
-import ViewWrapper from "@/components/_ShareComponent/ViewWrapper";
-import { GStyles } from "@/styles/global-styles";
-import { Text } from "react-native";
+import {
+  AvatarCustom,
+  AvatarUsernameAndOtherComponent,
+  BaseBox,
+  Grid,
+  StackCustom,
+  TextCustom,
+  ViewWrapper
+} from "@/components";
 
 export default function Kontribusi() {
   return (
     <ViewWrapper>
-      <Text style={GStyles.textLabel}>Kontribusi</Text>
+      {Array.from({ length: 10 }).map((_, index) => (
+        <BaseBox key={index} href={`/event/${index}/publish/detail-event`}>
+          <StackCustom>
+            <AvatarUsernameAndOtherComponent
+              avatarHref={`/profile/${index}`}
+              rightComponent={
+                <TextCustom truncate>
+                  {new Date().toDateString().split(" ")[2] +
+                    ", " +
+                    new Date().toDateString().split(" ")[1] +
+                    " " +
+                    new Date().toDateString().split(" ")[3]}
+                </TextCustom>
+              }
+            />
+
+            <TextCustom bold align="center" size="xlarge">
+              Judul Event Disini
+            </TextCustom>
+
+            <Grid>
+              {Array.from({ length: 4 }).map((_, index2) => (
+                <Grid.Col span={3} key={index2}>
+                  <AvatarCustom size="sm" href={`/profile/${index2}`} />
+                </Grid.Col>
+              ))}
+            </Grid>
+          </StackCustom>
+        </BaseBox>
+      ))}
     </ViewWrapper>
   );
 }
diff --git a/app/(application)/(user)/event/[id]/[status]/detail-event.tsx b/app/(application)/(user)/event/[id]/[status]/detail-event.tsx
index 1ad1789..45f8b46 100644
--- a/app/(application)/(user)/event/[id]/[status]/detail-event.tsx
+++ b/app/(application)/(user)/event/[id]/[status]/detail-event.tsx
@@ -7,43 +7,16 @@ import {
   Spacing,
   StackCustom,
   TextCustom,
-  ViewWrapper
+  ViewWrapper,
 } from "@/components";
 import { IMenuDrawerItem } from "@/components/_Interface/types";
 import LeftButtonCustom from "@/components/Button/BackButton";
-import { AccentColor } from "@/constants/color-palet";
-import { ICON_SIZE_MEDIUM } from "@/constants/constans-value";
 import Event_AlertButtonStatusSection from "@/screens/Event/AlertButtonStatusSection";
 import Event_ButtonStatusSection from "@/screens/Event/ButtonStatusSection";
-import { Ionicons } from "@expo/vector-icons";
+import { menuDrawerDraftEvent } from "@/screens/Event/menuDrawerDraft";
 import { router, Stack, useLocalSearchParams } from "expo-router";
 import { useState } from "react";
 
-const listData = [
-  {
-    title: "Lokasi",
-    value:
-      "Lorem ipsum dolor sit amet consectetur adipisicing elit. Consectetur eveniet ab eum ducimus tempore a quia deserunt quisquam. Tempora, atque. Aperiam minima asperiores dicta perferendis quis adipisci, dolore optio porro!",
-  },
-  {
-    title: "Tipe Acara",
-    value: "Workshop",
-  },
-  {
-    title: "Tanggal Mulai",
-    value: "Senin, 18 Juli 2025, 10:00 WIB",
-  },
-  {
-    title: "Tanggal Berakhir",
-    value: "Selasa, 19 Juli 2025, 12:00 WIB",
-  },
-  {
-    title: "Deskripsi",
-    value:
-      "Lorem ipsum dolor sit amet consectetur adipisicing elit. Consectetur eveniet ab eum ducimus tempore a quia deserunt quisquam. Tempora, atque. Aperiam minima asperiores dicta perferendis quis adipisci, dolore optio porro!",
-  },
-];
-
 export default function EventDetail() {
   const { id, status } = useLocalSearchParams();
   const [openDrawer, setOpenDrawer] = useState(false);
@@ -56,20 +29,6 @@ export default function EventDetail() {
     setOpenDrawer(false);
   };
 
-  const drawerMenuDraftEvent = ({ id }: { id: string }) => [
-    {
-      icon: (
-        <Ionicons
-          name="create"
-          size={ICON_SIZE_MEDIUM}
-          color={AccentColor.white}
-        />
-      ),
-      label: "Edit event",
-      path: `/(application)/(user)/event/${id}/edit`,
-    },
-  ];
-
   return (
     <>
       <Stack.Screen
@@ -114,7 +73,7 @@ export default function EventDetail() {
         height={250}
       >
         <MenuDrawerDynamicGrid
-          data={drawerMenuDraftEvent({ id: id as string })}
+          data={menuDrawerDraftEvent({ id: id as string })}
           columns={4}
           onPressItem={handlePress}
         />
@@ -131,3 +90,28 @@ export default function EventDetail() {
     </>
   );
 }
+
+const listData = [
+  {
+    title: "Lokasi",
+    value:
+      "Lorem ipsum dolor sit amet consectetur adipisicing elit. Consectetur eveniet ab eum ducimus tempore a quia deserunt quisquam. Tempora, atque. Aperiam minima asperiores dicta perferendis quis adipisci, dolore optio porro!",
+  },
+  {
+    title: "Tipe Acara",
+    value: "Workshop",
+  },
+  {
+    title: "Tanggal Mulai",
+    value: "Senin, 18 Juli 2025, 10:00 WIB",
+  },
+  {
+    title: "Tanggal Berakhir",
+    value: "Selasa, 19 Juli 2025, 12:00 WIB",
+  },
+  {
+    title: "Deskripsi",
+    value:
+      "Lorem ipsum dolor sit amet consectetur adipisicing elit. Consectetur eveniet ab eum ducimus tempore a quia deserunt quisquam. Tempora, atque. Aperiam minima asperiores dicta perferendis quis adipisci, dolore optio porro!",
+  },
+];
diff --git a/components/_ShareComponent/AvataraAndOtherHeaderComponent.tsx b/components/_ShareComponent/AvataraAndOtherHeaderComponent.tsx
new file mode 100644
index 0000000..9a3f317
--- /dev/null
+++ b/components/_ShareComponent/AvataraAndOtherHeaderComponent.tsx
@@ -0,0 +1,46 @@
+import { ImageSourcePropType, View } from "react-native";
+import Grid from "../Grid/GridCustom";
+import AvatarCustom from "../Image/AvatarCustom";
+import TextCustom from "../Text/TextCustom";
+
+const AvatarUsernameAndOtherComponent = ({
+  avatarHref,
+  avatar,
+  name,
+  rightComponent,
+}: {
+  avatarHref?: string;
+  avatar?: ImageSourcePropType;
+  name?: string;
+  rightComponent?: React.ReactNode;
+}) => {
+  return (
+    <>
+      <View>
+        <Grid containerStyle={{ zIndex: 10 }}>
+          <Grid.Col span={2}>
+            <AvatarCustom source={avatar} href={avatarHref as any} />
+          </Grid.Col>
+          <Grid.Col
+            span={rightComponent ? 6 : 10}
+            style={{ justifyContent: "center" }}
+          >
+            <TextCustom truncate bold>
+              {name || "Username"}
+            </TextCustom>
+          </Grid.Col>
+          {rightComponent && (
+            <Grid.Col
+              span={4}
+              style={{ alignItems: "flex-end", justifyContent: "center" }}
+            >
+              {rightComponent}
+            </Grid.Col>
+          )}
+        </Grid>
+      </View>
+    </>
+  );
+};
+
+export default AvatarUsernameAndOtherComponent;
diff --git a/components/index.ts b/components/index.ts
index 41db4ce..9793a12 100644
--- a/components/index.ts
+++ b/components/index.ts
@@ -8,9 +8,6 @@ import DotButton from "./Button/DotButton";
 // Drawer
 import DrawerCustom from "./Drawer/DrawerCustom";
 import MenuDrawerDynamicGrid from "./Drawer/MenuDrawerDynamicGird";
-// ShareComponent
-import Spacing from "./_ShareComponent/Spacing";
-import ViewWrapper from "./_ShareComponent/ViewWrapper";
 // Text
 import TextCustom from "./Text/TextCustom";
 // TextInput
@@ -40,7 +37,10 @@ import CenterCustom from "./Center/CenterCustom";
 import ClickableCustom from "./Clickable/ClickableCustom";
 // Scroll
 import ScrollableCustom from "./Scroll/ScrollCustom";
-
+// ShareComponent
+import Spacing from "./_ShareComponent/Spacing";
+import ViewWrapper from "./_ShareComponent/ViewWrapper";
+import AvatarUsernameAndOtherComponent from "./_ShareComponent/AvataraAndOtherHeaderComponent";
 export {
   AlertCustom,
   // Image
@@ -84,4 +84,6 @@ export {
   ClickableCustom,
   // Scroll
   ScrollableCustom,
+  // ShareComponent
+  AvatarUsernameAndOtherComponent,
 };
diff --git a/screens/Event/menuDrawerDraft.tsx b/screens/Event/menuDrawerDraft.tsx
new file mode 100644
index 0000000..2a918eb
--- /dev/null
+++ b/screens/Event/menuDrawerDraft.tsx
@@ -0,0 +1,17 @@
+import { AccentColor } from "@/constants/color-palet";
+import { ICON_SIZE_MEDIUM } from "@/constants/constans-value";
+import { Ionicons } from "@expo/vector-icons";
+
+export const menuDrawerDraftEvent = ({ id }: { id: string }) => [
+  {
+    icon: (
+      <Ionicons
+        name="create"
+        size={ICON_SIZE_MEDIUM}
+        color={AccentColor.white}
+      />
+    ),
+    label: "Edit event",
+    path: `/(application)/(user)/event/${id}/edit`,
+  },
+];