upd: member

Deskripsi:
- create member
- nambah grup dan divisi pada member

No Issues

src/module/user/member/component/create_member.tsx

@@ -1,7 +1,7 @@
 'use client'
 import { WARNA } from "@/module/_global";
 import LayoutModal from "@/module/_global/layout/layout_modal";
-import { Box, Button, Stack, TextInput } from "@mantine/core";
+import { Box, Button, Select, Stack, TextInput } from "@mantine/core";
 import { useState } from "react";
 import toast from "react-hot-toast";
 import { HiUser } from "react-icons/hi2";
@@ -31,6 +31,28 @@ export default function CreateMember() {
                }}>
                <HiUser size={100} color={WARNA.bgWhite} />
             </Box>
+            <Select
+               placeholder="Pilih Grup" label="Grup" w={"100%"} size="md" required withAsterisk radius={30}
+               styles={{
+                  input: {
+                     color: WARNA.biruTua,
+                     borderRadius: WARNA.biruTua,
+                     borderColor: WARNA.biruTua,
+                  },
+               }}
+               data={['Dinas', 'Adat', 'LPD', 'PKK']}
+            />
+            <Select
+               placeholder="Pilih Jabatan" label="Jabatan" w={"100%"} size="md" required withAsterisk radius={30}
+               styles={{
+                  input: {
+                     color: WARNA.biruTua,
+                     borderRadius: WARNA.biruTua,
+                     borderColor: WARNA.biruTua,
+                  },
+               }}
+               data={['Kepala', 'Sekretaris', 'Bendahara', 'Anggota']}
+            />
             <TextInput
                size="md" type="number" radius={30} placeholder="NIK" withAsterisk label="NIK" w={"100%"}
                styles={{
@@ -71,8 +93,19 @@ export default function CreateMember() {
                   },
                }}
             />
+            <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}>
+         <Box mt={30} mx={20} pb={20}>
             <Button
                c={"white"}
                bg={WARNA.biruTua}

src/module/user/member/component/list_member.tsx

@@ -9,42 +9,50 @@ const dataMember = [
    {
       id: 1,
       name: 'Ali akbar',
-      desc: 'Perbekel'
+      desc: 'Perbekel',
+      grup: 'Dinas'
    },
    {
       id: 2,
       name: 'Fibra Marcell',
-      desc: 'Kasi Kesejahteraan'
+      desc: 'Kasi Kesejahteraan',
+      grup: 'Dinas'
    },
    {
       id: 3,
       name: 'Burhan',
-      desc: 'Kasi Kesejahteraan'
+      desc: 'Kasi Kesejahteraan',
+      grup: 'Dinas'
    },
    {
       id: 4,
       name: 'Chandra',
-      desc: 'Kasi Kesejahteraan'
+      desc: 'Kasi Kesejahteraan',
+      grup: 'Dinas'
    },
    {
       id: 5,
       name: 'Ayu',
-      desc: 'Kasi Kesejahteraan'
+      desc: 'Kasi Kesejahteraan',
+      grup: 'PKK'
    },
    {
       id: 6,
       name: 'Heriawan',
-      desc: 'Kasi Kesejahteraan'
+      desc: 'Kasi Kesejahteraan',
+      grup: 'Karang Taruna'
    },
    {
       id: 7,
       name: 'Jinan',
-      desc: 'Kasi Kesejahteraan'
+      desc: 'Kasi Kesejahteraan',
+      grup: 'Dinas'
    },
    {
       id: 8,
       name: 'Rizal',
-      desc: 'Kasi Kesejahteraan'
+      desc: 'Kasi Kesejahteraan',
+      grup: 'LPD'
    },
 ]
 
@@ -81,6 +89,7 @@ export default function ListMember() {
                      </Box>
                      <Box>
                         <Text fw={'bold'} c={WARNA.biruTua}>{v.name}</Text>
+                        <Text fw={'lighter'} fz={12}>{v.grup + ' - ' + v.desc}</Text>
                      </Box>
                   </Group>
                </Box>