(null);
useShallowEffect(() => {
getUserId();
@@ -28,12 +91,64 @@ export default function HomeView() {
setToken(data);
}
+ useShallowEffect(() => {
+ getUserProfile();
+ }, []);
+ async function getUserProfile() {
+ const data = await getProfile();
+ setProfile(data);
+ }
+
return (
<>
- {/* {JSON.stringify(token, null, 2)} */}
- Home
- Welcome, {token?.username}
-
+ {/* {JSON.stringify(profile, null, 2)} */}
+
+
+ {
+ if (profile === null) {
+ return router.push("/dev/katalog/profile/create");
+ } else {
+ return router.push("/dev/katalog/view");
+ }
+ }}
+ >
+
+
+
+
+ Welcome to,{" "}
+ {token?.username ? token?.username : }
+
+
+
+
+
+
+
+ {listHalaman.map((e, i) => (
+ toast(e.name)}
+ >
+
+ {e.icon}
+ {e.name}
+
+
+ ))}
+
+
+
);
}
diff --git a/src/app_modules/katalog/component/header_transparent.tsx b/src/app_modules/katalog/component/header_transparent.tsx
new file mode 100644
index 00000000..05b1feb2
--- /dev/null
+++ b/src/app_modules/katalog/component/header_transparent.tsx
@@ -0,0 +1,27 @@
+"use client";
+
+import { Header, Group, ActionIcon, Text } from "@mantine/core";
+import { IconArrowLeft } from "@tabler/icons-react";
+import React from "react";
+
+export default function headerTransparent({
+ icon1,
+ icon2,
+ title,
+}: {
+ icon1: React.ReactNode;
+ icon2: React.ReactNode;
+ title: string;
+}) {
+ return (
+ <>
+
+
+ {icon1}
+ {title}
+ {icon2}
+
+
+
+ );
+}
diff --git a/src/app_modules/katalog/index.ts b/src/app_modules/katalog/index.ts
new file mode 100644
index 00000000..740fbc1b
--- /dev/null
+++ b/src/app_modules/katalog/index.ts
@@ -0,0 +1,3 @@
+import headerTransparent from "./component/header_transparent";
+
+export {headerTransparent}
\ No newline at end of file
diff --git a/src/app_modules/katalog/profile/create/layout.tsx b/src/app_modules/katalog/profile/create/layout.tsx
new file mode 100644
index 00000000..4d726bde
--- /dev/null
+++ b/src/app_modules/katalog/profile/create/layout.tsx
@@ -0,0 +1,36 @@
+"use client";
+
+import {
+ ActionIcon,
+ AppShell,
+ Group,
+ Header,
+ Text,
+ Title,
+} from "@mantine/core";
+import { IconArrowLeft } from "@tabler/icons-react";
+import { useRouter } from "next/navigation";
+
+export default function ProfileLayout({ children }: { children: any }) {
+ const router = useRouter()
+ return (
+ <>
+
+
+ router.push("/dev/home")}>
+
+
+ Create Profile
+
+
+
+ }
+ >
+ {children}
+
+
+ );
+}
diff --git a/src/app_modules/katalog/profile/create/view.tsx b/src/app_modules/katalog/profile/create/view.tsx
new file mode 100644
index 00000000..ce8f9ffd
--- /dev/null
+++ b/src/app_modules/katalog/profile/create/view.tsx
@@ -0,0 +1,112 @@
+"use client";
+
+import { myConsole } from "@/app/fun/my_console";
+import { ApiHipmi } from "@/app/lib/api";
+import { Warna } from "@/app/lib/warna";
+import { gs_token } from "@/app_modules/home/state/global_state";
+import { Button, Select, Stack, TextInput } from "@mantine/core";
+import { useAtom } from "jotai";
+import _ from "lodash";
+import { useRouter } from "next/navigation";
+import { useState } from "react";
+import toast from "react-simple-toasts";
+
+export default function CreateProfile() {
+ const router = useRouter();
+ const [token, setToken] = useAtom(gs_token);
+
+ const [value, setValue] = useState({
+ name: "",
+ email: "",
+ alamat: "",
+ jenisKelamin: "",
+ });
+
+ async function onSubmit() {
+ const body = {
+ userId: token?.id,
+ name: value.name,
+ email: value.email,
+ alamat: value.alamat,
+ jenisKelamin: value.jenisKelamin,
+ };
+
+ myConsole(body);
+
+ if (_.values(value).includes("")) return toast("Lengkapi data");
+ // if(_.values(value.email).includes(`${/^\S+@\S+$/.test(value.email) ? null : "Invalid email"}`)){}
+
+ await fetch(ApiHipmi.create_profile, {
+ method: "POST",
+ headers: {
+ "Content-Type": "application/json",
+ },
+ body: JSON.stringify(body),
+ })
+ .then((res) => res.json())
+ .then((val) => {
+ if (val.status == 201) {
+ toast("Data tersimpan")
+ return router.push("/dev/katalog/view");
+ } else {
+ return toast("Server Error!!!")
+ }
+ });
+ }
+
+ return (
+ <>
+
+ {
+ setValue({
+ ...value,
+ name: val.target.value,
+ });
+ }}
+ />
+ {
+ setValue({
+ ...value,
+ email: val.target.value,
+ });
+ }}
+ />
+ {
+ setValue({
+ ...value,
+ alamat: val.target.value,
+ });
+ }}
+ />
+
+
+ );
+}
diff --git a/src/app_modules/katalog/profile/fun/get-profile.ts b/src/app_modules/katalog/profile/fun/get-profile.ts
new file mode 100644
index 00000000..afc3d938
--- /dev/null
+++ b/src/app_modules/katalog/profile/fun/get-profile.ts
@@ -0,0 +1,33 @@
+"use server";
+
+import { myConsole } from "@/app/fun/my_console";
+import prisma from "@/app/lib/prisma";
+import { getToken } from "@/app_modules/home";
+import { NextResponse } from "next/server";
+
+export async function getProfile() {
+ const token = await getToken();
+
+ const dataProfile = await prisma.profile.findUnique({
+ where: {
+ userId: token.id,
+ },
+ select: {
+ id: true,
+ name: true,
+ email: true,
+ alamat: true,
+ jenisKelamin: true,
+ active: true,
+ ImageProfile: {
+ select: {
+ id: true,
+ url: true,
+ active: true,
+ },
+ },
+ },
+ });
+
+ return dataProfile;
+}
diff --git a/src/app_modules/katalog/profile/index.ts b/src/app_modules/katalog/profile/index.ts
new file mode 100644
index 00000000..249b1afa
--- /dev/null
+++ b/src/app_modules/katalog/profile/index.ts
@@ -0,0 +1,4 @@
+import ProfileLayout from "./create/layout";
+import CreateProfile from "./create/view";
+import {getProfile} from "./fun/get-profile";
+export {ProfileLayout, CreateProfile, getProfile}
\ No newline at end of file
diff --git a/src/app_modules/katalog/view/index.ts b/src/app_modules/katalog/view/index.ts
new file mode 100644
index 00000000..e1ebf6e6
--- /dev/null
+++ b/src/app_modules/katalog/view/index.ts
@@ -0,0 +1,4 @@
+import KatalogView from "./view";
+import KatalogLayout from "./layout";
+
+export {KatalogView, KatalogLayout}
\ No newline at end of file
diff --git a/src/app_modules/katalog/view/layout.tsx b/src/app_modules/katalog/view/layout.tsx
new file mode 100644
index 00000000..9401516e
--- /dev/null
+++ b/src/app_modules/katalog/view/layout.tsx
@@ -0,0 +1,41 @@
+"use client";
+
+import { Logout } from "@/app_modules/auth";
+import { ActionIcon, AppShell, Group, Header, Text } from "@mantine/core";
+import { IconUserSearch, IconAward, IconQrcode, IconArrowLeft, IconPencilPlus } from "@tabler/icons-react";
+import { useRouter } from "next/navigation";
+
+export default function KatalogLayout({ children }: { children: any }) {
+ const router = useRouter()
+ return (
+ <>
+
+
+
+ router.push("/dev/home")}>
+
+
+ {/*
+
+ */}
+
+
+ Katalog
+
+
+
+
+
+ {/* */}
+
+
+
+ }
+ >
+ {children}
+
+
+ );
+}
diff --git a/src/app_modules/katalog/view/view.tsx b/src/app_modules/katalog/view/view.tsx
new file mode 100644
index 00000000..d9f03424
--- /dev/null
+++ b/src/app_modules/katalog/view/view.tsx
@@ -0,0 +1,13 @@
+"use client"
+
+import { BackgroundImage, Box, Center, Text } from "@mantine/core"
+
+export default function KatalogView(){
+ return <>
+
+
+ Katalog User
+
+
+
+}
\ No newline at end of file