Amit/mui-demo-project
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

Merge branch 'master' of https://git.sentientgeeks.us/Amit/mui-demo-project

Browse Source
This commit is contained in:
Prakash Maity 2024-08-07 16:07:00 +05:30
commit 0de91ae643
2 changed files with 46 additions and 30 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

16
src/app/(dashboard)/home/page.tsx
View File

@ -1,11 +1,21 @@
import TanStackTable from "@/components/table/TanStackTable"; import TanStackTable from "@/components/table/TanStackTable";
import { Box, Card, Typography } from "@mui/material";
import React from "react"; import React from "react";
import CardHeader from "@mui/material/CardHeader";
import CardContent from "@mui/material/CardContent";
const HomePage = () => { const HomePage = () => {
return ( return (
<div> <Box>
<TanStackTable /> <Card>
</div> <CardHeader>
<Typography variant="h4">Projects</Typography>
</CardHeader>
<CardContent>
<TanStackTable />
</CardContent>
</Card>
</Box>
); );
}; };

60
src/components/wrapper/dashboardWrapper.tsx
View File

@ -21,6 +21,7 @@ import { UTILITY_CONSTANT } from "@/utilities/utilityConstant";
import styles from "./DashboardWrapper.module.scss"; import styles from "./DashboardWrapper.module.scss";
import styled from "@emotion/styled"; import styled from "@emotion/styled";
import { BUILDING, GEAR } from "@/utilities/svgConstant"; import { BUILDING, GEAR } from "@/utilities/svgConstant";
import LogoutIcon from "@mui/icons-material/Logout";
const drawerWidth = 260; const drawerWidth = 260;
@ -154,35 +155,40 @@ export default function DashboardWrapper(props: Props) {
Responsive drawer Responsive drawer
</Typography> </Typography>
</Box> </Box>
<Box <Box display={"flex"} alignItems={"center"} gap={1}>
display={"flex"} <Box
alignItems={"center"} display={"flex"}
gap={1} alignItems={"center"}
sx={{ gap={1}
background: "var(--clr_gray_100)",
padding: "8px",
borderRadius: "30px",
}}
>
<Avatar
sx={{ sx={{
width: 34, background: "var(--clr_gray_100)",
height: 34, padding: "8px",
cursor: "pointer", borderRadius: "30px",
background: "var(--primary_light)",
color: "var(--primary_Active_text)",
fontSize: "0.8rem",
}} }}
alt="Remy Sharp" >
src="/static/images/avatar/1.jpg" <Avatar
/> sx={{
<GEAR width: 34,
sx={{ height: 34,
color: "var(--primary_Active_text)", cursor: "pointer",
fontSize: "1.8rem", background: "var(--primary_light)",
cursor: "pointer", color: "var(--primary_Active_text)",
}} fontSize: "0.8rem",
/> }}
alt="Remy Sharp"
src="/static/images/avatar/1.jpg"
/>
{/* <GEAR
sx={{
color: "var(--primary_Active_text)",
fontSize: "1.8rem",
cursor: "pointer",
}}
/> */}
<IconButton aria-label="log out" size="medium" color="error">
<LogoutIcon fontSize="small" />
</IconButton>
</Box>
</Box> </Box>
</Toolbar> </Toolbar>
</CssAppBar> </CssAppBar>