twreporter-react-header-components - npm Package Compare versions

Comparing version 1.0.5-beta.1 to 1.0.5-beta.2

lib/components/channels.js

@@ -83,3 +83,3 @@ 'use strict';
   displayName: 'channels__ChannelsContainer',
-  componentId: 's62y2ps-0'
+  componentId: 'y3gfzw-0'
 })(['width:100%;', ''], _styleUtils.screen.hdAbove(_templateObject, styles.channelsContainerMaxWidth));
@@ -89,3 +89,3 @@
   displayName: 'channels__ChannelsContent',
-  componentId: 's62y2ps-1'
+  componentId: 'y3gfzw-1'
 })(['justify-content:space-between;padding:', ';background-color:', ';', ' ', ' ', ' user-select:none;box-sizing:border-box;display:flex;flex-direction:row;flex-wrap:nowrap;align-items:center;list-style-type:none;margin:0;'], (0, _styleUtils.arrayToCssShorthand)(styles.channelsPadding.mobile), _commonVariables.colors.white, _styleUtils.screen.tabletOnly(_templateObject2, (0, _styleUtils.arrayToCssShorthand)(styles.channelsPadding.tablet)), _styleUtils.screen.desktopAbove(_templateObject3, styles.channelsPositionTop.desktop, styles.channelsPositionLeft.desktop), _styleUtils.screen.hdAbove(_templateObject4, styles.channelsPositionLeft.hd));
@@ -95,3 +95,3 @@
   displayName: 'channels__ChannelContainer',
-  componentId: 's62y2ps-2'
+  componentId: 'y3gfzw-2'
 })(['padding:', ';margin:', ';color:', ';a{&,:hover,:active,:link,:visited{color:inherit;text-decoration:none;}}', ' ', ' position:relative;font-size:', ';font-weight:', ';letter-spacing:.5px;cursor:pointer;&::after{', '}'], (0, _styleUtils.arrayToCssShorthand)(styles.itemPadding.mobile), (0, _styleUtils.arrayToCssShorthand)(styles.itemMargin.mobile), _commonVariables.colors.black, _styleUtils.screen.tabletOnly(_templateObject5, (0, _styleUtils.arrayToCssShorthand)(styles.itemPadding.tablet), (0, _styleUtils.arrayToCssShorthand)(styles.itemMargin.tablet)), _styleUtils.screen.desktopAbove(_templateObject6, (0, _styleUtils.arrayToCssShorthand)(styles.itemPadding.desktop), (0, _styleUtils.arrayToCssShorthand)(styles.itemMargin.desktop), function (props) {
@@ -143,5 +143,7 @@ return (0, _theme.selectTextColor)(props.pageTheme);
     value: function componentWillReceiveProps(nextProps) {
-      if (this.props.pathName !== nextProps.pathName) {
+      var nextPathName = nextProps.pathName;
+      var nextActiveChannel = Channels._pathToActiveChannel(nextPathName);
+      if (nextActiveChannel !== this.state.activeChannel && this.props.pathName !== nextPathName) {
         this.setState({
-          activeChannel: Channels._pathToActiveChannel(nextProps.pathName)
+          activeChannel: nextActiveChannel
         });
@@ -148,0 +150,0 @@ }

package.json

 {
   "name": "twreporter-react-header-components",
-  "version": "1.0.5-beta.1",
+  "version": "1.0.5-beta.2",
   "scripts": {
@@ -5,0 +5,0 @@ "build": "gulp build-package --color",

No alert changes

Improved metrics

Total package byte prevSize

322544

increased by0.04%

Lines of code

1947

increased by0.1%

No dependency changes