@stokr/components-library 0.8.6 → 0.8.7

package/dist/components/Header/Header.js

@@ -25,6 +25,7 @@ var _FooterMenu2 = require("../Footer/FooterMenu");
 var _Grid = require("../Grid/Grid.styles");
 var _FooterLayout = require("../Footer/FooterLayout");
 var _globalVariables = require("../../constants/globalVariables");
+var _rwd = require("../../styles/rwd");
 var _excluded = ["activeMenu", "activateMenu", "user", "userPhoto", "logoutUser", "onLoginClick", "onSignUpClick", "useRelativePathForMenu", "useRelativePathForUserMenu", "progress", "withSidebar", "isSidebarExpanded", "sidebarHandler", "signupFlow", "noFixedPosition"];
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
@@ -153,7 +154,7 @@ var Header = function Header(_ref3) {
     _ref3$user = _ref3.user,
     user = _ref3$user === void 0 ? {} : _ref3$user,
     _ref3$userPhoto = _ref3.userPhoto,
-    userPhoto = _ref3$userPhoto === void 0 ? '' : _ref3$userPhoto,
+    userPhoto = _ref3$userPhoto === void 0 ? _avatarPlaceholder.default : _ref3$userPhoto,
     _ref3$logoutUser = _ref3.logoutUser,
     logoutUser = _ref3$logoutUser === void 0 ? function () {} : _ref3$logoutUser,
     _ref3$onLoginClick = _ref3.onLoginClick,
@@ -188,6 +189,7 @@ var Header = function Header(_ref3) {
   var prevAmount = (0, _customHooks.usePrevious)({
     activeMenu: activeMenu
   });
+  var isMobile = (0, _customHooks.useMobileView)(_rwd.sizes.MLarge);
   (0, _react.useEffect)(function () {
     //this is used when clicked outside the header
     if ((prevAmount === null || prevAmount === void 0 ? void 0 : prevAmount.activeMenu) !== activeMenu) {
@@ -207,7 +209,7 @@ var Header = function Header(_ref3) {
     if (activeMenu === false) {
       setcurrentActiveMenu(null);
     }
-    if (window.innerWidth <= 767) {
+    if (isMobile) {
       if (currentActiveMenu) {
         document.body.style.overflowY = 'unset';
       } else {
@@ -269,9 +271,8 @@ var Header = function Header(_ref3) {
       return toggleMenu('main');
     },
     withSidebar: withSidebar
-  }, /*#__PURE__*/_react.default.createElement("span", null), /*#__PURE__*/_react.default.createElement("span", null), /*#__PURE__*/_react.default.createElement("span", null)), checkTodoStatus(user) > 0 && !signupFlow && /*#__PURE__*/_react.default.createElement(_NotificationCounter.default, {
-    avatar: true,
-    MobileMenuToggler: true,
+  }, /*#__PURE__*/_react.default.createElement("span", null), /*#__PURE__*/_react.default.createElement("span", null), /*#__PURE__*/_react.default.createElement("span", null)), isMobile && checkTodoStatus(user) > 0 && !signupFlow && /*#__PURE__*/_react.default.createElement(_NotificationCounter.default, {
+    mobile: true,
     isActive: currentActiveMenu === 'main'
   }, checkTodoStatus(user)), /*#__PURE__*/_react.default.createElement(_Header.HeaderQuickNav, {
     isUserLogged: user._id
@@ -335,7 +336,6 @@ var Header = function Header(_ref3) {
       return toggleMenu('main');
     }
   }, "Dashboard"), checkTodoStatus(user) > 0 && /*#__PURE__*/_react.default.createElement(_NotificationCounter.default, {
-    avatar: true,
     mobileMenu: true
   }, checkTodoStatus(user))), /*#__PURE__*/_react.default.createElement(_Header.MobileMenuItem, null, /*#__PURE__*/_react.default.createElement("a", {
     href: "".concat(newPlatformUrlForUserMenu, "/settings/profile-and-privacy"),

package/dist/components/Header/Header.stories.js

@@ -69,7 +69,7 @@ var userDev = {
   entity_name: '',
   active: true,
   country: 'Germany',
-  is_risk_questionnaire_finished: true,
+  is_risk_questionnaire_finished: false,
   kyc_status: 'Accepted',
   investor_algo_addresses: [{
     name: 'another test',

package/dist/components/NotificationCounter/NotificationCounter.styles.js

@@ -10,12 +10,16 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { de
 var NotificationCounter = _styledComponents.default.span.withConfig({
   displayName: "NotificationCounterstyles__NotificationCounter",
   componentId: "sc-1pf66l9-0"
-})(["display:inline-block;vertical-align:middle;color:", ";background-color:", ";border-radius:8px;min-width:16px;height:16px;font-size:9px;line-height:11px;padding:2px;text-align:center;", ""], function (props) {
+})(["display:inline-block;vertical-align:middle;color:", ";background-color:", ";border-radius:50%;min-width:16px;height:16px;font-size:11px;font-weight:600;line-height:16px;text-align:center;", " ", " ", ""], function (props) {
   return _theme.default.cWhite;
 }, function (props) {
   return _theme.default.cWarning;
 }, function (props) {
   return props.avatar && "\n    position: absolute;\n    top: 0;\n    right: 0;\n    z-index: 1;\n  ";
+}, function (props) {
+  return props.mobile && "\n    position: absolute;\n    top: 5px;\n    right: 5px;\n    z-index: 1;\n  ";
+}, function (props) {
+  return props.mobileMenu && "\n    margin:0 5px;\n  ";
 });
 exports.NotificationCounter = NotificationCounter;
 var _default = NotificationCounter;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@stokr/components-library",
-  "version": "0.8.6",
+  "version": "0.8.7",
   "description": "STOKR - Components Library",
   "main": "dist/index.js",
   "module": "dist/index.js",