lbry-desktop/ui/js/component/header/view.jsx

62 lines
1.6 KiB
React
Raw Normal View History

2017-06-06 23:19:12 +02:00
import React from "react";
import Link from "component/link";
import WunderBar from "component/wunderbar";
2017-05-04 05:44:08 +02:00
2017-06-06 06:21:55 +02:00
export const Header = props => {
2017-06-06 23:19:12 +02:00
const { balance, back, navigate, publish } = props;
2017-05-05 19:05:33 +02:00
2017-06-06 23:19:12 +02:00
return (
<header id="header">
<div className="header__item">
<Link onClick={back} button="alt button--flat" icon="icon-arrow-left" title={__("Back")} />
2017-06-06 23:19:12 +02:00
</div>
<div className="header__item">
<Link
onClick={() => navigate("/discover")}
button="alt button--flat"
icon="icon-home"
title={__("Discover Content")}
2017-06-06 23:19:12 +02:00
/>
</div>
<div className="header__item header__item--wunderbar">
<WunderBar />
</div>
<div className="header__item">
<Link
onClick={() => navigate("/wallet")}
button="text"
icon="icon-bank"
label={balance}
title={__("Wallet")}
2017-06-06 23:19:12 +02:00
/>
</div>
<div className="header__item">
<Link
onClick={() => navigate("/publish")}
button="primary button--flat"
icon="icon-upload"
label={publish}
/>
</div>
<div className="header__item">
<Link
onClick={() => navigate("/downloaded")}
button="alt button--flat"
icon="icon-folder"
title={__("Downloads and Publishes")}
2017-06-06 23:19:12 +02:00
/>
</div>
<div className="header__item">
<Link
onClick={() => navigate("/settings")}
button="alt button--flat"
icon="icon-gear"
title={__("Settings")}
2017-06-06 23:19:12 +02:00
/>
</div>
</header>
);
2017-06-06 06:21:55 +02:00
};
2016-11-22 21:19:08 +01:00
export default Header;