fix home

deskripsi: - pemanggilan api di rapikan
2025-02-04 11:10:10 +08:00
parent 61845b0e50
commit 51105a24c8
9 changed files with 225 additions and 246 deletions
--- a/logs/backend/.31d2357fa2026a78b8cb786880c7c733460d7dbe-audit.json
+++ b/logs/backend/.31d2357fa2026a78b8cb786880c7c733460d7dbe-audit.json
@@ -54,6 +54,11 @@
            "date": 1738549408639,
            "name": "logs/backend/combined-2025-02-03.log",
            "hash": "f3f6220a7d5836dbdd5893576479feee4d13abcdfe1ee2e89375e18abea72ee5"
+        },
+        {
+            "date": 1738635038169,
+            "name": "logs/backend/combined-2025-02-04.log",
+            "hash": "b197eb2d58bbab3566e05fdb2bcc52ee608c4fe6ffb54fc958060c8dc4ff305f"
        }
    ],
    "hashType": "sha256"
--- a/logs/backend/.5d9a990e0c6075347623def466341a14f8ba4a12-audit.json
+++ b/logs/backend/.5d9a990e0c6075347623def466341a14f8ba4a12-audit.json
@@ -54,6 +54,11 @@
            "date": 1738549408637,
            "name": "logs/backend/error-2025-02-03.log",
            "hash": "ffd13b033c90d60d10c935a41fe42f3a4d065311cbf7beda1b76b9c5c985e90b"
+        },
+        {
+            "date": 1738635038164,
+            "name": "logs/backend/error-2025-02-04.log",
+            "hash": "7490b9f6c36fa2500bafa66c4aa590053c50234150ad9ad86ad9400f0ba76a43"
        }
    ],
    "hashType": "sha256"
--- a/logs/backend/combined-2025-02-03.log
+++ b/logs/backend/combined-2025-02-03.log
@@ -5,3 +5,4 @@
 {"digest":"DYNAMIC_SERVER_USAGE","level":"error","message":"Error get data detail event: Dynamic server usage: Page couldn't be rendered statically because it used `request.url`. See more info here: https://nextjs.org/docs/messages/dynamic-server-error","stack":"Error: Dynamic server usage: Page couldn't be rendered statically because it used `request.url`. See more info here: https://nextjs.org/docs/messages/dynamic-server-error\n    at new eS (/Users/bagasbanuna/Documents/BIP/hipmi/node_modules/next/dist/compiled/next-server/app-route.runtime.prod.js:14:26724)\n    at e_ (/Users/bagasbanuna/Documents/BIP/hipmi/node_modules/next/dist/compiled/next-server/app-route.runtime.prod.js:14:27574)\n    at i (/Users/bagasbanuna/Documents/BIP/hipmi/node_modules/next/dist/compiled/next-server/app-route.runtime.prod.js:14:32507)\n    at get (/Users/bagasbanuna/Documents/BIP/hipmi/node_modules/next/dist/compiled/next-server/app-route.runtime.prod.js:14:32603)\n    at <anonymous> (/Users/bagasbanuna/Documents/BIP/hipmi/.next/server/app/api/event/check-peserta/route.js)\n    at GET (/Users/bagasbanuna/Documents/BIP/hipmi/.next/server/app/api/event/check-peserta/route.js)\n    at <anonymous> (/Users/bagasbanuna/Documents/BIP/hipmi/node_modules/next/dist/compiled/next-server/app-route.runtime.prod.js:14:39714)\n    at <anonymous> (/Users/bagasbanuna/Documents/BIP/hipmi/node_modules/next/dist/compiled/next-server/app-route.runtime.prod.js:14:33303)\n    at <anonymous> (/Users/bagasbanuna/Documents/BIP/hipmi/node_modules/next/dist/server/lib/trace/tracer.js:121:36)\n    at run (node:async_hooks:64:22)","timestamp":"2025-02-03T06:56:34.648Z"}
 {"digest":"DYNAMIC_SERVER_USAGE","level":"error","message":"Error get data detail event: Dynamic server usage: Page couldn't be rendered statically because it used `request.url`. See more info here: https://nextjs.org/docs/messages/dynamic-server-error","stack":"Error: Dynamic server usage: Page couldn't be rendered statically because it used `request.url`. See more info here: https://nextjs.org/docs/messages/dynamic-server-error\n    at Object.e_ [as staticGenerationBailout] (/Users/bagasbanuna/Documents/BIP/hipmi/node_modules/next/dist/compiled/next-server/app-route.runtime.prod.js:14:27571)\n    at i (/Users/bagasbanuna/Documents/BIP/hipmi/node_modules/next/dist/compiled/next-server/app-route.runtime.prod.js:14:32508)\n    at Object.get (/Users/bagasbanuna/Documents/BIP/hipmi/node_modules/next/dist/compiled/next-server/app-route.runtime.prod.js:14:32604)\n    at GET (/Users/bagasbanuna/Documents/BIP/hipmi/.next/server/app/api/event/check-peserta/route.js:1:1219)\n    at /Users/bagasbanuna/Documents/BIP/hipmi/node_modules/next/dist/compiled/next-server/app-route.runtime.prod.js:14:39715\n    at /Users/bagasbanuna/Documents/BIP/hipmi/node_modules/next/dist/server/lib/trace/tracer.js:121:36\n    at NoopContextManager.with (/Users/bagasbanuna/Documents/BIP/hipmi/node_modules/next/dist/compiled/@opentelemetry/api/index.js:1:7057)\n    at ContextAPI.with (/Users/bagasbanuna/Documents/BIP/hipmi/node_modules/next/dist/compiled/@opentelemetry/api/index.js:1:516)\n    at NoopTracer.startActiveSpan (/Users/bagasbanuna/Documents/BIP/hipmi/node_modules/next/dist/compiled/@opentelemetry/api/index.js:1:18086)\n    at ProxyTracer.startActiveSpan (/Users/bagasbanuna/Documents/BIP/hipmi/node_modules/next/dist/compiled/@opentelemetry/api/index.js:1:18847)","timestamp":"2025-02-03T07:06:48.864Z"}
 {"digest":"DYNAMIC_SERVER_USAGE","level":"error","message":"Error get data detail event: Dynamic server usage: Page couldn't be rendered statically because it used `request.url`. See more info here: https://nextjs.org/docs/messages/dynamic-server-error","stack":"Error: Dynamic server usage: Page couldn't be rendered statically because it used `request.url`. See more info here: https://nextjs.org/docs/messages/dynamic-server-error\n    at Object.e_ [as staticGenerationBailout] (/Users/bagasbanuna/Documents/BIP/hipmi/node_modules/next/dist/compiled/next-server/app-route.runtime.prod.js:14:27571)\n    at i (/Users/bagasbanuna/Documents/BIP/hipmi/node_modules/next/dist/compiled/next-server/app-route.runtime.prod.js:14:32508)\n    at Object.get (/Users/bagasbanuna/Documents/BIP/hipmi/node_modules/next/dist/compiled/next-server/app-route.runtime.prod.js:14:32604)\n    at GET (/Users/bagasbanuna/Documents/BIP/hipmi/.next/server/app/api/event/check-peserta/route.js:1:1219)\n    at /Users/bagasbanuna/Documents/BIP/hipmi/node_modules/next/dist/compiled/next-server/app-route.runtime.prod.js:14:39715\n    at /Users/bagasbanuna/Documents/BIP/hipmi/node_modules/next/dist/server/lib/trace/tracer.js:121:36\n    at NoopContextManager.with (/Users/bagasbanuna/Documents/BIP/hipmi/node_modules/next/dist/compiled/@opentelemetry/api/index.js:1:7057)\n    at ContextAPI.with (/Users/bagasbanuna/Documents/BIP/hipmi/node_modules/next/dist/compiled/@opentelemetry/api/index.js:1:516)\n    at NoopTracer.startActiveSpan (/Users/bagasbanuna/Documents/BIP/hipmi/node_modules/next/dist/compiled/@opentelemetry/api/index.js:1:18086)\n    at ProxyTracer.startActiveSpan (/Users/bagasbanuna/Documents/BIP/hipmi/node_modules/next/dist/compiled/@opentelemetry/api/index.js:1:18847)","timestamp":"2025-02-03T07:32:02.910Z"}
+{"id":"f6b224a2-3aeb-4cbc-afee-075a7965ab70","level":"info","message":"Success send message","status":"success","timestamp":"2025-02-03T09:53:34.492Z"}
--- a/logs/backend/combined-2025-02-04.log
+++ b/logs/backend/combined-2025-02-04.log
--- a/logs/backend/error-2025-02-04.log
+++ b/logs/backend/error-2025-02-04.log
--- a/src/app/api/new/home/route.ts
+++ b/src/app/api/new/home/route.ts
@@ -3,67 +3,82 @@ import { funGetUserIdByToken } from "@/app_modules/_global/fun/get";
 import { NextResponse } from "next/server";
 export const dynamic = "force-dynamic";

-
 // GET DATA HOME
 export async function GET(request: Request) {
-   try {
-      let fixData
-      const { searchParams } = new URL(request.url)
-      const kategori = searchParams.get("cat")
+  try {
+    let fixData;
+    const { searchParams } = new URL(request.url);
+    const kategori = searchParams.get("cat");

-      const userLoginId = await funGetUserIdByToken()
-      if (userLoginId == null) {
-         return NextResponse.json({ success: false, message: "Gagal mendapatkan data, user id tidak ada" }, { status: 500 });
-      }
+    const userLoginId = await funGetUserIdByToken();
+    if (userLoginId == null) {
+      return NextResponse.json(
+        {
+          success: false,
+          message: "Gagal mendapatkan data, user id tidak ada",
+        },
+        { status: 500 }
+      );
+    }

-      if (kategori == "job") {
-         fixData = await prisma.job.findMany({
-            take: 2,
-            orderBy: {
-               createdAt: "desc",
-            },
-            where: {
-               isActive: true,
-               masterStatusId: "1"
-            },
+    if (kategori == "job") {
+      fixData = await prisma.job.findMany({
+        take: 2,
+        orderBy: {
+          createdAt: "desc",
+        },
+        where: {
+          isActive: true,
+          masterStatusId: "1",
+        },
+        select: {
+          id: true,
+          Author: {
            select: {
-               id: true,
-               Author: {
-                  select: {
-                     id: true,
-                     username: true,
-                  },
-               },
-               title: true,
-               deskripsi: true
+              id: true,
+              username: true,
            },
-         });
-      } else if (kategori == "cek_profile") {
-         const data = await prisma.user.findUnique({
-            where: {
-               id: userLoginId,
+          },
+          title: true,
+          deskripsi: true,
+        },
+      });
+    } else if (kategori == "cek_profile") {
+      const data = await prisma.user.findUnique({
+        where: {
+          id: userLoginId,
+        },
+        include: {
+          Profile: {
+            select: {
+              id: true,
+              imageId: true,
            },
-            include: {
-               Profile: {
-                  select: {
-                     id: true,
-                     imageId: true,
-                  }
-               }
-            }
-         });
+          },
+        },
+      });

-         fixData = {
-            profile: data?.Profile?.id,
-            imageId: data?.Profile?.imageId
-         }
+      fixData = {
+        profile: data?.Profile?.id,
+        imageId: data?.Profile?.imageId,
+      };
+    }

-      }
-
-      return NextResponse.json({ success: true, message: "Berhasil mendapatkan data", data: fixData }, { status: 200 });
-
-   } catch (error) {
-      console.error(error);
-      return NextResponse.json({ success: false, message: "Gagal mendapatkan data, coba lagi nanti ", reason: (error as Error).message, }, { status: 500 });
-   }
-}
+    return NextResponse.json(
+      { success: true, message: "Berhasil mendapatkan data", data: fixData },
+      { status: 200 }
+    );
+  } catch (error) {
+    console.error(error);
+    return NextResponse.json(
+      {
+        success: false,
+        message: "Gagal mendapatkan data, coba lagi nanti ",
+        reason: (error as Error).message,
+      },
+      { status: 500 }
+    );
+  } finally {
+    await prisma.$disconnect();
+  }
+}
--- a/src/app_modules/home/component/body_home.tsx
+++ b/src/app_modules/home/component/body_home.tsx
@@ -3,10 +3,10 @@ import { AccentColor, MainColor } from "@/app_modules/_global/color";
 import ComponentGlobal_IsEmptyData from "@/app_modules/_global/component/is_empty_data";
 import { ComponentGlobal_NotifikasiPeringatan } from "@/app_modules/_global/notif_global";
 import CustomSkeleton from "@/app_modules/components/CustomSkeleton";
+import { clientLogger } from "@/util/clientLogger";
 import {
  ActionIcon,
  Box,
-  Flex,
  Grid,
  Group,
  Image,
@@ -22,40 +22,20 @@ import { useRouter } from "next/navigation";
 import { useState } from "react";
 import { apiGetDataHome } from "../fun/get/api_home";
 import { listMenuHomeBody, menuHomeJob } from "./list_menu_home";
-import { clientLogger } from "@/util/clientLogger";

-export default function BodyHome() {
+export default function BodyHome({ dataUser }: { dataUser: any | null }) {
  const router = useRouter();
-  const [dataUser, setDataUser] = useState<any | null>(null);
  const [dataJob, setDataJob] = useState<any[] | null>(null);
  const [loadingJob, setLoadingJob] = useState(true);
  const [loading, setLoading] = useState(true);

  useShallowEffect(() => {
-    cekUserLogin();
    getHomeJob();
  }, []);

-  async function cekUserLogin() {
-    try {
-      const response = await apiGetDataHome({
-        path: "?cat=cek_profile",
-      });
-
-      if (response) {
-        setDataUser(response.data);
-      }
-    } catch (error) {
-      clientLogger.error("Error get data profile", error);
-    } 
-  }
-
-
-
  async function getHomeJob() {
    try {
      setLoadingJob(true);
-
      const response = await apiGetDataHome({
        path: "?cat=job",
      });
@@ -101,21 +81,14 @@ export default function BodyHome() {
                border: `2px solid ${AccentColor.blue}`,
              }}
              onClick={() => {
-                if (dataUser == null) {
+                if (!dataUser) {
                  return null;
-                } else if (
-                  Object.keys(dataUser).length == 0 ||
-                  dataJob?.length == null
-                ) {
+                } else if (dataUser.profile === undefined) {
                  router.push(RouterProfile.create, { scroll: false });
+                } else if (e.link == "") {
+                  ComponentGlobal_NotifikasiPeringatan("Cooming Soon");
                } else {
-                  if (e.link == "") {
-                    return ComponentGlobal_NotifikasiPeringatan(
-                      "Cooming Soon !!"
-                    );
-                  } else {
-                    router.push(e.link, { scroll: false });
-                  }
+                  router.push(e.link, { scroll: false });
                }
              }}
            >
@@ -147,21 +120,14 @@ export default function BodyHome() {
        >
          <Stack
            onClick={() => {
-              if (dataUser == null) {
+              if (!dataUser) {
                return null;
-              } else if (
-                Object.keys(dataUser).length == 0 ||
-                dataJob?.length == null
-              ) {
+              } else if (dataUser.profile === undefined) {
                router.push(RouterProfile.create, { scroll: false });
+              } else if (menuHomeJob.link == "") {
+                ComponentGlobal_NotifikasiPeringatan("Cooming Soon ");
              } else {
-                if (menuHomeJob.link == "") {
-                  return ComponentGlobal_NotifikasiPeringatan(
-                    "Cooming Soon !!"
-                  );
-                } else {
-                  return router.push(menuHomeJob.link, { scroll: false });
-                }
+                router.push(menuHomeJob.link, { scroll: false });
              }
            }}
          >
--- a/src/app_modules/home/component/footer_home.tsx
+++ b/src/app_modules/home/component/footer_home.tsx
@@ -1,6 +1,8 @@
 import { APIs } from "@/app/lib";
 import { RouterProfile } from "@/app/lib/router_hipmi/router_katalog";
+import { MainColor } from "@/app_modules/_global/color";
 import { ComponentGlobal_NotifikasiPeringatan } from "@/app_modules/_global/notif_global";
+import CustomSkeleton from "@/app_modules/components/CustomSkeleton";
 import {
  ActionIcon,
  Box,
@@ -9,37 +11,14 @@ import {
  Stack,
  Text,
 } from "@mantine/core";
-import { useShallowEffect } from "@mantine/hooks";
-import { IconUserCircle } from "@tabler/icons-react";
 import { useRouter } from "next/navigation";
-import { useState } from "react";
-import { apiGetDataHome } from "../fun/get/api_home";
 import { Home_ComponentAvatarProfile } from "./comp_avatar_profile";
 import { listMenuHomeFooter } from "./list_menu_home";
-import { MainColor } from "@/app_modules/_global/color";
-import { clientLogger } from "@/util/clientLogger";
-import CustomSkeleton from "@/app_modules/components/CustomSkeleton";
+import { IconUser } from "@tabler/icons-react";
+import { IconUserCircle } from "@tabler/icons-react";

-export default function FooterHome() {
+export default function FooterHome({ dataUser }: { dataUser: any | null }) {
  const router = useRouter();
-  const [dataUser, setDataUser] = useState<any | null>(null);
-
-  useShallowEffect(() => {
-    cekUserLogin();
-  }, []);
-
-  async function cekUserLogin() {
-    try {
-      const response = await apiGetDataHome({
-        path: "?cat=cek_profile",
-      });
-      if (response) {
-        setDataUser(response.data);
-      }
-    } catch (error) {
-      clientLogger.error("Error get data profile", error);
-    }
-  }

  return (
    <Box
@@ -51,95 +30,81 @@ export default function FooterHome() {
      bottom={0}
      h={"9vh"}
    >
-      {dataUser == null ? (
-        <SimpleGrid cols={4}>
-          {Array.from(new Array(4)).map((_, i) => (
-            <Center h={"9vh"} key={i}>
-              <Stack align="center">
-                <CustomSkeleton radius={"lg"} height={40} w={40} />
-              </Stack>
-            </Center>
-          ))}
-        </SimpleGrid>
-      ) : (
-        <SimpleGrid cols={listMenuHomeFooter.length + 1}>
-          {listMenuHomeFooter.map((e) => (
-            <Center h={"9vh"} key={e.id}>
-              <Stack
-                align="center"
-                spacing={0}
-                onClick={() => {
-                  if (dataUser == null) {
-                    return null;
-                  } else if (Object.keys(dataUser).length === 0) {
-                    router.push(RouterProfile.create, { scroll: false });
-                  } else {
-                    if (e.link == "") {
-                      ComponentGlobal_NotifikasiPeringatan("Cooming Soon");
-                    } else {
-                      router.push(e.link, { scroll: false });
-                    }
-                  }
-                }}
-              >
-                <ActionIcon
-                  radius={"xl"}
-                  c={e.link === "" ? "gray" : MainColor.white}
-                  variant="transparent"
-                >
-                  {e.icon}
-                </ActionIcon>
-                <Text
-                  lineClamp={1}
-                  c={e.link === "" ? "gray" : MainColor.white}
-                  fz={12}
-                >
-                  {e.name}
-                </Text>
-              </Stack>
-            </Center>
-          ))}
-
-          <Center h={"9vh"}>
+      <SimpleGrid cols={listMenuHomeFooter.length + 1}>
+        {listMenuHomeFooter.map((e) => (
+          <Center h={"9vh"} key={e.id}>
            <Stack
              align="center"
-              spacing={2}
+              spacing={0}
              onClick={() => {
-                if (
-                  dataUser.profile === undefined ||
-                  dataUser?.profile === null
-                ) {
+                if (!dataUser) {
+                  return null;
+                } else if (dataUser.profile === undefined) {
                  router.push(RouterProfile.create, { scroll: false });
+                } else if (e.link == "") {
+                  ComponentGlobal_NotifikasiPeringatan("Cooming Soon");
                } else {
+                  router.push(e.link, { scroll: false });
+                }
+              }}
+            >
+              <ActionIcon
+                radius={"xl"}
+                c={e.link === "" ? "gray" : MainColor.white}
+                variant="transparent"
+              >
+                {e.icon}
+              </ActionIcon>
+              <Text
+                lineClamp={1}
+                c={e.link === "" ? "gray" : MainColor.white}
+                fz={12}
+              >
+                {e.name}
+              </Text>
+            </Stack>
+          </Center>
+        ))}
+
+        <Center h={"9vh"}>
+          <Stack align="center" spacing={2}>
+            {!dataUser ? (
+              <CustomSkeleton height={25} width={25} radius={"xl"} />
+            ) : dataUser.profile === undefined ? (
+              <ActionIcon
+                variant={"transparent"}
+                onClick={() =>
+                  router.push(RouterProfile.create, { scroll: false })
+                }
+              >
+                <IconUserCircle color="white" />
+              </ActionIcon>
+            ) : (
+              <ActionIcon
+                variant={"transparent"}
+                onClick={() => {
                  router.push(
                    RouterProfile.katalogOLD + `${dataUser?.profile}`,
                    {
                      scroll: false,
                    }
                  );
-                }
-              }}
-            >
-              <ActionIcon variant={"transparent"}>
-                {dataUser.profile === undefined ||
-                dataUser?.profile === null ? (
-                  <IconUserCircle color={MainColor.white} />
-                ) : (
-                  <Home_ComponentAvatarProfile
-                    url={APIs.GET({
-                      fileId: dataUser?.imageId as string,
-                      size: "50",
-                    })}
-                  />
-                )}
+                }}
+              >
+                <Home_ComponentAvatarProfile
+                  url={APIs.GET({
+                    fileId: dataUser?.imageId as string,
+                    size: "50",
+                  })}
+                />
              </ActionIcon>
-              <Text fz={10} c={MainColor.white}>
-                Profile
-              </Text>
-            </Stack>
-          </Center>
-        </SimpleGrid>
-      )}
+            )}
+            <Text fz={10} c={MainColor.white}>
+              Profile
+            </Text>
+          </Stack>
+        </Center>
+      </SimpleGrid>
    </Box>
  );
 }
--- a/src/app_modules/home/view_home_new.tsx
+++ b/src/app_modules/home/view_home_new.tsx
@@ -1,9 +1,11 @@
 "use client";
 import { API_RouteNotifikasi } from "@/app/lib/api_user_router/route_api_notifikasi";
 import { gs_count_ntf, gs_user_ntf } from "@/app/lib/global_state";
+import global_limit from "@/app/lib/limit";
 import { RouterProfile } from "@/app/lib/router_hipmi/router_katalog";
 import { RouterNotifikasi } from "@/app/lib/router_hipmi/router_notifikasi";
 import { RouterUserSearch } from "@/app/lib/router_hipmi/router_user_search";
+import { clientLogger } from "@/util/clientLogger";
 import { ActionIcon, Indicator, Text } from "@mantine/core";
 import { useShallowEffect } from "@mantine/hooks";
 import { IconBell, IconUserSearch } from "@tabler/icons-react";
@@ -17,8 +19,6 @@ import { gs_notifikasi_kategori_app } from "../notifikasi/lib";
 import BodyHome from "./component/body_home";
 import FooterHome from "./component/footer_home";
 import { apiGetDataHome } from "./fun/get/api_home";
-import { clientLogger } from "@/util/clientLogger";
-import CustomSkeleton from "../components/CustomSkeleton";

 export default function HomeViewNew() {
  const [countNtf, setCountNtf] = useAtom(gs_count_ntf);
@@ -27,10 +27,6 @@ export default function HomeViewNew() {
  const [categoryPage, setCategoryPage] = useAtom(gs_notifikasi_kategori_app);
  const router = useRouter();

-  useShallowEffect(() => {
-    onLoadNotifikasi();
-  }, []);
-
  useShallowEffect(() => {
    if (countNtf != null) {
      setCountNtf(countNtf + newUserNtf);
@@ -38,15 +34,32 @@ export default function HomeViewNew() {
    }
  }, [newUserNtf, countNtf]);

-  async function onLoadNotifikasi() {
-    const loadNotif = await fetch(API_RouteNotifikasi.get_count_by_id());
-    const data = await loadNotif.json().then((res) => res.data);
-    setCountNtf(data);
+  useShallowEffect(() => {
+    hanlderLoadData();
+  }, []);
+
+  async function hanlderLoadData() {
+    try {
+      const listLoadData = [
+        global_limit(() => onLoadNotifikasi()),
+        global_limit(() => cekUserLogin()),
+      ];
+
+      await Promise.all(listLoadData);
+    } catch (error) {
+      clientLogger.error("Error handler load data", error);
+    }
  }

-  useShallowEffect(() => {
-    cekUserLogin();
-  }, []);
+  async function onLoadNotifikasi() {
+    try {
+      const loadNotif = await fetch(API_RouteNotifikasi.get_count_by_id());
+      const data = await loadNotif.json().then((res) => res.data);
+      setCountNtf(data);
+    } catch (error) {
+      clientLogger.error("Error load notifikasi", error);
+    }
+  }

  async function cekUserLogin() {
    try {
@@ -68,22 +81,26 @@ export default function HomeViewNew() {
          <UIGlobal_LayoutHeaderTamplate
            title="HIPMI"
            customButtonLeft={
-              dataUser == null ? (
-                <CustomSkeleton width={20} height={20} circle />
+              !dataUser && !countNtf ? (
+                <ActionIcon radius={"xl"} variant={"transparent"}>
+                  <IconUserSearch color={MainColor.white} />
+                </ActionIcon>
+              ) : dataUser.profile === undefined ? (
+                <ActionIcon
+                  radius={"xl"}
+                  variant={"transparent"}
+                  onClick={() => {
+                    router.push(RouterProfile.create, { scroll: false });
+                  }}
+                >
+                  <IconUserSearch color={MainColor.white} />
+                </ActionIcon>
              ) : (
                <ActionIcon
                  radius={"xl"}
-                  disabled={countNtf == null}
                  variant={"transparent"}
                  onClick={() => {
-                    if (
-                      dataUser.profile != undefined ||
-                      dataUser?.profile != null
-                    ) {
-                      router.push(RouterUserSearch.main, { scroll: false });
-                    } else {
-                      router.push(RouterProfile.create, { scroll: false });
-                    }
+                    router.push(RouterUserSearch.main, { scroll: false });
                  }}
                >
                  <IconUserSearch color={MainColor.white} />
@@ -91,27 +108,32 @@ export default function HomeViewNew() {
              )
            }
            customButtonRight={
-              dataUser == null ? (
-                <CustomSkeleton width={20} height={20} circle />
+              !dataUser && !countNtf ? (
+                <ActionIcon radius={"xl"} variant={"transparent"}>
+                  <IconBell color={MainColor.white} />
+                </ActionIcon>
+              ) : dataUser.profile === undefined ? (
+                <ActionIcon
+                  radius={"xl"}
+                  variant={"transparent"}
+                  onClick={() => {
+                    router.push(RouterProfile.create, { scroll: false });
+                  }}
+                >
+                  <IconBell color={MainColor.white} />
+                </ActionIcon>
              ) : (
                <ActionIcon
                  variant="transparent"
                  disabled={countNtf == null}
                  onClick={() => {
-                    if (
-                      dataUser.profile != undefined ||
-                      dataUser?.profile != null
-                    ) {
-                      setCategoryPage("Semua");
-                      router.push(
-                        RouterNotifikasi.categoryApp({ name: "semua" }),
-                        {
-                          scroll: false,
-                        }
-                      );
-                    } else {
-                      router.push(RouterProfile.create, { scroll: false });
-                    }
+                    setCategoryPage("Semua");
+                    router.push(
+                      RouterNotifikasi.categoryApp({ name: "semua" }),
+                      {
+                        scroll: false,
+                      }
+                    );
                  }}
                >
                  {countNtf != null && countNtf > 0 ? (
@@ -134,9 +156,9 @@ export default function HomeViewNew() {
            }
          />
        }
-        footer={<FooterHome />}
+        footer={<FooterHome dataUser={dataUser} />}
      >
-        <BodyHome />
+        <BodyHome dataUser={dataUser} />
      </UIGlobal_LayoutTamplate>
    </>
  );