From 5171b340b7ec509e28a61e54a6ac6df3a6f6e340 Mon Sep 17 00:00:00 2001
From: amel <amel@amel.local>
Date: Wed, 17 Jul 2024 16:55:46 +0800
Subject: [PATCH] upd: view profile

Deskripsi:
- nambah pilih gender pada edit profile
- nambah info gender pada halaman profile

No Issues
---
 src/module/user/profile/component/edit_profile.tsx | 13 ++++++++++++-
 src/module/user/profile/view/view_profile.tsx      |  8 ++++++++
 2 files changed, 20 insertions(+), 1 deletion(-)

diff --git a/src/module/user/profile/component/edit_profile.tsx b/src/module/user/profile/component/edit_profile.tsx
index 311f698..30d9b22 100644
--- a/src/module/user/profile/component/edit_profile.tsx
+++ b/src/module/user/profile/component/edit_profile.tsx
@@ -1,6 +1,6 @@
 "use client"
 import { LayoutNavbarNew, WARNA } from "@/module/_global";
-import { Box, Button, Flex, Modal, Stack, Text, TextInput } from "@mantine/core";
+import { Box, Button, Flex, Modal, Select, Stack, Text, TextInput } from "@mantine/core";
 import { HiUser } from "react-icons/hi2";
 import toast from "react-hot-toast";
 import LayoutModal from "@/module/_global/layout/layout_modal";
@@ -72,6 +72,17 @@ export default function EditProfile() {
             },
           }}
         />
+        <Select
+          placeholder="Pilih Gender" label="Gender" w={"100%"} size="md" required withAsterisk radius={30}
+          styles={{
+            input: {
+              color: WARNA.biruTua,
+              borderRadius: WARNA.biruTua,
+              borderColor: WARNA.biruTua,
+            },
+          }}
+          data={['Laki-laki', 'Perempuan']}
+        />
       </Stack>
       <Box mt={30} mx={20} pb={20}>
         <Button
diff --git a/src/module/user/profile/view/view_profile.tsx b/src/module/user/profile/view/view_profile.tsx
index 40fe47d..724b1fb 100644
--- a/src/module/user/profile/view/view_profile.tsx
+++ b/src/module/user/profile/view/view_profile.tsx
@@ -6,6 +6,7 @@ import { RiIdCardFill } from "react-icons/ri";
 import { FaSquarePhone } from "react-icons/fa6";
 import { MdEmail } from "react-icons/md";
 import { InfoTitleProfile } from "../component/ui/ui_profile";
+import { IoMaleFemale } from "react-icons/io5";
 
 export default function ViewProfile() {
    return (
@@ -50,6 +51,13 @@ export default function ViewProfile() {
                </Group>
                <Text fz={18} fw={'bold'} ta={"right"}>marcel@gmail.com</Text>
             </Group>
+            <Group justify="space-between" grow py={5}>
+               <Group>
+                  <IoMaleFemale size={28} />
+                  <Text fz={18}>Gender</Text>
+               </Group>
+               <Text fz={18} fw={'bold'} ta={"right"}>Laki-laki</Text>
+            </Group>
 
          </Box>
       </>