@times-tooling/global-header - npm Package Compare versions

Comparing version 2.0.4 to 2.0.5

CHANGELOG.md

@@ -6,2 +6,10 @@ # Change Log
 
+## [2.0.5](https://github.com/newsuk/times-tooling/compare/@times-tooling/global-header@2.0.4...@times-tooling/global-header@2.0.5) (2019-03-13)
+
+**Note:** Version bump only for package @times-tooling/global-header
+
+
+
+
+
 ## [2.0.4](https://github.com/newsuk/times-tooling/compare/@times-tooling/global-header@2.0.3...@times-tooling/global-header@2.0.4) (2019-03-04)
@@ -8,0 +16,0 @@

lib/index.js

 import React from 'react';
-import { Link } from 'react-router-dom';
 import Avatar from '@times-tooling/avatar';
 import { MainContainer } from '@times-tooling/layout';
-import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
+import { LinkButton, Button } from '@times-tooling/button';
 import { library } from '@fortawesome/fontawesome-svg-core';
 import { faBars } from '@fortawesome/free-solid-svg-icons';
+import classnames from 'classnames';
 library.add(faBars);
 import styles from './style.scss';
-export class GlobalHeaderPresentation extends React.Component {
+export class GlobalHeader extends React.Component {
   constructor(...args) {
@@ -30,5 +30,5 @@ super(...args);
       appName,
+      user = null,
       links = [],
-      user,
-      currentPath
+      currentPath = null
     } = this.props;
@@ -42,21 +42,45 @@ const {
       className: styles.main
-    }, React.createElement("button", {
+    }, links.length > 0 && React.createElement(Button, {
+      icon: "bars",
+      displayMode: "inline",
+      buttonStyle: "secondary",
+      size: "small",
+      hoverEnabled: false,
+      inverted: true,
+      rounded: false,
       className: styles.menuButton,
       onClick: this.handleMenuToggle
-    }, React.createElement(FontAwesomeIcon, {
-      icon: "bars"
-    })), React.createElement("div", {
+    }), React.createElement("div", {
       className: styles.toolName
-    }, React.createElement(Link, {
-      to: "/"
-    }, appName)), React.createElement("ul", {
-      className: isMenuVisible && styles.isOpen
-    }, links.map(link => React.createElement("li", {
-      className: currentPath === link.path && styles.active
-    }, React.createElement(Link, {
-      to: link.path
+    }, React.createElement(LinkButton, {
+      to: "/",
+      displayMode: "inline",
+      buttonStyle: "secondary",
+      size: "tiny",
+      inverted: true,
+      hoverEnabled: false,
+      rounded: false
+    }, appName)), links.length > 0 && React.createElement("ul", {
+      className: classnames(isMenuVisible && styles.isOpen)
+    }, links.map((link, index) => React.createElement("li", {
+      key: index,
+      className: classnames(currentPath === link.path && styles.active)
+    }, React.createElement(LinkButton, {
+      to: link.path,
+      displayMode: "inline",
+      buttonStyle: "secondary",
+      size: "tiny",
+      inverted: true,
+      hoverEnabled: false,
+      rounded: false
     }, link.title)))), user && React.createElement("div", {
       className: styles.user
-    }, React.createElement(Link, {
+    }, React.createElement(LinkButton, {
       to: "/logout",
+      displayMode: "inline",
+      buttonStyle: "secondary",
+      size: "tiny",
+      inverted: true,
+      hoverEnabled: false,
+      rounded: false,
       className: styles.logout
@@ -70,3 +94,3 @@ }, "Log out"), React.createElement(Avatar, {
 }
-GlobalHeaderPresentation.displayName = 'GlobalHeaderPresentation';
-export default GlobalHeaderPresentation;
+GlobalHeader.displayName = 'GlobalHeader';
+export default GlobalHeader;

lib/style.scss

@@ -102,3 +102,2 @@ @import '~@times-tooling/style-guide/_index.scss';
       color: $colourActiveText;
-      opacity: 0.8;
       margin: inherit;
@@ -105,0 +104,0 @@ margin-right: 1rem;

package.json

 {
   "name": "@times-tooling/global-header",
-  "version": "2.0.4",
+  "version": "2.0.5",
   "main": "lib/index.js",
@@ -43,3 +43,3 @@ "module": "lib/index.js",
   ],
-  "gitHead": "d3f26265f443845a5bee1296d7b0484bba1dc4f5"
+  "gitHead": "ef8301d39972904a988b80398fe54399f2ba625b"
 }

No alert changes

Improved metrics

Total package byte prevSize

10539

8.5%

Lines of code

89

36.92%

No dependency changes