feature & fix

deksripsi:
feature:
- Information Box
- Create profile
fix:
component: Alet, Avatar, Select
# No Issue

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

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)

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>
     </>
   );