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

.gitignore

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

src/app/(application)/profile/edit/page.tsx

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

src/app/loading.tsx

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

src/module/_global/index.ts

@@ -1,5 +1,6 @@
 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";
 
@@ -7,3 +8,4 @@ export { WARNA }
 export { LayoutLogin }
 export { LayoutNavbarHome }
 export {LayoutIconBack}
+export { LoadingPage }

src/module/_global/layout/layout_loading_page.tsx

@@ -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>
+      </>
+
+   )
+}

src/module/user/index.ts

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

src/module/user/profile/view/view_edit_profile.tsx

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

src/module/user/profile/view/view_profile.tsx

@@ -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={100} color='white' />
-               <HiUser size={150} 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>
       </>
    )
 }