Fix: Avatar

Deskripsi:
- Avatar job
- Avatar collaboration
- Avatar event
## No Issuue

src/app_modules/auth/login/view.tsx

@@ -6,27 +6,19 @@ import {
   MainColor,
 } from "@/app_modules/_global/color/color_pallet";
 import ComponentGlobal_ErrorInput from "@/app_modules/_global/component/error_input";
-import { auth_funLogin } from "@/app_modules/auth/fun/fun_login";
-import {
-  BackgroundImage,
-  Button,
-  Center,
-  Stack,
-  Text,
-  Title,
-} from "@mantine/core";
-import { useAtom } from "jotai";
-import { useRouter } from "next/navigation";
-import { useState } from "react";
-import { PhoneInput } from "react-international-phone";
-import "react-international-phone/style.css";
-import { gs_kodeId } from "../state/state";
 import {
   ComponentGlobal_NotifikasiBerhasil,
   ComponentGlobal_NotifikasiPeringatan,
 } from "@/app_modules/_global/notif_global";
+import { UIGlobal_LayoutDefault } from "@/app_modules/_global/ui";
+import { auth_funLogin } from "@/app_modules/auth/fun/fun_login";
+import { Box, Button, Center, Stack, Text, Title } from "@mantine/core";
+import { useRouter } from "next/navigation";
+import { useState } from "react";
+import { PhoneInput } from "react-international-phone";
+import "react-international-phone/style.css";
 
-export default function Login() {
+export default function Login({ version }: { version: string }) {
   const router = useRouter();
   const [phone, setPhone] = useState("");
   const [loading, setLoading] = useState(false);
@@ -56,11 +48,7 @@ export default function Login() {
 
   return (
     <>
-      <BackgroundImage
-        src={"/aset/global/main_background.png"}
-        h={"100vh"}
-        // pos={"static"}
-      >
+      <UIGlobal_LayoutDefault>
         <Stack align="center" justify="center" h={"100vh"} spacing={100}>
           <Stack align="center" spacing={0}>
             <Title order={3} c={MainColor.yellow}>
@@ -104,8 +92,19 @@ export default function Login() {
               LOGIN
             </Button>
           </Stack>
+
+          <Box pos={"fixed"} bottom={10}>
+            <Text fw={"bold"} c={"white"} fs={"italic"} fz={"xs"}>
+              V.{version}
+            </Text>
+          </Box>
         </Stack>
-      </BackgroundImage>
+      </UIGlobal_LayoutDefault>
+      {/* <BackgroundImage
+        src={"/aset/global/main_background.png"}
+        h={"100vh"}
+        // pos={"static"}
+      ></BackgroundImage> */}
     </>
   );
 }

src/app_modules/auth/register/view.tsx

@@ -1,6 +1,7 @@
 "use client";
 
 import { RouterHome } from "@/app/lib/router_hipmi/router_home";
+import { GlobalEnv } from "@/app/lib/token";
 import {
   AccentColor,
   MainColor,
@@ -8,14 +9,14 @@ import {
 import ComponentGlobal_ErrorInput from "@/app_modules/_global/component/error_input";
 import { ComponentGlobal_NotifikasiBerhasil } from "@/app_modules/_global/notif_global/notifikasi_berhasil";
 import { ComponentGlobal_NotifikasiPeringatan } from "@/app_modules/_global/notif_global/notifikasi_peringatan";
+import { UIGlobal_LayoutDefault } from "@/app_modules/_global/ui";
 import {
-  BackgroundImage,
   Button,
   Center,
   Stack,
   Text,
   TextInput,
-  Title,
+  Title
 } from "@mantine/core";
 import { useFocusTrap } from "@mantine/hooks";
 import { IconUserCircle } from "@tabler/icons-react";
@@ -24,7 +25,6 @@ import { useRouter } from "next/navigation";
 import { useState } from "react";
 import { auth_funDeleteAktivasiKodeOtpById } from "../fun/fun_edit_aktivasi_kode_otp_by_id";
 import { Auth_funRegister } from "../fun/fun_register";
-import { GlobalEnv } from "@/app/lib/token";
 
 export default function Register({ dataOtp }: { dataOtp: any }) {
   const router = useRouter();
@@ -68,7 +68,7 @@ export default function Register({ dataOtp }: { dataOtp: any }) {
 
   return (
     <>
-      <BackgroundImage src={"/aset/global/main_background.png"} h={"100vh"}>
+      <UIGlobal_LayoutDefault>
         <Center h={"100vh"}>
           <Stack h={"100%"} align="center" justify="center" spacing={70}>
             <Title order={2} c={MainColor.yellow}>
@@ -130,7 +130,7 @@ export default function Register({ dataOtp }: { dataOtp: any }) {
             </Stack>
           </Stack>
         </Center>
-      </BackgroundImage>
+      </UIGlobal_LayoutDefault>
     </>
   );
 }

src/app_modules/auth/splash/view.tsx

@@ -1,5 +1,7 @@
 "use client";
 
+import { RouterAuth } from "@/app/lib/router_hipmi/router_auth";
+import { RouterHome } from "@/app/lib/router_hipmi/router_home";
 import { MainColor } from "@/app_modules/_global/color/color_pallet";
 import UIGlobal_SplashScreen from "@/app_modules/_global/ui/ui_splash";
 import {
@@ -19,11 +21,11 @@ export default function SplashScreen({ userLoginId }: { userLoginId: any }) {
   useShallowEffect(() => {
     if (!userLoginId) {
       setTimeout(() => {
-        return router.push("/dev/auth/login", { scroll: false });
+        return router.push(RouterAuth.login, { scroll: false });
       }, 1000);
     } else {
       setTimeout(() => {
-        return router.push("/dev/home", { scroll: false });
+        return router.push(RouterHome.main_home, { scroll: false });
       }, 1000);
     }
   }, []);

src/app_modules/auth/validasi/view.tsx

@@ -27,6 +27,7 @@ import { useState } from "react";
 import { auth_funDeleteAktivasiKodeOtpById } from "../fun/fun_edit_aktivasi_kode_otp_by_id";
 import { auth_funValidasi } from "../fun/fun_validasi";
 import { GlobalEnv } from "@/app/lib/token";
+import { UIGlobal_LayoutDefault } from "@/app_modules/_global/ui";
 
 export default function Validasi({ dataOtp }: { dataOtp: any }) {
   const router = useRouter();
@@ -86,11 +87,7 @@ export default function Validasi({ dataOtp }: { dataOtp: any }) {
 
   return (
     <>
-      <BackgroundImage
-        src={"/aset/global/main_background.png"}
-        h={"100vh"}
-        // pos={"static"}
-      >
+      <UIGlobal_LayoutDefault>
         <Stack h={"100vh"}>
           <Box
             pt={"md"}
@@ -154,7 +151,7 @@ export default function Validasi({ dataOtp }: { dataOtp: any }) {
             </Button>
           </Stack>
         </Stack>
-      </BackgroundImage>
+      </UIGlobal_LayoutDefault>
     </>
   );
 }