Test server

src/app_modules/auth/index.ts

@@ -4,7 +4,6 @@ import Validasi from "./validasi/view";
 import LayoutValidasi from "./validasi/layout";
 import Register from "./register/view";
 import User_Logout from "./logout/view";
-import LayoutLogin from "./login/layout";
 
 export {
   SplashScreen,
@@ -13,5 +12,4 @@ export {
   Register,
   User_Logout as Logout,
   LayoutValidasi,
-  LayoutLogin,
 };

src/app_modules/auth/login/layout.tsx

@@ -1,22 +0,0 @@
-"use client";
-
-import {
-  AppShell,
-  Center,
-  Footer,
-  Header,
-  Image,
-  Paper,
-  Text,
-  Title,
-} from "@mantine/core";
-import React from "react";
-
-export default function LayoutLogin({
-  children,
-}: {
-  children: React.ReactNode;
-}) {
-  return <>
-  {children}</>;
-}

src/app_modules/auth/validasi/layout.tsx

@@ -13,8 +13,16 @@ export default function LayoutValidasi({
   const router = useRouter();
 
   return (
-    <Stack>
-      <Box p={"md"}>
+    <Stack >
+      <Box
+        bg={"white"}
+        p={"md"}
+        style={{
+          position: "sticky",
+          top: 0,
+          zIndex: 99,
+        }}
+      >
         <ActionIcon variant="transparent" onClick={() => router.back()}>
           <IconChevronLeft />
         </ActionIcon>

src/app_modules/auth/validasi/view.tsx

@@ -105,53 +105,8 @@ export default function Validasi({ dataOtp }: { dataOtp: any }) {
 
   return (
     <>
-      {/* <Flex
-        align={"center"}
-        justify={"center"}
-        direction={"column"}
-        gap={50}
-        h={"80vh"}
-      >
-        <Title order={4}>Validasi Kode OTP</Title>
-        <IconCircleLetterH size={150} />
-        <Flex direction={"column"} gap={"xl"} align={"center"}>
-          <Flex
-            justify={"center"}
-            gap={1}
-            direction={"column"}
-            align={"center"}
-          >
-            <Text>Enter the 4-digit OTP , we’ve just sent</Text>
-            <Text>to  +{nomor}</Text>
-          </Flex>
-          <PinInput
-          ref={focusTrapRef}
-            spacing={"md"}
-            mt={"md"}
-            onChange={(val) => {
-              setInputOtp(val);
-            }}
-          />
-          <Button
-            w={100}
-            mt={"md"}
-            compact
-            radius={50}
-            bg={Warna.hijau_tua}
-            color="green"
-            onClick={() => {
-              onValid();
-              // myConsole("ok")
-            }}
-          >
-            Submit
-          </Button>
-        </Flex>
-      </Flex> */}
 
-      {/* <pre>{JSON.stringify(code)}</pre> */}
-
-      <Center h={"80%"}>
+      <Center h={"100vh"}>
         <Stack px={"lg"} spacing={"xl"} w={{ base: 400 }} justify="center">
           <Center>
             <IconCloudLockOpen size={130} />