fix folder component

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";

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";
 

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>
 

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
 

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,
 };

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 (

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",
   },