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 features at editor

Browse source
This commit is contained in:
muerwre 2019-08-01 19:11:01 +07:00
parent 85ee879c2f
commit 393813ce4e
9 changed files with 204 additions and 163 deletions
Download patch file Download diff file Expand all files Collapse all files

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

@ -1,28 +1,38 @@
import * as React from 'react';
import * as React from "react";
import { Logo } from "~/components/main/Logo";
import { connect } from 'react-redux';
import { connect } from "react-redux";
import { IUserState } from "~/redux/user/reducer";
import { push as historyPush } from 'connected-react-router';
import { push as historyPush } from "connected-react-router";
import * as style from './style.scss';
import {Filler} from "~/components/containers/Filler";
import {Group} from "~/components/containers/Group";
import { Link } from 'react-router-dom';
import * as style from "./style.scss";
import { Filler } from "~/components/containers/Filler";
import { Link } from "react-router-dom";
const mapStateToProps = ({
user: {
profile: { username, is_user }
}
}: {
user: IUserState;
}) => ({ username, is_user });
const mapStateToProps = ({ user: { profile: { username, is_user } } }: { user: IUserState }) => ({ username, is_user });
const mapDispatchToProps = {
push: historyPush,
push: historyPush
};
type IHeaderProps = ReturnType<typeof mapStateToProps> & typeof mapDispatchToProps & {};
type IHeaderProps = ReturnType<typeof mapStateToProps> &
typeof mapDispatchToProps & {};
export const Component: React.FunctionComponent<IHeaderProps> = ({ username, is_user }) => {
export const Component: React.FunctionComponent<IHeaderProps> = ({
username,
is_user
}) => {
return (
<div className="default_container head_container">
<div className={style.container}>
<Logo/>
<Logo />
<Filler/>
<Filler />
<div className={style.plugs}>
<Link to="/">flow</Link>
@ -31,15 +41,18 @@ export const Component: React.FunctionComponent<IHeaderProps> = ({ username, is_
<Link to="/examples/horizontal">horizontal</Link>
</div>
<Filler/>
<Filler />
<Group horizontal className={style.user_button}>
{/* <Group horizontal className={style.user_button}>
<div>username</div>
<div className={style.user_avatar}/>
</Group>
</Group> */}
</div>
</div>
);
};
export const Header = connect(mapStateToProps, mapDispatchToProps)(Component);
export const Header = connect(
mapStateToProps,
mapDispatchToProps
)(Component);