81 lines
2.4 KiB
TypeScript
81 lines
2.4 KiB
TypeScript
"use client";
|
|
import { gs_user_ntf } from "@/lib/global_state";
|
|
import { useShallowEffect } from "@mantine/hooks";
|
|
import { useAtom } from "jotai";
|
|
import { useState } from "react";
|
|
import UIGlobal_LayoutHeaderTamplate from "../_global/ui/ui_header_tamplate";
|
|
import UIGlobal_LayoutTamplate from "../_global/ui/ui_layout_tamplate";
|
|
import { MODEL_JOB } from "../job/model/interface";
|
|
import notifikasi_countUserNotifikasi from "../notifikasi/fun/count/fun_count_by_id";
|
|
import { ComponentHome_ButtonHeaderLeft, ComponentHome_ButtonHeaderRight, } from "./component/button_header";
|
|
import { Home_UiFooter, Home_UiView } from "./component/ui_home";
|
|
import { MODEL_USER } from "./model/interface";
|
|
|
|
export default function HomeView({
|
|
dataUser,
|
|
dataJob,
|
|
countNotifikasi,
|
|
}: {
|
|
dataUser: MODEL_USER;
|
|
dataJob: MODEL_JOB[];
|
|
countNotifikasi: number;
|
|
}) {
|
|
const [countNtf, setCountNtf] = useState(countNotifikasi);
|
|
const [newUserNtf, setNewUserNtf] = useAtom(gs_user_ntf);
|
|
// const [countLoadNtf, setCountLoadNtf] = useAtom(gs_count_ntf);
|
|
const userRoleId = dataUser.masterUserRoleId;
|
|
|
|
// useShallowEffect(() => {
|
|
// if (userRoleId === "2" || userRoleId === "3") {
|
|
// setTimeout(() => {
|
|
// router.push("/waiting-room", { scroll: false });
|
|
// }, 1000);
|
|
// }
|
|
// }, [userRoleId]);
|
|
|
|
// useShallowEffect(() => {
|
|
// onLoadNotifikasi({
|
|
// onLoad(val) {
|
|
// setCountNtf(val);
|
|
// },
|
|
// });
|
|
|
|
// setCountNtf(countLoadNtf as any);
|
|
// }, [countLoadNtf, setCountNtf]);
|
|
|
|
useShallowEffect(() => {
|
|
setCountNtf(countNtf + newUserNtf);
|
|
setNewUserNtf(0);
|
|
}, [newUserNtf, setCountNtf]);
|
|
|
|
async function onLoadNotifikasi({ onLoad }: { onLoad: (val: any) => void }) {
|
|
const loadNotif = await notifikasi_countUserNotifikasi();
|
|
onLoad(loadNotif);
|
|
}
|
|
|
|
|
|
return (
|
|
<>
|
|
<UIGlobal_LayoutTamplate
|
|
header={
|
|
<UIGlobal_LayoutHeaderTamplate
|
|
title="HIPMI"
|
|
customButtonLeft={
|
|
<ComponentHome_ButtonHeaderLeft dataUser={dataUser} />
|
|
}
|
|
customButtonRight={
|
|
<ComponentHome_ButtonHeaderRight
|
|
dataUser={dataUser}
|
|
countNotifikasi={countNtf}
|
|
/>
|
|
}
|
|
/>
|
|
}
|
|
footer={<Home_UiFooter dataUser={dataUser} />}
|
|
>
|
|
<Home_UiView dataJob={dataJob} dataUser={dataUser} />
|
|
</UIGlobal_LayoutTamplate>
|
|
</>
|
|
);
|
|
}
|