Skip to content

P
planner-team-one
Commit 37bf7db6 authored by Ermolaev Timur's avatar Ermolaev Timur
Browse files
Options

#92 Оптимизировал код в хедере, уменьшил количество кода

parent 341f950a
Hide whitespace changes
Inline Side-by-side
Showing with 117 additions and 163 deletions
planner-front/src/components/Menus/AdminMenu/AdminMenu.js
View file @ 37bf7db6
import {Button, Menu, MenuItem} from "@mui/material"; import {Button} from "@mui/material";
import { useState } from "react"; import {NavLink} from "react-router-dom";
import { useDispatch, useSelector } from "react-redux"; import { superuserMenuButtons } from "../../../constants";
import {NavLink, useNavigate} from "react-router-dom"; import ProfileBlock from "../ProfileBlock/ProfileBlock";
import { logoutUser } from "../../../store/actions/usersActions";
const AdminMenu = () => { const AdminMenu = () => {
const dispatch = useDispatch();
const navigate = useNavigate()
const [anchorEl, setAnchorEl] = useState(null);
const open = Boolean(anchorEl);
const user = useSelector(state => state.users.user)
const handleClick = (event) => {
setAnchorEl(event.currentTarget);
};
const handleClose = () => {
setAnchorEl(null);
};
const logout = () => {
dispatch(logoutUser(navigate));
handleClose()
}
return <> return <>
<Button {superuserMenuButtons.map((button, i)=>{
component={NavLink} return(
to="/projects" <Button
color="inherit" key={i}
size="large" component={NavLink}
> to={button.path}
Проекты color="inherit"
</Button> size="large"
<Button >
component={NavLink} {button.text}
to="/week" </Button>
color="inherit" )
size="large" })}
> <ProfileBlock/>
Неделя
</Button>
<Button
component={NavLink}
to="/month"
color="inherit"
size="large"
id='test_month_header'
>
Месяц
</Button>
<Button
component={NavLink}
to="/my-tasks"
color="inherit"
size="large"
>
Мои задачи
</Button>
<Button
component={NavLink}
to="/workers-tasks"
color="inherit"
size="large"
>
Задачи сотрудников
</Button>
<Button
component={NavLink}
to="/sign-up"
color="inherit"
size="large"
>
Создать сотрудника
</Button>
<Button
color="inherit"
onClick={handleClick}
id='test_greetings'
>
Hello, {user?.displayName}
</Button>
<Menu
anchorEl={anchorEl}
open={open}
onClose={handleClose}
>
<MenuItem component={NavLink} to="/profile/test" color="inherit" onClick={handleClose}>Profile</MenuItem>
<MenuItem onClick={logout}>Logout</MenuItem>
</Menu>
</> </>
}; };
......
planner-front/src/components/Menus/AnonymousMenu/AnonymousMenu.js
View file @ 37bf7db6
import {Button} from "@mui/material"; import {Button} from "@mui/material";
import {NavLink} from "react-router-dom"; import {NavLink} from "react-router-dom";
import { anonymoysMenuButtons } from "../../../constants";
const AnonymousMenu = () => { const AnonymousMenu = () => {
return <> return <>
<Button {anonymoysMenuButtons.map((button, i)=>{
component={NavLink} return(
color="inherit" <Button
to="/sign-in" key={i}
> component={NavLink}
Вход to={button.path}
</Button> color="inherit"
size="large"
>
{button.text}
</Button>
)
})}
</> </>
}; };
......
planner-front/src/components/Menus/ProfileBlock/ProfileBlock.js 0 → 100644
View file @ 37bf7db6
import {Button, Menu, MenuItem} from "@mui/material";
import { useState } from "react";
import { useDispatch, useSelector } from "react-redux";
import {NavLink, useNavigate} from "react-router-dom";
import { logoutUser } from "../../../store/actions/usersActions";
const ProfileBlock = () => {
const dispatch = useDispatch();
const navigate = useNavigate()
const [anchorEl, setAnchorEl] = useState(null);
const open = Boolean(anchorEl);
const user = useSelector(state => state.users.user)
const handleClick = (event) => {
setAnchorEl(event.currentTarget);
};
const handleClose = () => {
setAnchorEl(null);
};
const logout = async () => {
await dispatch(logoutUser(navigate));
handleClose()
}
return <>
<Button
color="inherit"
onClick={handleClick}
id='test_greetings'
>
Hello, {user?.displayName}
</Button>
<Menu
anchorEl={anchorEl}
open={open}
onClose={handleClose}
>
<MenuItem component={NavLink} to="/profile/test" color="inherit" onClick={handleClose}>Profile</MenuItem>
<MenuItem onClick={logout}>Logout</MenuItem>
</Menu>
</>
};
export default ProfileBlock;
\ No newline at end of file
planner-front/src/components/Menus/WorkerMenu/WorkerMenu.js
View file @ 37bf7db6
import {Button, Menu, MenuItem} from "@mui/material"; import {Button} from "@mui/material";
import { useState } from "react"; import {NavLink} from "react-router-dom";
import { useDispatch, useSelector } from "react-redux"; import { workerMenuButtons } from "../../../constants";
import {NavLink, useNavigate} from "react-router-dom"; import ProfileBlock from "../ProfileBlock/ProfileBlock";
import { logoutUser } from "../../../store/actions/usersActions";
const WorkerMenu = () => { const WorkerMenu = () => {
const dispatch = useDispatch();
const navigate = useNavigate()
const [anchorEl, setAnchorEl] = useState(null);
const open = Boolean(anchorEl);
const user = useSelector(state => state.users.user)
const handleClick = (event) => {
setAnchorEl(event.currentTarget);
};
const handleClose = () => {
setAnchorEl(null);
};
const logout = () => {
dispatch(logoutUser(navigate));
handleClose()
}
return <> return <>
<Button {workerMenuButtons.map((button, i)=>{
component={NavLink} return(
to="/projects" <Button
color="inherit" key={i}
size="large" component={NavLink}
> to={button.path}
Проекты color="inherit"
</Button> size="large"
<Button >
component={NavLink} {button.text}
to="/week" </Button>
color="inherit" )
size="large" })}
>
Неделя <ProfileBlock/>
</Button>
<Button
component={NavLink}
to="/month"
color="inherit"
size="large"
id='test_month_header'
>
Месяц
</Button>
<Button
component={NavLink}
to="/my-tasks"
color="inherit"
size="large"
>
Мои задачи
</Button>
<Button
color="inherit"
onClick={handleClick}
id='test_greetings'
>
Hello, {user?.displayName}
</Button>
<Menu
anchorEl={anchorEl}
open={open}
onClose={handleClose}
>
<MenuItem component={NavLink} to="/profile/test" color="inherit" onClick={handleClose}>Profile</MenuItem>
<MenuItem onClick={logout}>Logout</MenuItem>
</Menu>
</> </>
}; };
......
planner-front/src/constants.js
View file @ 37bf7db6
export const apiUrl = "http://localhost:8000"; export const apiUrl = "http://localhost:8000";
export const uploadsUrl = `${apiUrl}/uploads`; export const uploadsUrl = `${apiUrl}/uploads`;
export const workerMenuButtons = [
{text: 'Проекты', path: '/projects'},
{text: 'Неделя', path: '/week'},
{text: 'Месяц', path: '/month'},
{text: 'Мои задачи', path: '/my-tasks'}
]
export const superuserMenuButtons = [
{text: 'Проекты', path: '/projects'},
{text: 'Неделя', path: '/week'},
{text: 'Месяц', path: '/month'},
{text: 'Мои задачи', path: '/my-tasks'},
{text: 'Задачи Сотрудников', path: '/workers-tasks'},
{text: 'Создать Сотрудника', path: '/sign-up'}
]
export const anonymoysMenuButtons = [
{text: 'Вход', path: '/sign-in'},
]
\ No newline at end of file
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment