fix admin
deskripsi: - ui layout admin - navbar & header responsive
This commit is contained in:
32
src/app_modules/admin/_components_v3/skeleton_navbar.tsx
Normal file
32
src/app_modules/admin/_components_v3/skeleton_navbar.tsx
Normal file
@@ -0,0 +1,32 @@
|
||||
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>
|
||||
))}
|
||||
</>
|
||||
);
|
||||
}
|
||||
Reference in New Issue
Block a user