feature

deskripsi:
- new component stack

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>
-    )
-}
+  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>
+  );
+}

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 }} /> */}