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

Merge pull request #193 from bipproduction/lukman/4-september-2024

Browse Source 
update detail member
This commit is contained in:
Amalia
2024-09-04 17:46:26 +08:00
committed by GitHub
parent ed6c38e299 6bbedc74ec
commit f273635ef5
1 changed files with 51 additions and 32 deletions
Download Patch File Download Diff File Expand all files Collapse all files

83
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, globalRole } 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";
@@ -90,38 +90,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}>
<Group> <Text fw={'bold'} fz={20}>Informasi</Text>
<RiIdCardFill size={28} />
<Text fz={18}>NIK</Text>
</Group>
<Text fz={18} fw={'bold'} ta={"right"}>{dataOne?.nik}</Text>
</Group> </Group>
<Group justify="space-between" grow py={5}> <Grid>
<Group> <Grid.Col span={4}>
<FaSquarePhone size={28} /> <Group>
<Text fz={18}>No Telepon</Text> <RiIdCardFill size={25} />
</Group> <Text fz={15}>NIK</Text>
<Text fz={18} fw={'bold'} ta={"right"}>+{dataOne?.phone}</Text> </Group>
</Group> </Grid.Col>
<Group justify="space-between" grow py={5}> <Grid.Col span={8}>
<Group> <Text fz={15} fw={'bold'} ta={"right"}>{dataOne?.nik}</Text>
<MdEmail size={28} /> </Grid.Col>
<Text fz={18}>Email</Text> </Grid>
</Group> <Grid>
<Text fz={18} fw={'bold'} ta={"right"}>{dataOne?.email}</Text> <Grid.Col span={5}>
</Group> <Group>
<Group justify="space-between" grow py={5}> <FaSquarePhone size={25} />
<Group> <Text fz={15}>No Telpon</Text>
<IoMaleFemale size={28} /> </Group>
<Text fz={18}>Gender</Text> </Grid.Col>
</Group> <Grid.Col span={7}>
<Text fz={18} fw={'bold'} ta={"right"}> <Text fz={15} fw={'bold'} ta={"right"}>+62{dataOne?.phone}</Text>
{dataOne?.gender === 'M' ? 'Laki-laki' : dataOne?.gender === 'F' ? 'Perempuan' : ''} </Grid.Col>
</Text> </Grid>
</Group> <Grid>
</Box> <Grid.Col span={4}>
<Group>
<MdEmail size={25} />
<Text fz={15}>Email</Text>
</Group>
</Grid.Col>
<Grid.Col span={8}>
<Text fz={15} fw={'bold'} ta={"right"} lineClamp={1}>{dataOne?.email}</Text>
</Grid.Col>
</Grid>
<Grid>
<Grid.Col span={6}>
<Group>
<IoMaleFemale size={25} />
<Text fz={15}>Jenis Kelamin</Text>
</Group>
</Grid.Col>
<Grid.Col span={6}>
<Text fz={15} fw={'bold'} ta={"right"}>
{dataOne?.gender === 'M' ? 'Laki-laki' : dataOne?.gender === 'F' ? 'Perempuan' : ''}
</Text>
</Grid.Col>
</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)} />