33 lines
828 B
TypeScript
33 lines
828 B
TypeScript
import { Box, NavLink, Text } from "@mantine/core";
|
|
import _ from "lodash";
|
|
import { newListAdminPage } from "../new_list_page";
|
|
|
|
export function Admin_V3_SkeletonNavbar() {
|
|
const listPage = newListAdminPage.slice(0, -1);
|
|
return (
|
|
<>
|
|
{listPage.map((parent) => (
|
|
<Box key={parent.id}>
|
|
<NavLink
|
|
disabled
|
|
style={{
|
|
color: "gray",
|
|
transition: "0.5s",
|
|
}}
|
|
sx={{
|
|
":hover": {
|
|
backgroundColor: "transparent",
|
|
},
|
|
}}
|
|
label={<Text>{parent.name}</Text>}
|
|
icon={parent.icon}
|
|
>
|
|
{!_.isEmpty(parent.child) &&
|
|
parent.child.map((child) => <Box key={child.id} />)}
|
|
</NavLink>
|
|
</Box>
|
|
))}
|
|
</>
|
|
);
|
|
}
|