dm-web-react
Version:
The DM web client with React.
28 lines • 2.07 kB
JavaScript
var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
return cooked;
};
import * as React from "react";
import { NavLink } from "react-router-dom";
import styled from "styled-components";
import { translate } from "react-i18next";
var HeaderWrap = styled.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n height: 48px;\n line-height: 48px;\n background: #fff;\n"], ["\n height: 48px;\n line-height: 48px;\n background: #fff;\n"])));
var LogoWrap = styled.span(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n margin: 0 10px;\n a {\n color: #333;\n }\n"], ["\n margin: 0 10px;\n a {\n color: #333;\n }\n"])));
var MenuLinkWrap = styled.span(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n margin: 0 10px;\n .active {\n color: #333;\n }\n"], ["\n margin: 0 10px;\n .active {\n color: #333;\n }\n"])));
var Header = function (_a) {
var t = _a.t;
return (React.createElement(HeaderWrap, null,
React.createElement(LogoWrap, null,
React.createElement(NavLink, { to: "/", exact: true, activeClassName: "active" }, "React-ts-boilerplate")),
React.createElement(MenuLinkWrap, null,
React.createElement(NavLink, { to: "/page", activeClassName: "active" }, t("Page"))),
React.createElement(MenuLinkWrap, null,
React.createElement(NavLink, { to: "/explore", activeClassName: "active" }, t("Explore"))),
React.createElement(MenuLinkWrap, null,
React.createElement(NavLink, { to: "/about", activeClassName: "active" }, t("About"))),
React.createElement(MenuLinkWrap, null,
React.createElement(NavLink, { to: "/workerDemo", activeClassName: "active" }, t("WorkerDemo")))));
};
export default translate("app")(Header);
var templateObject_1, templateObject_2, templateObject_3;
//# sourceMappingURL=Header.js.map