56 lines
1.9 KiB
TypeScript
56 lines
1.9 KiB
TypeScript
"use client";
|
|
import SiteBreadcrumb from "@/components/site-breadcrumb";
|
|
import UserExternalTable from "@/components/table/management-user/management-user-external-table";
|
|
import UserInternalTable from "@/components/table/management-user/management-user-internal-table";
|
|
import InternalTable from "@/components/table/management-user/management-user-internal-table";
|
|
import { Button } from "@/components/ui/button";
|
|
import DashboardVisualization from "@/components/visualization/dashboard-viz";
|
|
import ManagementUserVisualization from "@/components/visualization/management-user-viz";
|
|
import { useRouter } from "@/i18n/routing";
|
|
import { useEffect, useState } from "react";
|
|
|
|
export default function ManagementUser() {
|
|
const [isInternal, setIsInternal] = useState(true);
|
|
const router = useRouter();
|
|
useEffect(() => {
|
|
router.push("?page=1");
|
|
}, [isInternal]);
|
|
return (
|
|
<div>
|
|
<SiteBreadcrumb />
|
|
{isInternal && (
|
|
<section id="viz">
|
|
<ManagementUserVisualization />
|
|
</section>
|
|
)}
|
|
|
|
<section
|
|
id="table"
|
|
className="flex flex-col gap-2 bg-white rounded-lg p-3 mt-5"
|
|
>
|
|
<div className="flex flex-row gap-1 border-2 w-fit mb-5">
|
|
<Button
|
|
onClick={() => setIsInternal(true)}
|
|
className={` hover:text-white rounded-none
|
|
${
|
|
!isInternal ? "bg-white text-black " : "bg-black text-white "
|
|
}`}
|
|
>
|
|
User Internal
|
|
</Button>
|
|
<Button
|
|
onClick={() => setIsInternal(false)}
|
|
className={`hover:text-white rounded-none ${
|
|
!isInternal ? "bg-black text-white " : "bg-white text-black "
|
|
}
|
|
`}
|
|
>
|
|
User Eksternal
|
|
</Button>
|
|
</div>
|
|
{isInternal ? <UserInternalTable /> : <UserExternalTable />}
|
|
</section>
|
|
</div>
|
|
);
|
|
}
|