ruffer-pattern-portfolio
Version:
This is the end result from https://dev.to/swyx/quick-guide-to-setup-your-react--typescript-storybook-design-system-1c51
35 lines (34 loc) • 1.85 kB
JavaScript
"use strict";
var __importDefault = (this && this.__importDefault) || function (mod) {
return (mod && mod.__esModule) ? mod : { "default": mod };
};
Object.defineProperty(exports, "__esModule", { value: true });
var react_1 = __importDefault(require("react"));
var react_redux_1 = require("react-redux");
var react_bootstrap_1 = require("react-bootstrap");
exports.AuthPanel = function (props) {
var email = props.email;
var message = 'Logged in as ';
var loggedInMsg = email
? (react_1.default.createElement("div", null,
" ",
react_1.default.createElement("span", null,
" ",
message,
" "),
" ",
react_1.default.createElement("span", { style: { color: '#a4ee99' } },
" ",
email,
" "),
" "))
: (react_1.default.createElement("a", { href: "#login", style: { color: '#fff', fontSize: '14px', textDecoration: 'underline' } }, "Please login"));
var logoutMsg = email &&
(react_1.default.createElement("a", { href: "#logout", style: { color: '#fff', fontSize: '14px', textDecoration: 'underline' } }, "Logout"));
return (react_1.default.createElement(react_bootstrap_1.Navbar, { style: { backgroundColor: '#096131' } },
react_1.default.createElement(react_bootstrap_1.Navbar.Brand, { href: "#home", style: { color: '#fff', fontSize: '14px' } }, loggedInMsg),
react_1.default.createElement(react_bootstrap_1.Navbar.Toggle, null),
react_1.default.createElement(react_bootstrap_1.Navbar.Collapse, { className: "justify-content-end" },
react_1.default.createElement(react_bootstrap_1.Navbar.Text, null, logoutMsg))));
};
exports.default = react_redux_1.connect()(exports.AuthPanel);