#style: UI Katalog

Desc:
- Tampilan UI katalog selesai diubah
## No Issuee

src/app_modules/auth/index.ts

@@ -2,12 +2,12 @@ import SplashScreen from "./splash/view";
 import Login from "./login/view";
 import Validasi from "./validasi/view";
 import Register from "./register/view";
-import User_Logout from "./logout/view";
+import Component_Logout from "./logout/view";
 
 export {
   SplashScreen,
   Login,
   Validasi,
   Register,
-  User_Logout as Logout,
+  Component_Logout as Logout,
 };

src/app_modules/auth/logout/view.tsx

@@ -1,6 +1,14 @@
 "use client";
 
-import { ActionIcon, Button, Group, Modal, Stack, Title } from "@mantine/core";
+import {
+  ActionIcon,
+  Button,
+  Group,
+  Modal,
+  Stack,
+  Text,
+  Title,
+} from "@mantine/core";
 import { useRouter } from "next/navigation";
 import { useAtom } from "jotai";
 import { gs_kodeId, gs_nomor, gs_otp } from "../state/state";
@@ -12,13 +20,13 @@ import { auth_Logout } from "../fun/fun_logout";
 import { ComponentGlobal_NotifikasiPeringatan } from "@/app_modules/component_global/notif_global/notifikasi_peringatan";
 import { RouterAuth } from "@/app/lib/router_hipmi/router_auth";
 import { useState } from "react";
+import ComponentGlobal_UI_Modal from "@/app_modules/component_global/ui/ui_modal";
 
-export default function User_Logout() {
+export default function Component_Logout() {
   const router = useRouter();
-  const [opened, { toggle }] = useDisclosure(false);
+  const [opened, setOpened] = useState(false);
   const [kodeId, setKodeId] = useAtom(gs_kodeId);
   const [loading, setLoading] = useState(false);
-  const [loading2, setLoading2] = useState(false);
 
   async function onClickLogout() {
     // await auth_Logout(kodeId).then((res) => {
@@ -36,50 +44,52 @@ export default function User_Logout() {
 
   return (
     <>
-      <Modal opened={opened} onClose={toggle} centered withCloseButton={false}>
-        <Stack>
-          <Title order={6}>Anda yakin ingin keluar ?</Title>
-          <Group align="center" position="center">
-            <Button
-              onClick={() => {
-                setLoading(false);
-                toggle();
-              }}
-              radius={50}
-            >
-              Batal
-            </Button>
-            <Button
-              loaderPosition="center"
-              loading={loading2 ? true : false}
-              radius={50}
-              bg={Warna.merah}
-              color="red"
-              onClick={() => {
-                setLoading2(true);
-                onClickLogout();
-              }}
-            >
-              Keluar
-            </Button>
-          </Group>
-        </Stack>
-      </Modal>
-      {/* <ActionIcon variant="transparent">
-        <IconLogout color={Warna.merah} onClick={toggle} />
-      </ActionIcon> */}
-      <Button
-        loading={loading ? true : false}
-        loaderPosition="center"
-        radius={"xl"}
-        color={"red"}
-        onClick={() => {
-          setLoading(true);
-          toggle();
-        }}
-      >
-        Logout
-      </Button>
+      <ComponentGlobal_UI_Modal
+        title={"Anda yakin ingin keluar ?"}
+        buttonKiri={
+          <Button
+            onClick={() => {
+              setLoading(false);
+              setOpened(false);
+            }}
+            radius={50}
+          >
+            Batal
+          </Button>
+        }
+        buttonKanan={
+          <Button
+            loaderPosition="center"
+            loading={loading ? true : false}
+            radius={50}
+            bg={Warna.merah}
+            color="red"
+            onClick={() => {
+              setLoading(true);
+              onClickLogout();
+            }}
+          >
+            Keluar
+          </Button>
+        }
+        opened={opened}
+        close={() => setOpened(false)}
+      />
+
+      <Stack align="center" spacing={"xs"}>
+        <ActionIcon
+          variant="transparent"
+          c="white"
+          onClick={() => {
+            setOpened(true);
+          }}
+        >
+          <IconLogout color="red" />
+        </ActionIcon>
+        <Text fw={"bold"} align="center" color="red">
+          Keluar
+        </Text>
+      </Stack>
     </>
   );
 }

src/app_modules/auth/register/view.tsx

@@ -66,7 +66,7 @@ export default function Register({ dataOtp }: { dataOtp: any }) {
           if (val.status === 200) {
             ComponentGlobal_NotifikasiBerhasil(res.message);
             setLoading(true);
-            router.push(RouterHome.main_home);
+            router.push(RouterHome.main_home, { scroll: false });
           } else {
             ComponentGlobal_NotifikasiPeringatan(val.message);
           }

src/app_modules/auth/validasi/view.tsx

@@ -48,7 +48,7 @@ export default function Validasi({ dataOtp }: { dataOtp: any }) {
             if (res.role === "1") {
               ComponentGlobal_NotifikasiBerhasil(res.message);
               setLoading(true);
-              router.push(RouterHome.main_home);
+              router.push(RouterHome.main_home, {scroll: false});
             } else {
               router.push(RouterAdminDashboard.splash_admin);
             }