Merge pull request #8 from bipproduction/amalia/3-jul-24

upd: profile

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

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

src/module/auth/login/view/view_login.tsx

@@ -20,7 +20,8 @@ function ViewLogin() {
     "Kami akan mengirim kode verifikasi melalui WhatsApp, guna mengonfirmasikan nomor Anda.";
   
   function onMasuk() {
-    router.push("/verification")
+    // router.push("/verification")
+    window.location.href = "/verification"
   }
   
   return (

src/module/auth/varification/view/view_verification.tsx

@@ -8,7 +8,8 @@ export default function ViewVerification() {
   const router = useRouter();
 
   function onNext() {
-    router.push("/welcome");
+    // router.push("/welcome");
+    window.location.href = "/welcome"
   }
   return (
     <>

src/module/auth/welcome/view_welcome.tsx

@@ -37,7 +37,8 @@ export function ViewWelcome() {
 
   function onLanjutkan() {
     if (index === listTextWellcome.length - 1) {
-      return router.push("/home");
+      // return router.push("/home");
+      return window.location.href = "/home"
     }
     setIndex(index + 1);
   }

src/module/home/components/carosole.tsx

@@ -1,3 +1,4 @@
+'use client'
 import React, { useRef } from 'react';
 import { Carousel } from '@mantine/carousel';
 import { WARNA } from '@/module/_global';

src/module/home/components/features.tsx

@@ -1,3 +1,4 @@
+'use client'
 import { WARNA } from '@/module/_global';
 import { ActionIcon, Box, Center, Grid, SimpleGrid, Text } from '@mantine/core';
 import { useRouter } from 'next/navigation';

src/module/home/view/view_home.tsx

@@ -1,4 +1,3 @@
-"use client"
 import { LayoutNavbarHome, WARNA } from '@/module/_global';
 import { ActionIcon, Box, Group, rem, Stack, Text } from '@mantine/core';
 import React from 'react';
@@ -10,26 +9,26 @@ import Features from '../components/features';
 export default function ViewHome() {
   return (
     <>
-        <LayoutNavbarHome>
-          <Group justify='space-between'>
-            <Text fw={'bold'} c={'white'} >Perbekal Darmasaba</Text>
-            <Group>
-              <ActionIcon variant="light" bg={WARNA.bgIcon} size="lg" radius="lg" aria-label="Settings">
-                <HiMagnifyingGlass size={20} color='white' />
-              </ActionIcon>
-              <ActionIcon variant="light" bg={WARNA.bgIcon} size="lg" radius="lg" aria-label="Settings">
-                <HiOutlineBell size={20} color='white' />
-              </ActionIcon>
-              <ActionIcon variant="light" bg={WARNA.bgIcon} size="lg" radius="lg" aria-label="Settings">
-                <HiOutlineUser size={20} color='white' />
-              </ActionIcon>
-            </Group>
+      <LayoutNavbarHome>
+        <Group justify='space-between'>
+          <Text fw={'bold'} c={'white'} >Perbekal Darmasaba</Text>
+          <Group>
+            <ActionIcon variant="light" bg={WARNA.bgIcon} size="lg" radius="lg" aria-label="Settings">
+              <HiMagnifyingGlass size={20} color='white' />
+            </ActionIcon>
+            <ActionIcon variant="light" bg={WARNA.bgIcon} size="lg" radius="lg" aria-label="Settings">
+              <HiOutlineBell size={20} color='white' />
+            </ActionIcon>
+            <ActionIcon variant="light" bg={WARNA.bgIcon} size="lg" radius="lg" aria-label="Settings">
+              <HiOutlineUser size={20} color='white' />
+            </ActionIcon>
           </Group>
-        </LayoutNavbarHome>
+        </Group>
+      </LayoutNavbarHome>
       <Box p={20}>
         <Stack >
           <Carosole />
-          <Features/>
+          <Features />
         </Stack>
       </Box>
 

src/module/user/index.ts

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

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

@@ -0,0 +1,29 @@
+import { LayoutNavbarHome, WARNA } from "@/module/_global";
+import { ActionIcon, Group, Stack, Text } from "@mantine/core";
+import { BsInfo } from "react-icons/bs";
+import { HiUser } from "react-icons/hi2";
+
+export default function ViewProfile() {
+   return (
+      <>
+         <LayoutNavbarHome>
+            <Group justify="space-between">
+               <Text fw={'bold'} c={'white'}>Profile</Text>
+               <ActionIcon variant="light" bg={WARNA.bgIcon} size="lg" radius="lg" aria-label="Info">
+                  <BsInfo size={20} color='white' />
+               </ActionIcon>
+            </Group>
+            <Stack
+               align="center"
+               justify="center"
+               gap="xs"
+            >
+
+               <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>
+      </>
+   )
+}