#Job done

## feat
- Fix bug login
### No issuue

src/app_modules/auth/register/view.tsx

@@ -1,8 +1,17 @@
 "use client";
 
 import { Warna } from "@/app/lib/warna";
-import { Flex, Title, TextInput, Button, Text } from "@mantine/core";
-import { IconCircleLetterH } from "@tabler/icons-react";
+import {
+  Flex,
+  Title,
+  TextInput,
+  Button,
+  Text,
+  Center,
+  PinInput,
+  Stack,
+} from "@mantine/core";
+import { IconCircleLetterH, IconCloudLockOpen } from "@tabler/icons-react";
 import { gs_nomor } from "../state/state";
 import { useAtom } from "jotai";
 import { useState } from "react";
@@ -12,46 +21,79 @@ import { ApiHipmi } from "@/app/lib/api";
 import { useRouter } from "next/navigation";
 import _ from "lodash";
 import { useFocusTrap } from "@mantine/hooks";
+import { Auth_funRegister } from "../fun/fun_register";
+import { ComponentGlobal_NotifikasiPeringatan } from "@/app_modules/component_global/notif_global/notifikasi_peringatan";
+import { ComponentGlobal_NotifikasiBerhasil } from "@/app_modules/component_global/notif_global/notifikasi_berhasil";
+import { IconPencilCheck } from "@tabler/icons-react";
+import { RouterHome } from "@/app/lib/router_hipmi/router_home";
+import { auth_funEditAktivasiKodeOtpById } from "../fun/fun_edit_aktivasi_kode_otp_by_id";
 
-export default function Register() {
-  const route = useRouter();
-  const [nomor, setNomor] = useAtom(gs_nomor);
+export default function Register({ dataOtp }: { dataOtp: any }) {
+  const router = useRouter();
+  const [nomor, setNomor] = useState(dataOtp.nomor);
   const [value, setValue] = useState("");
   const focusTrapRef = useFocusTrap();
 
-  const onRegister = async () => {
-    myConsole(value);
+  // const onRegister = async () => {
+  //   myConsole(value);
 
+  //   const body = {
+  //     username: _.lowerCase(value),
+  //     nomor: nomor,
+  //   };
+
+  //   if (!body) return toast("Lengkapi username");
+  //   if (body.username.length < 5) return toast("Username minimal 5 karakter");
+
+  //   await fetch(ApiHipmi.register, {
+  //     method: "POST",
+  //     headers: {
+  //       "Content-Type": "application/json",
+  //     },
+  //     body: JSON.stringify(body),
+  //   })
+  //     .then((res) => res.json())
+  //     .then((val) => {
+  //       myConsole(val);
+  //       if (val.status == 201) {
+  //         toast("Pendaftaran Berhasil");
+  //         return route.push("/dev/home");
+  //       } else {
+  //         return toast(val.message);
+  //       }
+  //     });
+  // };
+
+  async function onRegistarsi() {
     const body = {
       username: _.lowerCase(value),
       nomor: nomor,
     };
 
-    if (!body) return toast("Lengkapi username");
-    if (body.username.length < 5) return toast("Username minimal 5 karakter");
+    if (_.values(body.username).includes(""))
+      return ComponentGlobal_NotifikasiPeringatan("Lengkapi Username");
+    if (body.username.length < 5)
+      return ComponentGlobal_NotifikasiPeringatan("Username minimal 5 krakter");
 
-    await fetch(ApiHipmi.register, {
-      method: "POST",
-      headers: {
-        "Content-Type": "application/json",
-      },
-      body: JSON.stringify(body),
-    })
-      .then((res) => res.json())
-      .then((val) => {
-        myConsole(val);
-        if (val.status == 201) {
-          toast("Pendaftaran Berhasil");
-          return route.push("/dev/home");
-        } else {
-          return toast(val.message);
-        }
-      });
-  };
+    await Auth_funRegister(body).then(async (res) => {
+      if (res.status === 200) {
+        await auth_funEditAktivasiKodeOtpById(dataOtp.id).then((val) => {
+          if (val.status === 200) {
+            ComponentGlobal_NotifikasiBerhasil(res.message);
+            router.push(RouterHome.main_home);
+          } else {
+            ComponentGlobal_NotifikasiPeringatan(val.message);
+          }
+        });
+      } else {
+        ComponentGlobal_NotifikasiPeringatan(res.message);
+      }
+    });
+  }
 
   return (
     <>
-      <Flex
+      {/* <Flex
         align={"center"}
         justify={"center"}
         direction={"column"}
@@ -63,7 +105,7 @@ export default function Register() {
         <Flex direction={"column"} gap={"xl"} align={"center"}>
           <Flex direction={"column"}>
             <TextInput
-            ref={focusTrapRef}
+              ref={focusTrapRef}
               w={250}
               label="Username"
               placeholder="Username"
@@ -88,7 +130,59 @@ export default function Register() {
             Register
           </Button>
         </Flex>
-      </Flex>
+      </Flex> */}
+
+      {/* <pre>{JSON.stringify(dataOtp,null,2)}</pre> */}
+
+      <Center>
+        <Stack
+          px={"lg"}
+          spacing={70}
+          w={{ base: 400 }}
+          justify="center"
+          h={"80vh"}
+        >
+          <Center>
+            <IconPencilCheck size={120} />
+          </Center>
+
+          <Stack spacing={"lg"}>
+            <Stack spacing={0}>
+              <Title order={4}>REGISTRASI</Title>
+              <Text fz={"xs"}>Masukan username anda !</Text>
+            </Stack>
+            <Stack spacing={0}>
+              <TextInput
+                ref={focusTrapRef}
+                placeholder="Masukan Username"
+                onChange={(val) => {
+                  setValue(val.currentTarget.value);
+                }}
+              />
+              <Text fz={10} c={"gray"}>
+                Anda akan terdaftar dengan nomor berikut{" "}
+                <Text inherit span fw={"bold"}>
+                  +{nomor}
+                </Text>
+              </Text>
+            </Stack>
+
+            <Stack>
+              <Button
+                radius={"md"}
+                compact
+                h={40}
+                color={"teal"}
+                onClick={() => {
+                  onRegistarsi();
+                }}
+              >
+                <Text>DAFTAR</Text>
+              </Button>
+            </Stack>
+          </Stack>
+        </Stack>
+      </Center>
     </>
   );
 }