upd: member

Deskripsi:
- tab status member
- edit form
- informasi gender

No Issues
This commit is contained in:
amel
2024-07-18 14:30:30 +08:00
parent 1ffb5dd3bf
commit f5ee1bfed2
6 changed files with 181 additions and 98 deletions

View File

@@ -3,6 +3,7 @@ import { FaSquarePhone } from "react-icons/fa6";
import { MdEmail } from "react-icons/md";
import { RiIdCardFill } from "react-icons/ri";
import NavbarDetailMember from "../component/ui/navbar_detail_member";
import { IoMaleFemale } from "react-icons/io5";
export default function ViewDetailMember({ data }: { data: string }) {
return (
@@ -19,7 +20,7 @@ export default function ViewDetailMember({ data }: { data: string }) {
<Group justify="space-between" grow py={5}>
<Group>
<FaSquarePhone size={28} />
<Text fz={18}>NoTelepon</Text>
<Text fz={18}>No Telepon</Text>
</Group>
<Text fz={18} fw={'bold'} ta={"right"}>+62038939293</Text>
</Group>
@@ -30,6 +31,13 @@ export default function ViewDetailMember({ data }: { data: string }) {
</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>
</Box>
)