58 lines
1.3 KiB
TypeScript
58 lines
1.3 KiB
TypeScript
"use client";
|
|
|
|
import { forwardRef } from "react";
|
|
import { AppBar, UserMenu, MenuItemLink, useTranslate } from "react-admin";
|
|
import Typography from "@mui/material/Typography";
|
|
import SettingsIcon from "@mui/icons-material/Settings";
|
|
import { colors } from "app/_styles/theme";
|
|
// import { makeStyles } from "@mui/styles";
|
|
/*
|
|
const useStyles = makeStyles({
|
|
title: {
|
|
flex: 1,
|
|
textOverflow: "ellipsis",
|
|
whiteSpace: "nowrap",
|
|
overflow: "hidden",
|
|
},
|
|
spacer: {
|
|
flex: 1,
|
|
},
|
|
});
|
|
*/
|
|
// eslint-disable-next-line react/display-name
|
|
const ConfigurationMenu = forwardRef<any, any>((props, ref) => {
|
|
const translate = useTranslate();
|
|
return (
|
|
<MenuItemLink
|
|
ref={ref}
|
|
to="/configuration"
|
|
primaryText={translate("pos.configuration")}
|
|
leftIcon={<SettingsIcon />}
|
|
onClick={props.onClick}
|
|
sidebarIsOpen
|
|
/>
|
|
);
|
|
});
|
|
|
|
const CustomAppBar = (props: any) => {
|
|
const classes: any = {}; // useStyles();
|
|
const { darkLavender } = colors;
|
|
return (
|
|
<AppBar
|
|
{...props}
|
|
elevation={0}
|
|
userMenu={<div />}
|
|
position="sticky"
|
|
sx={{ mt: -1, backgroundColor: darkLavender }}
|
|
>
|
|
<Typography
|
|
variant="h6"
|
|
color="inherit"
|
|
className={classes.title}
|
|
id="react-admin-title"
|
|
/>
|
|
</AppBar>
|
|
);
|
|
};
|
|
|
|
export default CustomAppBar;
|