# fix

- Layout katalog dan porto clear
# No isuue

src/app_modules/home/fun/get/get_one_user_by_id.ts

@@ -9,6 +9,7 @@ export async function user_getOneById(userId: string) {
     },
     select: {
       id: true,
+      active: true,
       username: true,
       masterUserRoleId: true,
       Profile: true,

src/app_modules/home/index.ts

@@ -1,4 +1,5 @@
 import HomeView from "./view";
 import HomeLayout from "./layout";
+import Home_UserNotActive from "./user_non_active";
 
-export {HomeView, HomeLayout}
+export { HomeView, HomeLayout, Home_UserNotActive as Home_UserNonActive };

src/app_modules/home/layout.tsx

@@ -144,6 +144,7 @@ export default function HomeLayout({
   return (
     <>
       <Box>
+        {/* Header */}
         <Box
           style={{
             zIndex: 99,
@@ -160,17 +161,27 @@ export default function HomeLayout({
             </Title>
           </Center>
         </Box>
+
+        {/* Children */}
         <Box p={"sm"} pos={"static"}>
-          {children}
+          <Stack>
+            {children}
+            <Box
+              style={{
+                height: "10vh",
+              }}
+            ></Box>
+          </Stack>
         </Box>
 
+        {/* Footer */}
         <Box
           style={{
-            zIndex: 98,
+            zIndex: 99,
           }}
           w={"100%"}
           bg={"black"}
-          pos={"sticky"}
+          pos={"fixed"}
           bottom={0}
           h={"10vh"}
         >

src/app_modules/home/user_non_active/index.tsx

@@ -0,0 +1,52 @@
+"use client";
+
+import { Logout } from "@/app_modules/auth";
+import User_Logout from "@/app_modules/auth/logout/view";
+import { Center, Group, Skeleton, Stack, Text, Title } from "@mantine/core";
+
+export default function Home_UserNotActive() {
+  const listhHuruf = [
+    {
+      huruf: "H",
+    },
+    {
+      huruf: "I",
+    },
+    {
+      huruf: "P",
+    },
+    {
+      huruf: "M",
+    },
+    {
+      huruf: "I",
+    },
+  ];
+  const customLOader = (
+    <Center >
+      <Group>
+        {listhHuruf.map((e, i) => (
+          <Center key={i} h={"100%"}>
+            <Skeleton height={50} circle radius={"100%"} />
+            <Text sx={{ position: "absolute" }} c={"gray.4"} fw={"bold"}>
+              {e.huruf}
+            </Text>
+          </Center>
+        ))}
+      </Group>
+    </Center>
+  );
+  return (
+    <>
+      <Center h={"100vh"}>
+        <Stack align="center">
+          {customLOader}
+          <Title order={4} c={"gray"}>
+            Tunggu Konfirmasi Admin !
+          </Title>
+          <User_Logout />
+        </Stack>
+      </Center>
+    </>
+  );
+}

src/app_modules/home/view.tsx

@@ -105,7 +105,7 @@ export default function HomeView({ dataUser }: { dataUser: MODEL_USER }) {
     <>
       {visible ? <ComponentGlobal_V2_LoadingPage /> : ""}
 
-      <Box h={"100%"}>
+      <Box>
         <Paper bg={"dark"} radius={5} mb={"xs"}>
           <Image alt="logo" src={"/aset/home/home-hipmi.png"} />
         </Paper>