muerwre/vault-frontend
1
0
Fork 0
mirror of https://github.com/muerwre/vault-frontend.git synced 2025-04-25 12:56:41 +07:00
Code Packages Activity Actions

fixed attach icons

Browse source
This commit is contained in:
Fedor Katurov 2019-12-03 17:36:34 +07:00
parent 1eb0fa7be6
commit 5b7077d256
3 changed files with 78 additions and 59 deletions
Download patch file Download diff file Expand all files Collapse all files

25
src/components/main/Header/index.tsx
View file

@ -4,22 +4,25 @@ import { push as historyPush } from 'connected-react-router';
import { Link } from 'react-router-dom';
import { Logo } from '~/components/main/Logo';
import * as style from './style.scss';
import { Filler } from '~/components/containers/Filler';
import { selectUser } from '~/redux/auth/selectors';
import { Group } from '~/components/containers/Group';
import * as MODAL_ACTIONS from '~/redux/modal/actions';
import * as AUTH_ACTIONS from '~/redux/auth/actions';
import { DIALOGS } from '~/redux/modal/constants';
import { pick } from 'ramda';
import pick from 'ramda/es/pick';
import path from 'ramda/es/path';
import { UserButton } from '../UserButton';
import { Notifications } from '../Notifications';
import { URLS } from '~/constants/urls';
import { createPortal } from 'react-dom';
import classNames from 'classnames';
import * as style from './style.scss';
import * as MODAL_ACTIONS from '~/redux/modal/actions';
import * as AUTH_ACTIONS from '~/redux/auth/actions';
const mapStateToProps = state => ({
user: pick(['username', 'is_user', 'photo'])(selectUser(state)),
pathname: path(['router', 'location', 'pathname'], state),
});
const mapDispatchToProps = {
@ -32,11 +35,10 @@ const mapDispatchToProps = {
type IProps = ReturnType<typeof mapStateToProps> & typeof mapDispatchToProps & {};
const HeaderUnconnected: FC<IProps> = memo(
({ user, user: { username, is_user }, showDialog, authLogout, authOpenProfile }) => {
({ user, user: { is_user }, showDialog, pathname, authLogout, authOpenProfile }) => {
const [is_scrolled, setIsScrolled] = useState(false);
const onLogin = useCallback(() => showDialog(DIALOGS.LOGIN), [showDialog]);
// const onProfileClick = useCallback(() => authOpenProfile(username), [authOpenProfile, user]);
const onScroll = useCallback(() => {
const active = window.scrollY > 32;
@ -61,13 +63,20 @@ const HeaderUnconnected: FC<IProps> = memo(
<Filler />
<div className={style.plugs}>
<Link className={style.item} to={URLS.BASE}>
<Link
className={classNames(style.item, { [style.is_active]: pathname === URLS.BASE })}
to={URLS.BASE}
>
ФЛОУ
</Link>
<Link className={style.item} to={URLS.BORIS}>
<Link
className={classNames(style.item, { [style.is_active]: pathname === URLS.BORIS })}
to={URLS.BORIS}
>
БОРИС
</Link>
{is_user && (
<div className={style.item}>
<Notifications />