KRBL/WhiteNightsAdminPanel
8
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

~ format project files using prettier local configuration

Browse Source
This commit is contained in:
maxim
2025-01-19 17:33:27 +03:00
parent 266c7fa070
commit 80d7e52b32
20 changed files with 346 additions and 505 deletions
Download Patch File Download Diff File Expand all files Collapse all files

75
src/components/header/index.tsx
View File

@ -1,67 +1,50 @@
import DarkModeOutlined from "@mui/icons-material/DarkModeOutlined";
import LightModeOutlined from "@mui/icons-material/LightModeOutlined";
import AppBar from "@mui/material/AppBar";
import Avatar from "@mui/material/Avatar";
import IconButton from "@mui/material/IconButton";
import Stack from "@mui/material/Stack";
import Toolbar from "@mui/material/Toolbar";
import Typography from "@mui/material/Typography";
import { useGetIdentity } from "@refinedev/core";
import { HamburgerMenu, RefineThemedLayoutV2HeaderProps } from "@refinedev/mui";
import React, { useContext } from "react";
import { ColorModeContext } from "../../contexts/color-mode";
import DarkModeOutlined from '@mui/icons-material/DarkModeOutlined'
import LightModeOutlined from '@mui/icons-material/LightModeOutlined'
import AppBar from '@mui/material/AppBar'
import Avatar from '@mui/material/Avatar'
import IconButton from '@mui/material/IconButton'
import Stack from '@mui/material/Stack'
import Toolbar from '@mui/material/Toolbar'
import Typography from '@mui/material/Typography'
import {useGetIdentity} from '@refinedev/core'
import {HamburgerMenu, RefineThemedLayoutV2HeaderProps} from '@refinedev/mui'
import React, {useContext} from 'react'
import {ColorModeContext} from '../../contexts/color-mode'
type IUser = {
id: number;
name: string;
avatar: string;
};
id: number
name: string
avatar: string
}
export const Header: React.FC<RefineThemedLayoutV2HeaderProps> = ({
sticky = true,
}) => {
const { mode, setMode } = useContext(ColorModeContext);
export const Header: React.FC<RefineThemedLayoutV2HeaderProps> = ({sticky = true}) => {
const {mode, setMode} = useContext(ColorModeContext)
const { data: user } = useGetIdentity<IUser>();
const {data: user} = useGetIdentity<IUser>()
return (
<AppBar position={sticky ? "sticky" : "relative"}>
<AppBar position={sticky ? 'sticky' : 'relative'}>
<Toolbar>
<Stack
direction="row"
width="100%"
justifyContent="flex-end"
alignItems="center"
>
<Stack direction="row" width="100%" justifyContent="flex-end" alignItems="center">
<HamburgerMenu />
<Stack
direction="row"
width="100%"
justifyContent="flex-end"
alignItems="center"
>
<Stack direction="row" width="100%" justifyContent="flex-end" alignItems="center">
<IconButton
color="inherit"
onClick={() => {
setMode();
setMode()
}}
>
{mode === "dark" ? <LightModeOutlined /> : <DarkModeOutlined />}
{mode === 'dark' ? <LightModeOutlined /> : <DarkModeOutlined />}
</IconButton>
{(user?.avatar || user?.name) && (
<Stack
direction="row"
gap="16px"
alignItems="center"
justifyContent="center"
>
<Stack direction="row" gap="16px" alignItems="center" justifyContent="center">
{user?.name && (
<Typography
sx={{
display: {
xs: "none",
sm: "inline-block",
xs: 'none',
sm: 'inline-block',
},
}}
variant="subtitle2"
@ -76,5 +59,5 @@ export const Header: React.FC<RefineThemedLayoutV2HeaderProps> = ({
</Stack>
</Toolbar>
</AppBar>
);
};
)
}