pengjunjie/server
1
0
Fork 1
mirror of https://github.com/ONLYOFFICE/server.git synced 2026-04-07 14:04:35 +08:00
Code Issues Packages Projects Releases Wiki Activity

[fix] Logout button

Browse Source
This commit is contained in:
PauI Ostrovckij
2025-09-29 11:54:25 +03:00
parent 40561d984b
commit 480fa10a06
3 changed files with 6 additions and 14 deletions
Download Patch File Download Diff File Expand all files Collapse all files

13
AdminPanel/client/src/components/Menu/Menu.js
View File

@ -7,12 +7,12 @@ import MenuItem from './MenuItem/MenuItem';
import AppMenuLogo from '../../assets/AppMenuLogo.svg';
import {menuItems} from '../../config/menuItems';
import styles from './Menu.module.scss';
import FileIcon from '../../assets/File.svg';
function Menu() {
const location = useLocation();
const navigate = useNavigate();
const dispatch = useDispatch();
const isAuthenticated = useSelector(selectIsAuthenticated);
const handleLogout = async () => {
try {
@ -49,17 +49,10 @@ function Menu() {
<div className={styles['menu__menuItems']}>
{menuItems.map(item => (
<MenuItem key={item.key} label={item.label} isActive={isActiveItem(item.path)} onClick={() => handleMenuItemClick(item)} />
<MenuItem key={item.key} label={item.label} isActive={isActiveItem(item.path)} onClick={() => handleMenuItemClick(item)} icon={FileIcon}/>
))}
<MenuItem label='Logout' isActive={false} onClick={handleLogout} />
</div>
{isAuthenticated && (
<div className={styles['menu__logoutContainer']}>
<button onClick={handleLogout} className={styles['menu__logoutButton']}>
Logout
</button>
</div>
)}
</div>
</div>
);

2
AdminPanel/client/src/components/Menu/Menu.module.scss
View File

@ -60,7 +60,7 @@
}
&__logoutContainer {
margin-top: auto;
margin-left: 48px;
}
&__logoutButton {

5
AdminPanel/client/src/components/Menu/MenuItem/MenuItem.js
View File

@ -1,10 +1,9 @@
import FileIcon from '../../../assets/File.svg';
import styles from './MenuItem.module.scss';
function MenuItem({label, isActive, onClick}) {
function MenuItem({label, isActive, onClick, icon}) {
return (
<div className={`${styles.menuItem} ${isActive ? styles['menuItem--active'] : ''}`} onClick={onClick}>
<img src={FileIcon} alt='' className={styles['menuItem__icon']} />
{icon ? <img src={icon} alt='' className={styles['menuItem__icon']} /> : <div className={styles['menuItem__icon']} />}
<span className={styles['menuItem__label']}>{label}</span>
</div>
);