wibu/sistem-desa-mandiri
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

update detail member

Browse Source
This commit is contained in:
lukman
2024-09-04 17:42:55 +08:00
parent bc2635ee3b
commit 089abd53b0
1 changed files with 55 additions and 36 deletions
Download Patch File Download Diff File Expand all files Collapse all files

63
src/module/user/member/ui/navbar_detail_member.tsx
View File

@@ -1,6 +1,6 @@
'use client' 'use client'
import { LayoutNavbarHome, LayoutIconBack, WARNA, LayoutDrawer, SkeletonDetailProfile } from "@/module/_global"; import { LayoutNavbarHome, LayoutIconBack, WARNA, LayoutDrawer, SkeletonDetailProfile } from "@/module/_global";
import { Box, Group, ActionIcon, Stack, Text, Center, Avatar, Skeleton } from "@mantine/core"; import { Box, Group, ActionIcon, Stack, Text, Center, Avatar, Skeleton, Grid } from "@mantine/core";
import { HiMenu } from "react-icons/hi"; import { HiMenu } from "react-icons/hi";
import { HiUser } from "react-icons/hi2"; import { HiUser } from "react-icons/hi2";
import DrawerDetailMember from "./drawer_detail_member"; import DrawerDetailMember from "./drawer_detail_member";
@@ -85,38 +85,57 @@ export default function NavbarDetailMember({ id }: IMember) {
? ?
<SkeletonDetailProfile /> <SkeletonDetailProfile />
: :
<Box p={20}> <Stack p={20}>
<Group justify="space-between" grow py={5}> <Group justify="space-between" grow py={5}>
<Text fw={'bold'} fz={20}>Informasi</Text>
</Group>
<Grid>
<Grid.Col span={4}>
<Group> <Group>
<RiIdCardFill size={28} /> <RiIdCardFill size={25} />
<Text fz={18}>NIK</Text> <Text fz={15}>NIK</Text>
</Group> </Group>
<Text fz={18} fw={'bold'} ta={"right"}>{dataOne?.nik}</Text> </Grid.Col>
</Group> <Grid.Col span={8}>
<Group justify="space-between" grow py={5}> <Text fz={15} fw={'bold'} ta={"right"}>{dataOne?.nik}</Text>
</Grid.Col>
</Grid>
<Grid>
<Grid.Col span={5}>
<Group> <Group>
<FaSquarePhone size={28} /> <FaSquarePhone size={25} />
<Text fz={18}>No Telepon</Text> <Text fz={15}>No Telpon</Text>
</Group> </Group>
<Text fz={18} fw={'bold'} ta={"right"}>+{dataOne?.phone}</Text> </Grid.Col>
</Group> <Grid.Col span={7}>
<Group justify="space-between" grow py={5}> <Text fz={15} fw={'bold'} ta={"right"}>+62{dataOne?.phone}</Text>
</Grid.Col>
</Grid>
<Grid>
<Grid.Col span={4}>
<Group> <Group>
<MdEmail size={28} /> <MdEmail size={25} />
<Text fz={18}>Email</Text> <Text fz={15}>Email</Text>
</Group> </Group>
<Text fz={18} fw={'bold'} ta={"right"}>{dataOne?.email}</Text> </Grid.Col>
</Group> <Grid.Col span={8}>
<Group justify="space-between" grow py={5}> <Text fz={15} fw={'bold'} ta={"right"} lineClamp={1}>{dataOne?.email}</Text>
</Grid.Col>
</Grid>
<Grid>
<Grid.Col span={6}>
<Group> <Group>
<IoMaleFemale size={28} /> <IoMaleFemale size={25} />
<Text fz={18}>Gender</Text> <Text fz={15}>Jenis Kelamin</Text>
</Group> </Group>
<Text fz={18} fw={'bold'} ta={"right"}> </Grid.Col>
<Grid.Col span={6}>
<Text fz={15} fw={'bold'} ta={"right"}>
{dataOne?.gender === 'M' ? 'Laki-laki' : dataOne?.gender === 'F' ? 'Perempuan' : ''} {dataOne?.gender === 'M' ? 'Laki-laki' : dataOne?.gender === 'F' ? 'Perempuan' : ''}
</Text> </Text>
</Group> </Grid.Col>
</Box> </Grid>
</Stack>
} }
<LayoutDrawer opened={isOpen} title={'Menu'} onClose={() => setOpen(false)}> <LayoutDrawer opened={isOpen} title={'Menu'} onClose={() => setOpen(false)}>
<DrawerDetailMember id={selectId} status={active} onDeleted={() => setOpen(false)} /> <DrawerDetailMember id={selectId} status={active} onDeleted={() => setOpen(false)} />