@omniumretail/component-library 1.0.82 → 1.0.84
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/bundle.js +2 -2
- package/dist/main.css +8 -0
- package/dist/types/components/Navigation/index.d.ts +1 -0
- package/package.json +1 -1
- package/src/components/Navigation/Navigation.stories.tsx +1 -0
- package/src/components/Navigation/index.tsx +3 -1
- package/src/components/Navigation/styles.module.scss +12 -1
package/dist/bundle.js
CHANGED
|
@@ -4856,7 +4856,7 @@ eval("__webpack_require__.r(__webpack_exports__);\n// extracted by mini-css-extr
|
|
|
4856
4856
|
/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
|
|
4857
4857
|
|
|
4858
4858
|
"use strict";
|
|
4859
|
-
eval("__webpack_require__.r(__webpack_exports__);\n// extracted by mini-css-extract-plugin\n/* harmony default export */ __webpack_exports__[\"default\"] = ({\"navigation\":\"UxfXOleP69PjM5rFOMTD\",\"title\":\"LzcTbjk0fp70tXlKd3eS\",\"columnCenter\":\"gn06XRZhFG00HaVjAqNc\",\"columnLeft\":\"UK3esJZjnri5Jb9Jxcca\",\"columnRight\":\"U5tZ7kRlrIHUKsuduD1S\"});//# sourceURL=[module]\n//# sourceMappingURL=data:application/json;charset=utf-8;base64,
|
|
4859
|
+
eval("__webpack_require__.r(__webpack_exports__);\n// extracted by mini-css-extract-plugin\n/* harmony default export */ __webpack_exports__[\"default\"] = ({\"navigation\":\"UxfXOleP69PjM5rFOMTD\",\"title\":\"LzcTbjk0fp70tXlKd3eS\",\"columnCenter\":\"gn06XRZhFG00HaVjAqNc\",\"columnLeft\":\"UK3esJZjnri5Jb9Jxcca\",\"columnRight\":\"U5tZ7kRlrIHUKsuduD1S\",\"userName\":\"HSo9AzZTqF1b94jLyA66\",\"orangeText\":\"eJBRTQf3T45dCP6Q5Ji3\"});//# sourceURL=[module]\n//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiLi9zcmMvY29tcG9uZW50cy9OYXZpZ2F0aW9uL3N0eWxlcy5tb2R1bGUuc2Nzcy5qcyIsIm1hcHBpbmdzIjoiO0FBQUE7QUFDQSIsInNvdXJjZXMiOlsid2VicGFjazovL2xpYi8uL3NyYy9jb21wb25lbnRzL05hdmlnYXRpb24vc3R5bGVzLm1vZHVsZS5zY3NzPzEzMmQiXSwic291cmNlc0NvbnRlbnQiOlsiLy8gZXh0cmFjdGVkIGJ5IG1pbmktY3NzLWV4dHJhY3QtcGx1Z2luXG5leHBvcnQgZGVmYXVsdCB7XCJuYXZpZ2F0aW9uXCI6XCJVeGZYT2xlUDY5UGpNNXJGT01URFwiLFwidGl0bGVcIjpcIkx6Y1RiamswZnA3MHRYbEtkM2VTXCIsXCJjb2x1bW5DZW50ZXJcIjpcImduMDZYUlpoRkcwMEhhVmpBcU5jXCIsXCJjb2x1bW5MZWZ0XCI6XCJVSzNlc0paam5yaTVKYjlKeGNjYVwiLFwiY29sdW1uUmlnaHRcIjpcIlU1dFo3a1JscklIVUtzdWR1RDFTXCIsXCJ1c2VyTmFtZVwiOlwiSFNvOUF6WlRxRjFiOTRqTHlBNjZcIixcIm9yYW5nZVRleHRcIjpcImVKQlJUUWYzVDQ1ZENQNlE1SmkzXCJ9OyJdLCJuYW1lcyI6W10sInNvdXJjZVJvb3QiOiIifQ==\n//# sourceURL=webpack-internal:///./src/components/Navigation/styles.module.scss\n");
|
|
4860
4860
|
|
|
4861
4861
|
/***/ }),
|
|
4862
4862
|
|
|
@@ -10893,7 +10893,7 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpac
|
|
|
10893
10893
|
/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
|
|
10894
10894
|
|
|
10895
10895
|
"use strict";
|
|
10896
|
-
eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */ \"Navigation\": function() { return /* binding */ Navigation; }\n/* harmony export */ });\n/* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react/jsx-runtime */ \"./node_modules/react/jsx-runtime.js\");\n/* harmony import */ var _styles_module_scss__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./styles.module.scss */ \"./src/components/Navigation/styles.module.scss\");\n/* harmony import */ var _Link__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../Link */ \"./src/components/Link/index.tsx\");\n/* harmony import */ var _ant_design_icons__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! @ant-design/icons */ \"./node_modules/@ant-design/icons/es/icons/ArrowLeftOutlined.js\");\n/* harmony import */ var _ant_design_icons__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! @ant-design/icons */ \"./node_modules/@ant-design/icons/es/icons/HomeOutlined.js\");\n/* harmony import */ var _ant_design_icons__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! @ant-design/icons */ \"./node_modules/@ant-design/icons/es/icons/LogoutOutlined.js\");\n/* harmony import */ var react_i18next__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! react-i18next */ \"react-i18next\");\n/* harmony import */ var react_i18next__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(react_i18next__WEBPACK_IMPORTED_MODULE_3__);\nvar __assign = (undefined && undefined.__assign) || function () {\r\n __assign = Object.assign || function(t) {\r\n for (var s, i = 1, n = arguments.length; i < n; i++) {\r\n s = arguments[i];\r\n for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))\r\n t[p] = s[p];\r\n }\r\n return t;\r\n };\r\n return __assign.apply(this, arguments);\r\n};\r\n\r\n\r\n\r\n\r\n\r\nvar Navigation = function (props) {\r\n var backLink = props.backLink, title = props.title, homeLink = props.homeLink, loginOnClickFunction = props.loginOnClickFunction, loginLink = props.loginLink, backLinkOnClickFunction = props.backLinkOnClickFunction, homeOnClickFunction = props.homeOnClickFunction;\r\n var t = (0,react_i18next__WEBPACK_IMPORTED_MODULE_3__.useTranslation)().t;\r\n return ((0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)(\"div\", __assign({ className: _styles_module_scss__WEBPACK_IMPORTED_MODULE_1__[\"default\"].navigation }, { children: [(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(\"div\", __assign({ className: _styles_module_scss__WEBPACK_IMPORTED_MODULE_1__[\"default\"].columnLeft }, { children: backLink && (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)(_Link__WEBPACK_IMPORTED_MODULE_2__.Link, __assign({ href: \"#\", icon: (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_ant_design_icons__WEBPACK_IMPORTED_MODULE_4__[\"default\"], {}), linkSecondary: true, onClick: backLinkOnClickFunction }, { children: [\" \", t('navigation.back'), \" \"] })) })), (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(\"div\", __assign({ className: _styles_module_scss__WEBPACK_IMPORTED_MODULE_1__[\"default\"].columnCenter }, { children: (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(\"h1\", __assign({ className: _styles_module_scss__WEBPACK_IMPORTED_MODULE_1__[\"default\"].title }, { children: title })) })), (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)(\"div\", __assign({ className: _styles_module_scss__WEBPACK_IMPORTED_MODULE_1__[\"default\"].columnRight }, { children: [homeLink && (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)(_Link__WEBPACK_IMPORTED_MODULE_2__.Link, __assign({ href: \"#\", icon: (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_ant_design_icons__WEBPACK_IMPORTED_MODULE_5__[\"default\"], {}), linkSecondary: true, iconAlignRight: true, onClick: homeOnClickFunction }, { children: [\" \", t('navigation.home'), \" \"] })), loginLink && (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)(_Link__WEBPACK_IMPORTED_MODULE_2__.Link, __assign({ href: \"#\", onClick: loginOnClickFunction, icon: (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_ant_design_icons__WEBPACK_IMPORTED_MODULE_6__[\"default\"], {}), linkSecondary: true, iconAlignRight: true }, { children: [\" \", t('navigation.logout'), \" \"] }))] }))] })));\r\n};\r\n//# sourceURL=[module]\n//# sourceMappingURL=data:application/json;charset=utf-8;base64,
|
|
10896
|
+
eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */ \"Navigation\": function() { return /* binding */ Navigation; }\n/* harmony export */ });\n/* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react/jsx-runtime */ \"./node_modules/react/jsx-runtime.js\");\n/* harmony import */ var _styles_module_scss__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./styles.module.scss */ \"./src/components/Navigation/styles.module.scss\");\n/* harmony import */ var _Link__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../Link */ \"./src/components/Link/index.tsx\");\n/* harmony import */ var _ant_design_icons__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! @ant-design/icons */ \"./node_modules/@ant-design/icons/es/icons/ArrowLeftOutlined.js\");\n/* harmony import */ var _ant_design_icons__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! @ant-design/icons */ \"./node_modules/@ant-design/icons/es/icons/HomeOutlined.js\");\n/* harmony import */ var _ant_design_icons__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! @ant-design/icons */ \"./node_modules/@ant-design/icons/es/icons/LogoutOutlined.js\");\n/* harmony import */ var react_i18next__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! react-i18next */ \"react-i18next\");\n/* harmony import */ var react_i18next__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(react_i18next__WEBPACK_IMPORTED_MODULE_3__);\nvar __assign = (undefined && undefined.__assign) || function () {\r\n __assign = Object.assign || function(t) {\r\n for (var s, i = 1, n = arguments.length; i < n; i++) {\r\n s = arguments[i];\r\n for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))\r\n t[p] = s[p];\r\n }\r\n return t;\r\n };\r\n return __assign.apply(this, arguments);\r\n};\r\n\r\n\r\n\r\n\r\n\r\nvar Navigation = function (props) {\r\n var userName = props.userName, backLink = props.backLink, title = props.title, homeLink = props.homeLink, loginOnClickFunction = props.loginOnClickFunction, loginLink = props.loginLink, backLinkOnClickFunction = props.backLinkOnClickFunction, homeOnClickFunction = props.homeOnClickFunction;\r\n var t = (0,react_i18next__WEBPACK_IMPORTED_MODULE_3__.useTranslation)().t;\r\n return ((0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)(\"div\", __assign({ className: _styles_module_scss__WEBPACK_IMPORTED_MODULE_1__[\"default\"].navigation }, { children: [(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(\"div\", __assign({ className: _styles_module_scss__WEBPACK_IMPORTED_MODULE_1__[\"default\"].columnLeft }, { children: backLink && (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)(_Link__WEBPACK_IMPORTED_MODULE_2__.Link, __assign({ href: \"#\", icon: (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_ant_design_icons__WEBPACK_IMPORTED_MODULE_4__[\"default\"], {}), linkSecondary: true, onClick: backLinkOnClickFunction }, { children: [\" \", t('navigation.back'), \" \"] })) })), (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(\"div\", __assign({ className: _styles_module_scss__WEBPACK_IMPORTED_MODULE_1__[\"default\"].columnCenter }, { children: (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(\"h1\", __assign({ className: _styles_module_scss__WEBPACK_IMPORTED_MODULE_1__[\"default\"].title }, { children: title })) })), (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)(\"div\", __assign({ className: _styles_module_scss__WEBPACK_IMPORTED_MODULE_1__[\"default\"].columnRight }, { children: [userName && (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)(\"a\", __assign({ className: _styles_module_scss__WEBPACK_IMPORTED_MODULE_1__[\"default\"].userName }, { children: [\" Bem-Vindo(a), \", (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)(\"span\", __assign({ className: _styles_module_scss__WEBPACK_IMPORTED_MODULE_1__[\"default\"].orangeText }, { children: [\"\\u00A0\", userName] })), \" \"] })), homeLink && (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)(_Link__WEBPACK_IMPORTED_MODULE_2__.Link, __assign({ href: \"#\", icon: (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_ant_design_icons__WEBPACK_IMPORTED_MODULE_5__[\"default\"], {}), linkSecondary: true, iconAlignRight: true, onClick: homeOnClickFunction }, { children: [\" \", t('navigation.home'), \" \"] })), loginLink && (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)(_Link__WEBPACK_IMPORTED_MODULE_2__.Link, __assign({ href: \"#\", onClick: loginOnClickFunction, icon: (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_ant_design_icons__WEBPACK_IMPORTED_MODULE_6__[\"default\"], {}), linkSecondary: true, iconAlignRight: true }, { children: [\" \", t('navigation.logout'), \" \"] }))] }))] })));\r\n};\r\n//# sourceURL=[module]\n//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiLi9zcmMvY29tcG9uZW50cy9OYXZpZ2F0aW9uL2luZGV4LnRzeC5qcyIsIm1hcHBpbmdzIjoiOzs7Ozs7Ozs7Ozs7QUFBQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0EiLCJzb3VyY2VzIjpbIndlYnBhY2s6Ly9saWIvLi9zcmMvY29tcG9uZW50cy9OYXZpZ2F0aW9uL2luZGV4LnRzeD8xZjZkIl0sInNvdXJjZXNDb250ZW50IjpbInZhciBfX2Fzc2lnbiA9ICh0aGlzICYmIHRoaXMuX19hc3NpZ24pIHx8IGZ1bmN0aW9uICgpIHtcclxuICAgIF9fYXNzaWduID0gT2JqZWN0LmFzc2lnbiB8fCBmdW5jdGlvbih0KSB7XHJcbiAgICAgICAgZm9yICh2YXIgcywgaSA9IDEsIG4gPSBhcmd1bWVudHMubGVuZ3RoOyBpIDwgbjsgaSsrKSB7XHJcbiAgICAgICAgICAgIHMgPSBhcmd1bWVudHNbaV07XHJcbiAgICAgICAgICAgIGZvciAodmFyIHAgaW4gcykgaWYgKE9iamVjdC5wcm90b3R5cGUuaGFzT3duUHJvcGVydHkuY2FsbChzLCBwKSlcclxuICAgICAgICAgICAgICAgIHRbcF0gPSBzW3BdO1xyXG4gICAgICAgIH1cclxuICAgICAgICByZXR1cm4gdDtcclxuICAgIH07XHJcbiAgICByZXR1cm4gX19hc3NpZ24uYXBwbHkodGhpcywgYXJndW1lbnRzKTtcclxufTtcclxuaW1wb3J0IHsganN4IGFzIF9qc3gsIGpzeHMgYXMgX2pzeHMgfSBmcm9tIFwicmVhY3QvanN4LXJ1bnRpbWVcIjtcclxuaW1wb3J0IHN0eWxlcyBmcm9tICcuL3N0eWxlcy5tb2R1bGUuc2Nzcyc7XHJcbmltcG9ydCB7IExpbmsgfSBmcm9tICcuLi9MaW5rJztcclxuaW1wb3J0IHsgQXJyb3dMZWZ0T3V0bGluZWQsIEhvbWVPdXRsaW5lZCwgTG9nb3V0T3V0bGluZWQgfSBmcm9tICdAYW50LWRlc2lnbi9pY29ucyc7XHJcbmltcG9ydCB7IHVzZVRyYW5zbGF0aW9uIH0gZnJvbSAncmVhY3QtaTE4bmV4dCc7XHJcbmV4cG9ydCB2YXIgTmF2aWdhdGlvbiA9IGZ1bmN0aW9uIChwcm9wcykge1xyXG4gICAgdmFyIHVzZXJOYW1lID0gcHJvcHMudXNlck5hbWUsIGJhY2tMaW5rID0gcHJvcHMuYmFja0xpbmssIHRpdGxlID0gcHJvcHMudGl0bGUsIGhvbWVMaW5rID0gcHJvcHMuaG9tZUxpbmssIGxvZ2luT25DbGlja0Z1bmN0aW9uID0gcHJvcHMubG9naW5PbkNsaWNrRnVuY3Rpb24sIGxvZ2luTGluayA9IHByb3BzLmxvZ2luTGluaywgYmFja0xpbmtPbkNsaWNrRnVuY3Rpb24gPSBwcm9wcy5iYWNrTGlua09uQ2xpY2tGdW5jdGlvbiwgaG9tZU9uQ2xpY2tGdW5jdGlvbiA9IHByb3BzLmhvbWVPbkNsaWNrRnVuY3Rpb247XHJcbiAgICB2YXIgdCA9IHVzZVRyYW5zbGF0aW9uKCkudDtcclxuICAgIHJldHVybiAoX2pzeHMoXCJkaXZcIiwgX19hc3NpZ24oeyBjbGFzc05hbWU6IHN0eWxlcy5uYXZpZ2F0aW9uIH0sIHsgY2hpbGRyZW46IFtfanN4KFwiZGl2XCIsIF9fYXNzaWduKHsgY2xhc3NOYW1lOiBzdHlsZXMuY29sdW1uTGVmdCB9LCB7IGNoaWxkcmVuOiBiYWNrTGluayAmJiBfanN4cyhMaW5rLCBfX2Fzc2lnbih7IGhyZWY6IFwiI1wiLCBpY29uOiBfanN4KEFycm93TGVmdE91dGxpbmVkLCB7fSksIGxpbmtTZWNvbmRhcnk6IHRydWUsIG9uQ2xpY2s6IGJhY2tMaW5rT25DbGlja0Z1bmN0aW9uIH0sIHsgY2hpbGRyZW46IFtcIiBcIiwgdCgnbmF2aWdhdGlvbi5iYWNrJyksIFwiIFwiXSB9KSkgfSkpLCBfanN4KFwiZGl2XCIsIF9fYXNzaWduKHsgY2xhc3NOYW1lOiBzdHlsZXMuY29sdW1uQ2VudGVyIH0sIHsgY2hpbGRyZW46IF9qc3goXCJoMVwiLCBfX2Fzc2lnbih7IGNsYXNzTmFtZTogc3R5bGVzLnRpdGxlIH0sIHsgY2hpbGRyZW46IHRpdGxlIH0pKSB9KSksIF9qc3hzKFwiZGl2XCIsIF9fYXNzaWduKHsgY2xhc3NOYW1lOiBzdHlsZXMuY29sdW1uUmlnaHQgfSwgeyBjaGlsZHJlbjogW3VzZXJOYW1lICYmIF9qc3hzKFwiYVwiLCBfX2Fzc2lnbih7IGNsYXNzTmFtZTogc3R5bGVzLnVzZXJOYW1lIH0sIHsgY2hpbGRyZW46IFtcIiBCZW0tVmluZG8oYSksIFwiLCBfanN4cyhcInNwYW5cIiwgX19hc3NpZ24oeyBjbGFzc05hbWU6IHN0eWxlcy5vcmFuZ2VUZXh0IH0sIHsgY2hpbGRyZW46IFtcIlxcdTAwQTBcIiwgdXNlck5hbWVdIH0pKSwgXCIgXCJdIH0pKSwgaG9tZUxpbmsgJiYgX2pzeHMoTGluaywgX19hc3NpZ24oeyBocmVmOiBcIiNcIiwgaWNvbjogX2pzeChIb21lT3V0bGluZWQsIHt9KSwgbGlua1NlY29uZGFyeTogdHJ1ZSwgaWNvbkFsaWduUmlnaHQ6IHRydWUsIG9uQ2xpY2s6IGhvbWVPbkNsaWNrRnVuY3Rpb24gfSwgeyBjaGlsZHJlbjogW1wiIFwiLCB0KCduYXZpZ2F0aW9uLmhvbWUnKSwgXCIgXCJdIH0pKSwgbG9naW5MaW5rICYmIF9qc3hzKExpbmssIF9fYXNzaWduKHsgaHJlZjogXCIjXCIsIG9uQ2xpY2s6IGxvZ2luT25DbGlja0Z1bmN0aW9uLCBpY29uOiBfanN4KExvZ291dE91dGxpbmVkLCB7fSksIGxpbmtTZWNvbmRhcnk6IHRydWUsIGljb25BbGlnblJpZ2h0OiB0cnVlIH0sIHsgY2hpbGRyZW46IFtcIiBcIiwgdCgnbmF2aWdhdGlvbi5sb2dvdXQnKSwgXCIgXCJdIH0pKV0gfSkpXSB9KSkpO1xyXG59O1xyXG4iXSwibmFtZXMiOltdLCJzb3VyY2VSb290IjoiIn0=\n//# sourceURL=webpack-internal:///./src/components/Navigation/index.tsx\n");
|
|
10897
10897
|
|
|
10898
10898
|
/***/ }),
|
|
10899
10899
|
|
package/dist/main.css
CHANGED
|
@@ -106,6 +106,14 @@
|
|
|
106
106
|
display: none;
|
|
107
107
|
}
|
|
108
108
|
}
|
|
109
|
+
.UxfXOleP69PjM5rFOMTD .HSo9AzZTqF1b94jLyA66 {
|
|
110
|
+
font-family: var(--font-family-primary), system-ui;
|
|
111
|
+
font-weight: var(--font-weight-regular);
|
|
112
|
+
font-size: var(--font-size-body-4);
|
|
113
|
+
}
|
|
114
|
+
.UxfXOleP69PjM5rFOMTD .eJBRTQf3T45dCP6Q5Ji3 {
|
|
115
|
+
color: var(--color-orange);
|
|
116
|
+
}
|
|
109
117
|
/*!*************************************************************************************************************************************************************!*\
|
|
110
118
|
!*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!./node_modules/sass-loader/dist/cjs.js!./src/components/Link/styles.module.scss ***!
|
|
111
119
|
\*************************************************************************************************************************************************************/
|
package/package.json
CHANGED
|
@@ -7,13 +7,14 @@ export interface NavigationProps {
|
|
|
7
7
|
title: string;
|
|
8
8
|
homeLink?: boolean;
|
|
9
9
|
loginLink?: boolean;
|
|
10
|
+
userName?: string;
|
|
10
11
|
loginOnClickFunction?: () => void;
|
|
11
12
|
backLinkOnClickFunction?: () => void;
|
|
12
13
|
homeOnClickFunction?: () => void;
|
|
13
14
|
}
|
|
14
15
|
|
|
15
16
|
export const Navigation = (props: NavigationProps) => {
|
|
16
|
-
const { backLink, title, homeLink, loginOnClickFunction, loginLink, backLinkOnClickFunction, homeOnClickFunction } = props;
|
|
17
|
+
const { userName, backLink, title, homeLink, loginOnClickFunction, loginLink, backLinkOnClickFunction, homeOnClickFunction } = props;
|
|
17
18
|
const { t } = useTranslation();
|
|
18
19
|
|
|
19
20
|
return (
|
|
@@ -25,6 +26,7 @@ export const Navigation = (props: NavigationProps) => {
|
|
|
25
26
|
<h1 className={styles.title}>{title}</h1>
|
|
26
27
|
</div>
|
|
27
28
|
<div className={styles.columnRight}>
|
|
29
|
+
{userName && <a className={styles.userName}> Bem-Vindo(a), <span className={styles.orangeText}> {userName}</span> </a>}
|
|
28
30
|
{homeLink && <Link href="#" icon={<HomeOutlined />} linkSecondary iconAlignRight onClick={homeOnClickFunction}> {t('navigation.home')} </Link>}
|
|
29
31
|
{loginLink && <Link href="#" onClick={loginOnClickFunction} icon={<LogoutOutlined />} linkSecondary iconAlignRight> {t('navigation.logout')} </Link>}
|
|
30
32
|
</div>
|
|
@@ -27,6 +27,7 @@
|
|
|
27
27
|
|
|
28
28
|
.columnCenter {
|
|
29
29
|
align-self: center;
|
|
30
|
+
|
|
30
31
|
@media(max-width: 767px) {
|
|
31
32
|
position: absolute;
|
|
32
33
|
top: 0 !important;
|
|
@@ -56,4 +57,14 @@
|
|
|
56
57
|
}
|
|
57
58
|
}
|
|
58
59
|
}
|
|
59
|
-
|
|
60
|
+
|
|
61
|
+
.userName {
|
|
62
|
+
font-family: var(--font-family-primary), system-ui;
|
|
63
|
+
font-weight: var(--font-weight-regular);
|
|
64
|
+
font-size: var(--font-size-body-4);
|
|
65
|
+
}
|
|
66
|
+
|
|
67
|
+
.orangeText {
|
|
68
|
+
color: var(--color-orange);
|
|
69
|
+
}
|
|
70
|
+
}
|