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

Merge branch 'join' into lukman/4-juli-2024

Browse Source
This commit is contained in:
Moh Alif Al Lukman
2024-07-04 13:36:10 +08:00
committed by GitHub
parent 497911d032 16b6de7994
commit eedce657ec
8 changed files with 96 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files

3
.gitignore vendored
View File

@@ -28,6 +28,9 @@ yarn-error.log*
# local env files
.env*.local
# env
.env
# vercel
.vercel

9
src/app/(application)/profile/edit/page.tsx Normal file
View File

@@ -0,0 +1,9 @@
import { ViewEditProfile } from "@/module/user"
function Page() {
return (
<ViewEditProfile />
)
}
export default Page

5
src/app/loading.tsx Normal file
View File

@@ -0,0 +1,5 @@
import { LoadingPage } from "@/module/_global";
export default function Loading() {
return <LoadingPage />
}

4
src/module/_global/index.ts
View File

@@ -1,9 +1,11 @@
import { WARNA } from "./fun/WARNA";
import LayoutIconBack from "./layout/layout_icon_back";
import LoadingPage from "./layout/layout_loading_page";
import LayoutLogin from "./layout/layout_login";
import LayoutNavbarHome from "./layout/layout_navbar_home";
export { WARNA }
export { LayoutLogin }
export { LayoutNavbarHome }
export {LayoutIconBack}
export {LayoutIconBack}
export { LoadingPage }

29
src/module/_global/layout/layout_loading_page.tsx Normal file
View File

@@ -0,0 +1,29 @@
import { Box, Group, Skeleton } from "@mantine/core";
export default function LoadingPage() {
return (
<>
<Box p={20}>
<Skeleton width={"100%"} height={180} radius={"md"} />
<Group my={20} justify="space-between" grow>
<Skeleton height={50} radius={"md"} />
<Skeleton height={50} radius={"md"} />
<Skeleton height={50} radius={"md"} />
</Group>
<Group my={20} justify="space-between" grow>
<Skeleton height={100} radius={"md"} />
<Skeleton height={100} radius={"md"} />
</Group>
<Group my={20} justify="space-between" grow>
<Skeleton height={100} radius={"md"} />
<Skeleton height={100} radius={"md"} />
</Group>
<Group my={20} justify="space-between" grow>
<Skeleton height={100} radius={"md"} />
<Skeleton height={100} radius={"md"} />
</Group>
</Box>
</>
)
}

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

@@ -1,3 +1,5 @@
import ViewEditProfile from "./profile/view/view_edit_profile";
import ViewProfile from "./profile/view/view_profile";
export { ViewProfile }
export { ViewProfile }
export { ViewEditProfile }

9
src/module/user/profile/view/view_edit_profile.tsx Normal file
View File

@@ -0,0 +1,9 @@
import { Box } from "@mantine/core";
export default function ViewEditProfile() {
return (
<Box>
Edit profile
</Box>
)
}

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

@@ -1,7 +1,10 @@
import { LayoutNavbarHome, WARNA } from "@/module/_global";
import { ActionIcon, Group, Stack, Text } from "@mantine/core";
import { ActionIcon, Anchor, Box, 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";
export default function ViewProfile() {
return (
@@ -18,12 +21,41 @@ export default function ViewProfile() {
justify="center"
gap="xs"
>
<HiUser size={150} color='white' />
<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}>
<Group justify="space-between" grow py={5}>
<Text fw={'bold'} fz={20}>Informasi</Text>
<Anchor href="profile/edit" ta={"right"}>
Edit
</Anchor>
</Group>
<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>
</Box>
</>
)
}