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

upd: profile

Browse Source 
Deskripsi :

- view profile
- clear

No Issues
This commit is contained in:
amel
2024-08-29 17:33:27 +08:00
parent fb5b23a30d
commit 9f4ad942ca
5 changed files with 3 additions and 123 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
src/module/user/index.ts
View File

@@ -1,11 +1,9 @@
import { TypeUser } from './lib/type_user'; import { TypeUser } from './lib/type_user';
import createLogUser from "./log/fun/createLogUser"; import createLogUser from "./log/fun/createLogUser";
import ViewProfile from "./profile/view/view_profile";
import { funGetAllmember } from './member/lib/api_member'; import { funGetAllmember } from './member/lib/api_member';
import Profile from './profile/ui/profile'; import Profile from './profile/ui/profile';
import EditProfile from './profile/ui/edit_profile'; import EditProfile from './profile/ui/edit_profile';
export { ViewProfile };
export { createLogUser }; export { createLogUser };
export type { TypeUser } export type { TypeUser }
export { funGetAllmember } export { funGetAllmember }

11
src/module/user/profile/component/ui/header_edit_profile.tsx
View File

@@ -1,11 +0,0 @@
'use client'
import { LayoutIconBack, LayoutNavbarHome, LayoutNavbarNew } from '@/module/_global';
import { Box, Grid, Text } from '@mantine/core';
import React from 'react';
export default function HeaderEditProfile() {
return (
<LayoutNavbarNew back='' title='Edit Profil' menu='' />
);
}

14
src/module/user/profile/component/ui/ui_profile.tsx
View File

@@ -1,14 +0,0 @@
'use client'
import { Group, Text } from "@mantine/core";
import { useRouter } from "next/navigation";
export function InfoTitleProfile() {
const router = useRouter()
return (
<Group justify="space-between" grow py={5}>
<Text fw={'bold'} fz={20}>Informasi</Text>
<Text style={{ cursor: 'pointer' }} ta={"right"} c={"blue"} onClick={() => router.push('/profile/edit')}>Edit</Text>
</Group>
)
}

6
src/module/user/profile/ui/profile.tsx
View File

@@ -107,7 +107,7 @@ export default function Profile() {
<FaSquarePhone size={28} /> <FaSquarePhone size={28} />
<Text fz={18}>No Telepon</Text> <Text fz={18}>No Telepon</Text>
</Group> </Group>
<Text fz={18} fw={'bold'} ta={"right"}>{isData?.phone}</Text> <Text fz={18} fw={'bold'} ta={"right"}>+62{isData?.phone}</Text>
</Group> </Group>
<Group justify="space-between" grow py={5}> <Group justify="space-between" grow py={5}>
<Group> <Group>
@@ -119,7 +119,7 @@ export default function Profile() {
<Group justify="space-between" grow py={5}> <Group justify="space-between" grow py={5}>
<Group> <Group>
<IoMaleFemale size={28} /> <IoMaleFemale size={28} />
<Text fz={18}>Gender</Text> <Text fz={18}>Jenis Kelamin</Text>
</Group> </Group>
<Text fz={18} fw={'bold'} ta={"right"}> <Text fz={18} fw={'bold'} ta={"right"}>
{isData?.gender === 'M' ? 'Laki-laki' : isData?.gender === 'F' ? 'Perempuan' : ''} {isData?.gender === 'M' ? 'Laki-laki' : isData?.gender === 'F' ? 'Perempuan' : ''}
@@ -130,7 +130,7 @@ export default function Profile() {
} }
</Box> </Box>
<LayoutModal opened={openModal} onClose={() => setOpenModal(false)} <LayoutModal opened={openModal} onClose={() => setOpenModal(false)}
description="Apakah Anda yakin ingin Keluar?" description="Apakah Anda yakin ingin keluar?"
onYes={(val) => onLogout(val)} /> onYes={(val) => onLogout(val)} />
</> </>
) )

93
src/module/user/profile/view/view_profile.tsx
View File

@@ -1,93 +0,0 @@
"use client"
import { LayoutIconBack, LayoutNavbarHome, WARNA } from "@/module/_global";
import { ActionIcon, Anchor, Box, Button, Flex, Group, Stack, Text } from "@mantine/core";
import { BsInfo } from "react-icons/bs";
import { HiUser } from "react-icons/hi2";
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";
import toast from "react-hot-toast";
import { LuLogOut } from "react-icons/lu";
import LayoutModal from "@/module/_global/layout/layout_modal";
import { useState } from "react";
export default function ViewProfile() {
const [openModal, setOpenModal] = useState(false);
async function onLogout(val: boolean) {
try {
if (val) {
await fetch('/api/auth/logout', {
method: 'DELETE',
});
toast.success('Logout Success')
window.location.href = '/';
}
setOpenModal(false)
} catch (error) {
console.error(error);
}
}
return (
<>
<LayoutNavbarHome>
<Group justify="space-between">
<LayoutIconBack />
<ActionIcon onClick={() => { setOpenModal(true) }} variant="light" bg={WARNA.bgIcon} size="lg" radius="lg" aria-label="Info">
<LuLogOut size={20} color='white' />
</ActionIcon>
</Group>
<Stack
align="center"
justify="center"
gap="xs"
>
<HiUser size={100} color='white' />
<Text c={'white'} fw={'bold'} fz={25}>Fibra Marcell</Text>
<Text c={'white'} fw={'lighter'} fz={15}>Kepala Urusan Pengembangan</Text>
</Stack>
</LayoutNavbarHome>
<Box p={20}>
<InfoTitleProfile />
<Group justify="space-between" grow py={5}>
<Group>
<RiIdCardFill size={28} />
<Text fz={18}>NIK</Text>
</Group>
<Text fz={18} fw={'bold'} ta={"right"}>513177782899</Text>
</Group>
<Group justify="space-between" grow py={5}>
<Group>
<FaSquarePhone size={28} />
<Text fz={18}>NoTelepon</Text>
</Group>
<Text fz={18} fw={'bold'} ta={"right"}>+62038939293</Text>
</Group>
<Group justify="space-between" grow py={5}>
<Group>
<MdEmail size={28} />
<Text fz={18}>Email</Text>
</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>
<LayoutModal opened={openModal} onClose={() => setOpenModal(false)}
description="Apakah Anda yakin ingin Keluar?"
onYes={(val) => onLogout(val)} />
</>
)
}