Docker/planka
Docker/planka
1
0
Fork 0
mirror of https://github.com/plankanban/planka.git synced 2025-07-19 13:19:44 +02:00
Code Issues Releases Activity

Small UI improvements, update dependencies

Browse source
This commit is contained in:
Maksim Eltyshev 2019-10-16 22:48:24 +05:00
parent 3b9241e298
commit 9e99b89907
17 changed files with 99 additions and 103 deletions
Download patch file Download diff file Expand all files Collapse all files

67
client/src/components/Header/Header.jsx
View file

@ -1,6 +1,5 @@
import React from 'react';
import PropTypes from 'prop-types';
import { useTranslation } from 'react-i18next';
import { Link } from 'react-router-dom';
import { Icon, Menu } from 'semantic-ui-react';
@ -20,46 +19,40 @@ const Header = React.memo(
onNotificationDelete,
onUsers,
onLogout,
}) => {
const [t] = useTranslation();
return (
<div className={styles.wrapper}>
<Link to={Paths.ROOT} className={styles.logo}>
Planka
</Link>
<Menu inverted size="large" className={styles.menu}>
}) => (
<div className={styles.wrapper}>
<Link to={Paths.ROOT} className={styles.logo}>
Planka
</Link>
<Menu inverted size="large" className={styles.menu}>
<Menu.Menu position="right">
{isEditable && (
<Menu.Item className={styles.item} onClick={onUsers}>
{t('common.users', {
context: 'title',
})}
<Icon fitted name="users" />
</Menu.Item>
)}
<Menu.Menu position="right">
<NotificationsPopup items={notifications} onDelete={onNotificationDelete}>
<Menu.Item className={styles.item}>
<Icon name="bell" className={styles.icon} />
{notifications.length > 0 && (
<span className={styles.notification}>{notifications.length}</span>
)}
</Menu.Item>
</NotificationsPopup>
<UserPopup
name={user.name}
avatar={user.avatar}
isAvatarUploading={user.isAvatarUploading}
onUpdate={onUserUpdate}
onAvatarUpload={onUserAvatarUpload}
onLogout={onLogout}
>
<Menu.Item className={styles.item}>{user.name}</Menu.Item>
</UserPopup>
</Menu.Menu>
</Menu>
</div>
);
},
<NotificationsPopup items={notifications} onDelete={onNotificationDelete}>
<Menu.Item className={styles.item}>
<Icon fitted name="bell" />
{notifications.length > 0 && (
<span className={styles.notification}>{notifications.length}</span>
)}
</Menu.Item>
</NotificationsPopup>
<UserPopup
name={user.name}
avatar={user.avatar}
isAvatarUploading={user.isAvatarUploading}
onUpdate={onUserUpdate}
onAvatarUpload={onUserAvatarUpload}
onLogout={onLogout}
>
<Menu.Item className={styles.item}>{user.name}</Menu.Item>
</UserPopup>
</Menu.Menu>
</Menu>
</div>
),
);
Header.propTypes = {