31 lines
961 B
TypeScript
31 lines
961 B
TypeScript
|
import { useState } from "react";
|
|||
|
|
import { Grid } from "../components/Grid/Grid";
|
|||
|
|
import Tabs from "../components/Tab/Tab";
|
|||
|
|
import Pages from "../partials/management/Pages";
|
|||
|
|
import Access from "../partials/management/Access";
|
|||
|
|
import UnusedAccess from "../partials/management/UnusedAccess";
|
|||
|
|
|
|||
|
|
const tabItems = [
|
|||
|
|
{ label: "صفحات" },
|
|||
|
|
{ label: "دسترسی ها" },
|
|||
|
|
{ label: "دسترسی های غیر فعال" },
|
|||
|
|
];
|
|||
|
|
|
|||
|
|
export default function Management() {
|
|||
|
|
const [selectedTab, setSelectedTab] = useState<number>(0);
|
|||
|
|
const handleTabChange = (index: number) => {
|
|||
|
|
setSelectedTab(index);
|
|||
|
|
};
|
|||
|
|
|
|||
|
|
return (
|
|||
|
|
<Grid container column className="justify-center mt-2">
|
|||
|
|
<Tabs tabs={tabItems} onChange={handleTabChange} size="medium" />
|
|||
|
|
<Grid container column className="mt-2">
|
|||
|
|
{selectedTab === 0 && <Pages />}
|
|||
|
|
{selectedTab === 1 && <Access />}
|
|||
|
|
{selectedTab === 2 && <UnusedAccess />}
|
|||
|
|
</Grid>
|
|||
|
|
</Grid>
|
|||
|
|
);
|
|||
|
|
}
|