Login bug fix

src/app_modules/home/layout.tsx

@@ -9,6 +9,7 @@ import {
   Grid,
   Group,
   Header,
+  Loader,
   SimpleGrid,
   Stack,
   Text,
@@ -39,6 +40,7 @@ export default function HomeLayout({
 }) {
   const router = useRouter();
   const [user, setUser] = useState(dataUser);
+  const [loading, setLoading] = useState(false);
   const listFooter = [
     {
       id: 1,
@@ -68,7 +70,7 @@ export default function HomeLayout({
               <Text color="white" fw={"bold"}>
                 HIPMI
               </Text>
-              <Logout/>
+              {/* <Logout/> */}
               {/* <Group spacing={"sm"}>
                 <ActionIcon>
                   <IconQrcode />
@@ -103,6 +105,7 @@ export default function HomeLayout({
               <Grid.Col
                 span={"auto"}
                 onClick={() => {
+                  setLoading(true);
                   if (user?.Profile === null) {
                     router.push(RouterProfile.create + `${user.id}`);
                   } else {
@@ -114,6 +117,8 @@ export default function HomeLayout({
                   <ActionIcon variant={"transparent"}>
                     {user?.Profile === null ? (
                       <IconUserCircle color="white" />
+                    ) : loading ? (
+                      <Loader />
                     ) : (
                       <Avatar
                         radius={"xl"}

src/app_modules/home/view.tsx

@@ -7,6 +7,7 @@ import {
   Flex,
   Image,
   Loader,
+  LoadingOverlay,
   Paper,
   SimpleGrid,
   Text,
@@ -35,18 +36,24 @@ import { RouterVote } from "@/app/lib/router_hipmi/router_vote";
 import { MODEL_USER } from "./model/interface";
 import { ComponentGlobal_NotifikasiPeringatan } from "../component_global/notif_global/notifikasi_peringatan";
 import { RouterJob } from "@/app/lib/router_hipmi/router_job";
+import { useState } from "react";
+import { useDisclosure } from "@mantine/hooks";
+import ComponentGlobal_LoadingPage from "../component_global/loading_page";
 
 export default function HomeView({ dataUser }: { dataUser: MODEL_USER }) {
   const router = useRouter();
   // const [stateUser, setStateUser] = useState(user);
+  const [loading, setLoading] = useState(false);
+  const [visible, { toggle }] = useDisclosure(false);
 
   const listHalaman = [
     {
       id: 1,
-      name: "Crowd Funding",
-      icon: <IconHeartHandshake size={50} />,
-      link: `/dev/crowd/splash`,
+      name: "Forums",
+      icon: <IconMessages size={50} />,
+      link: "",
     },
+
     {
       id: 2,
       name: "Event",
@@ -55,45 +62,56 @@ export default function HomeView({ dataUser }: { dataUser: MODEL_USER }) {
     },
     {
       id: 3,
+      name: "Business Maps",
+      icon: <IconMap2 size={50} />,
+      link: "",
+    },
+    {
+      id: 4,
       name: "Voting",
       icon: <IconPackageImport size={50} />,
       link: RouterVote.splash,
     },
     {
-      id: 4,
+      id: 5,
+      name: "Project Collaboration",
+      icon: <IconAffiliate size={50} />,
+      link: "",
+    },
+    {
+      id: 6,
+      name: "Crowd Funding",
+      icon: <IconHeartHandshake size={50} />,
+      link: `/dev/crowd/splash`,
+    },
+    {
+      id: 7,
       name: "Job Vacancy",
       icon: <IconBriefcase size={50} />,
       link: RouterJob.spalsh,
     },
 
     {
-      id: 5,
-      name: "Forums",
-      icon: <IconMessages size={50} />,
-      link: "",
-    },
-    {
-      id: 6,
+      id: 8,
       name: "Marketplace",
       icon: <IconShoppingBag size={50} />,
       link: "",
     },
-    {
-      id: 7,
-      name: "Project Collaboration",
-      icon: <IconAffiliate size={50} />,
-      link: "",
-    },
-    {
-      id: 8,
-      name: "Business Maps",
-      icon: <IconMap2 size={50} />,
-      link: "",
-    },
   ];
 
   return (
     <>
+      {visible ? (
+        <Box h={"100%"} pos="relative">
+          <LoadingOverlay
+            visible={visible}
+            loader={<ComponentGlobal_LoadingPage height="100%" />}
+          />
+        </Box>
+      ) : (
+        ""
+      )}
+
       <Box>
         <Paper bg={"dark"} radius={5} my={"xs"}>
           <Image alt="logo" src={"/aset/home/home-hipmi.png"} />
@@ -127,6 +145,7 @@ export default function HomeView({ dataUser }: { dataUser: MODEL_USER }) {
                         "Cooming Soon !!"
                       );
                     } else {
+                      toggle();
                       return router.push(e.link);
                     }
                   }