From eac2367a1c813a465ea50869ee3aaee0b412c567 Mon Sep 17 00:00:00 2001
From: Bagasbanuna02 <bagasbanuna02@gmail.com>
Date: Fri, 7 Feb 2025 11:11:29 +0800
Subject: [PATCH]  fix use serach

---
 src/app/api/user/route.ts                     |  2 +-
 src/app_modules/home/view_home_new.tsx        |  4 +-
 .../user_search/component/skeleton_view.tsx   | 27 +++++++++
 .../user_search/component/ui_user_search.tsx  | 58 ++-----------------
 4 files changed, 35 insertions(+), 56 deletions(-)
 create mode 100644 src/app_modules/user_search/component/skeleton_view.tsx

diff --git a/src/app/api/user/route.ts b/src/app/api/user/route.ts
index 8946e7f8..04860474 100644
--- a/src/app/api/user/route.ts
+++ b/src/app/api/user/route.ts
@@ -30,7 +30,7 @@ export async function GET(request: Request) {
     const { searchParams } = new URL(request.url);
     const search = searchParams.get("search");
     const page = searchParams.get("page");
-    const takeData = 1;
+    const takeData = 15;
     const skipData = Number(page) * takeData - takeData;
 
     if (!page) {
diff --git a/src/app_modules/home/view_home_new.tsx b/src/app_modules/home/view_home_new.tsx
index 71e41380..9397b7e9 100644
--- a/src/app_modules/home/view_home_new.tsx
+++ b/src/app_modules/home/view_home_new.tsx
@@ -85,7 +85,7 @@ export default function HomeViewNew() {
                 <ActionIcon radius={"xl"} variant={"transparent"}>
                   <IconUserSearch color={MainColor.white} />
                 </ActionIcon>
-              ) : dataUser && dataUser?.profile === undefined ? (
+              ) : dataUser?.profile === undefined ? (
                 <ActionIcon
                   radius={"xl"}
                   variant={"transparent"}
@@ -112,7 +112,7 @@ export default function HomeViewNew() {
                 <ActionIcon radius={"xl"} variant={"transparent"}>
                   <IconBell color={MainColor.white} />
                 </ActionIcon>
-              ) : dataUser && dataUser?.profile === undefined ? (
+              ) : dataUser?.profile === undefined ? (
                 <ActionIcon
                   radius={"xl"}
                   variant={"transparent"}
diff --git a/src/app_modules/user_search/component/skeleton_view.tsx b/src/app_modules/user_search/component/skeleton_view.tsx
new file mode 100644
index 00000000..50a4e1ed
--- /dev/null
+++ b/src/app_modules/user_search/component/skeleton_view.tsx
@@ -0,0 +1,27 @@
+import CustomSkeleton from "@/app_modules/components/CustomSkeleton";
+import { Grid, Group, Stack } from "@mantine/core";
+
+export function UserSearch_SkeletonView() {
+  return (
+    <>
+      <Stack>
+        {Array.from({ length: 2 }).map((e, i) => (
+          <Grid key={i}>
+            <Grid.Col span={2}>
+              <CustomSkeleton height={40} width={40} circle />
+            </Grid.Col>
+            <Grid.Col span={"auto"}>
+              <Stack>
+                <CustomSkeleton width={"80%"} height={20} />
+                <CustomSkeleton width={"40%"} height={15} />
+              </Stack>
+            </Grid.Col>
+            <Grid.Col span={2}>
+              <CustomSkeleton height={40} width={40} circle />
+            </Grid.Col>
+          </Grid>
+        ))}
+      </Stack>
+    </>
+  );
+}
diff --git a/src/app_modules/user_search/component/ui_user_search.tsx b/src/app_modules/user_search/component/ui_user_search.tsx
index ad879d56..23e83cb4 100644
--- a/src/app_modules/user_search/component/ui_user_search.tsx
+++ b/src/app_modules/user_search/component/ui_user_search.tsx
@@ -25,6 +25,7 @@ import { useRouter } from "next/navigation";
 import { useState } from "react";
 import { userSearch_getAllUser } from "../fun/get/get_all_user";
 import { apiGetUserSearch } from "./api_fetch_user_search";
+import { UserSearch_SkeletonView } from "./skeleton_view";
 
 export function UserSearch_UiView() {
   const [data, setData] = useState<MODEL_USER[]>([]);
@@ -107,15 +108,15 @@ export function UserSearch_UiView() {
           onChange={(val) => handleSearch(val.target.value)}
           // disabled={isLoading}
         />
-        {!data && isLoading ? (
-          <CustomSkeleton height={40} width={"100%"} />
+        {!data.length && isLoading ? (
+          <UserSearch_SkeletonView />
         ) : (
-          <Box >
+          <Box>
             {_.isEmpty(data) ? (
               <ComponentGlobal_IsEmptyData text="Pengguna tidak ditemukan" />
             ) : (
               <ScrollOnly
-                height="5vh"
+                height="84vh"
                 renderLoading={() => (
                   <Center mt={"lg"}>
                     <Loader color={"yellow"} />
@@ -170,61 +171,12 @@ function CardView({ data }: { data: MODEL_USER }) {
           <Group position="right" align="center" h={"100%"}>
             <Center>
               <ActionIcon variant="transparent">
-                {/* PAKE LOADING */}
-                {/* {loading ? (
-                  <ComponentGlobal_Loader />
-                ) : (
-                  <IconChevronRight color="white" />
-                )} */}
-
-                {/* GA PAKE LOADING */}
                 <IconChevronRight color="white" />
               </ActionIcon>
             </Center>
           </Group>
         </Grid.Col>
       </Grid>
-
-      {/* <Stack
-        spacing={"xs"}
-        c="white"
-        py={"xs"}
-        onClick={() => {
-          setLoading(true);
-          router.push(RouterProfile.katalogOLD + `${data?.Profile?.id}`);
-        }}
-      >
-
-        <Group position="apart" grow>
-          <Group position="left" bg={"blue"}>
-            <ComponentGlobal_LoaderAvatar
-              fileId={data.Profile.imageId as any}
-              imageSize="100"
-            />
-
-            <Stack spacing={0}>
-              <Text fw={"bold"} lineClamp={1}>
-                {data?.Profile.name}d sdasd sdas 
-              </Text>
-              <Text fz={"sm"} fs={"italic"}>
-                +{data?.nomor}
-              </Text>
-            </Stack>
-          </Group>
-
-          <Group position="right">
-            <Center>
-              <ActionIcon variant="transparent">
-                {loading ? (
-                  <ComponentGlobal_Loader />
-                ) : (
-                  <IconChevronRight color="white" />
-                )}
-              </ActionIcon>
-            </Center>
-          </Group>
-        </Group>
-      </Stack> */}
     </>
   );
 }