Bursa Investasi

# feat:
- Tampilan portofolio selesai
- Hapus investasi
- Function get data publish
### no issue

src/app_modules/auth/index.ts

@@ -1,7 +1,8 @@
 import SplashScreen from "./splash/view";
 import Login from "./login/view";
 import Validasi from "./validasi/view";
+import LayoutValidasi from "./validasi/layout";
 import Register from "./register/view";
 import Logout from "./logout/view";
 
-export { SplashScreen, Login, Validasi, Register, Logout };
+export { SplashScreen, Login, Validasi, Register, Logout, LayoutValidasi };

src/app_modules/auth/login/view.tsx

@@ -43,7 +43,7 @@ export default function Login() {
           router.push(RouterAdminDashboard.splash_admin);
         } else {
           if (val.status == 200) {
-            toast(val.message);
+            toast("Nomor OTP terkirim");
             setCode(val.body.otp);
             setInputNumber(val.body.nomor);
             router.push("/dev/auth/validasi");

src/app_modules/auth/logout/view.tsx

@@ -1,13 +1,14 @@
 "use client";
 import { myConsole } from "@/app/fun/my_console";
 import { ApiHipmi } from "@/app/lib/api";
-import { ActionIcon, Button } from "@mantine/core";
+import { ActionIcon, Button, Group, Modal } from "@mantine/core";
 import { useRouter } from "next/navigation";
 import { useAtom } from "jotai";
 import { gs_nomor, gs_otp } from "../state/state";
 import { IconLogout } from "@tabler/icons-react";
 import { Warna } from "@/app/lib/warna";
 import { gs_token } from "@/app_modules/home/state/global_state";
+import { useDisclosure } from "@mantine/hooks";
 
 export default function Logout() {
   const router = useRouter();
@@ -15,6 +16,7 @@ export default function Logout() {
   const [code, setCode] = useAtom(gs_otp);
   const [token, setToken] = useAtom(gs_token);
 
+  const [opened, { toggle }] = useDisclosure(false);
 
   const onLogout = async () => {
     // MyConsole("keluar");
@@ -25,7 +27,7 @@ export default function Logout() {
         if (val.status == 200) {
           setnomor(null);
           setCode(null);
-          setToken(null)
+          setToken(null);
 
           return router.push("/dev/auth/login");
         }
@@ -34,9 +36,25 @@ export default function Logout() {
 
   return (
     <>
-    <ActionIcon variant="transparent">
-      <IconLogout color={Warna.merah} onClick={() => onLogout()}/>
-    </ActionIcon>
+      <Modal opened={opened} onClose={toggle} centered title="Yakin ingin keluar ?">
+        <Group align="center" position="center">
+          <Button compact onClick={toggle} radius={50}>
+            Batal
+          </Button>
+          <Button
+          compact
+            radius={50}
+            bg={Warna.merah}
+            color="red"
+            onClick={() => onLogout()}
+          >
+            Keluar
+          </Button>
+        </Group>
+      </Modal>
+      <ActionIcon variant="transparent">
+        <IconLogout color={Warna.merah} onClick={toggle} />
+      </ActionIcon>
     </>
   );
 }

src/app_modules/auth/validasi/layout.tsx

@@ -0,0 +1,31 @@
+"use client";
+
+import { ActionIcon, AppShell, Group, Header } from "@mantine/core";
+import { IconChevronLeft } from "@tabler/icons-react";
+import { useRouter } from "next/navigation";
+import React from "react";
+
+export default function LayoutValidasi({
+  children,
+}: {
+  children: React.ReactNode;
+}) {
+    const router = useRouter()
+  return (
+    <>
+      <AppShell
+        header={
+          <Header height={50} sx={{borderStyle: "none"}} px={"md"}>
+           <Group h={50} align="center">
+           <ActionIcon variant="transparent" onClick={() => router.back()} >
+              <IconChevronLeft />
+            </ActionIcon>
+           </Group>
+          </Header>
+        }
+      >
+        {children}
+      </AppShell>
+    </>
+  );
+}

src/app_modules/auth/validasi/view.tsx

@@ -2,6 +2,7 @@
 
 import { useAtom } from "jotai";
 import {
+  ActionIcon,
   Button,
   Center,
   Flex,
@@ -14,7 +15,7 @@ import { gs_nomor, gs_otp } from "../state/state";
 import { Warna } from "@/app/lib/warna";
 import { useState } from "react";
 import { myConsole } from "@/app/fun/my_console";
-import { IconCircleLetterH } from "@tabler/icons-react";
+import { IconChevronLeft, IconCircleLetterH } from "@tabler/icons-react";
 import toast from "react-simple-toasts";
 import { ApiHipmi } from "@/app/lib/api";
 import { useRouter } from "next/navigation";
@@ -62,13 +63,14 @@ export default function Validasi() {
     <>
       {/* {JSON.stringify(nomor)}
       {JSON.stringify(code)} */}
+     
 
       <Flex
         align={"center"}
         justify={"center"}
         direction={"column"}
         gap={50}
-        h={"100vh"}
+        h={"80vh"}
       >
         <Title order={4}>Validasi Kode OTP</Title>
         <IconCircleLetterH size={150} />