trepur_components 0.1.35 → 0.1.39
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.
|
@@ -11,6 +11,8 @@ require("core-js/modules/es.regexp.exec.js");
|
|
|
11
11
|
|
|
12
12
|
require("core-js/modules/es.string.split.js");
|
|
13
13
|
|
|
14
|
+
require("core-js/modules/es.string.replace.js");
|
|
15
|
+
|
|
14
16
|
var _react = _interopRequireWildcard(require("react"));
|
|
15
17
|
|
|
16
18
|
var _index = _interopRequireDefault(require("../Profile/index"));
|
|
@@ -74,7 +76,7 @@ const Header = _ref => {
|
|
|
74
76
|
reference: '/'
|
|
75
77
|
}];
|
|
76
78
|
const pathArray = window.location.pathname.split('/');
|
|
77
|
-
|
|
79
|
+
let slug = pathArray[pathArray.length - 1];
|
|
78
80
|
let containerClass = margin ? ' container mx-auto' : '';
|
|
79
81
|
let backgroundColor = bgColor ? bgColor : 'grey';
|
|
80
82
|
let containsSearchOrProfile = showSearch ? showSearch : showProfile;
|
|
@@ -201,12 +203,13 @@ const Header = _ref => {
|
|
|
201
203
|
id: "nav-list",
|
|
202
204
|
className: 'flex ' + navItemTopPadding
|
|
203
205
|
}, links && links.map(link => {
|
|
206
|
+
const slugReference = link.reference.replace('/', '');
|
|
204
207
|
return /*#__PURE__*/_react.default.createElement(_index3.default, {
|
|
205
208
|
name: link.name,
|
|
206
209
|
url: link.reference,
|
|
207
|
-
borderColor: slug ===
|
|
208
|
-
textColor: slug ===
|
|
209
|
-
bgColor: slug ===
|
|
210
|
+
borderColor: slug === slugReference ? hoverNavItemBorderColor : navItemBorderColor,
|
|
211
|
+
textColor: slug === slugReference ? hoverNavItemTextColor : navItemTextColor,
|
|
212
|
+
bgColor: slug === slugReference ? hoverNavItemBgColor : navItemBgColor,
|
|
210
213
|
hoverBorderColor: hoverNavItemBorderColor,
|
|
211
214
|
hoverTextColor: hoverNavItemTextColor,
|
|
212
215
|
hoverBgColor: hoverNavItemBgColor,
|
|
@@ -228,12 +231,13 @@ const Header = _ref => {
|
|
|
228
231
|
}), /*#__PURE__*/_react.default.createElement("div", {
|
|
229
232
|
className: "px-2 pt-2 pb-3 space-y-1"
|
|
230
233
|
}, links && links.map(link => {
|
|
234
|
+
const slugReference = link.reference.replace('/', '');
|
|
231
235
|
return /*#__PURE__*/_react.default.createElement(_index3.default, {
|
|
232
236
|
name: link.name,
|
|
233
237
|
url: link.reference,
|
|
234
|
-
borderColor: navItemBorderColor,
|
|
235
|
-
textColor: navItemTextColor,
|
|
236
|
-
bgColor: navItemBgColor,
|
|
238
|
+
borderColor: slug === slugReference ? hoverNavItemBorderColor : navItemBorderColor,
|
|
239
|
+
textColor: slug === slugReference ? hoverNavItemTextColor : navItemTextColor,
|
|
240
|
+
bgColor: slug === slugReference ? hoverNavItemBgColor : navItemBgColor,
|
|
237
241
|
hoverBorderColor: hoverNavItemBorderColor,
|
|
238
242
|
hoverTextColor: hoverNavItemTextColor,
|
|
239
243
|
hoverBgColor: hoverNavItemBgColor,
|
|
@@ -247,12 +251,13 @@ const Header = _ref => {
|
|
|
247
251
|
'color': navItemTextColor
|
|
248
252
|
}
|
|
249
253
|
}), showProfile && profileLinks && profileLinks.map(link => {
|
|
254
|
+
const slugReference = link.reference.replace('/', '');
|
|
250
255
|
return /*#__PURE__*/_react.default.createElement(_index3.default, {
|
|
251
256
|
name: link.name,
|
|
252
257
|
url: link.reference,
|
|
253
|
-
borderColor: navItemBorderColor,
|
|
254
|
-
textColor: navItemTextColor,
|
|
255
|
-
bgColor: navItemBgColor,
|
|
258
|
+
borderColor: slug === slugReference ? hoverNavItemBorderColor : navItemBorderColor,
|
|
259
|
+
textColor: slug === slugReference ? hoverNavItemTextColor : navItemTextColor,
|
|
260
|
+
bgColor: slug === slugReference ? hoverNavItemBgColor : navItemBgColor,
|
|
256
261
|
hoverBorderColor: hoverNavItemBorderColor,
|
|
257
262
|
hoverTextColor: hoverNavItemTextColor,
|
|
258
263
|
hoverBgColor: hoverNavItemBgColor,
|
|
@@ -60,7 +60,7 @@ const NavItem = _ref => {
|
|
|
60
60
|
let borderClass = bordered ? ' border ' : '';
|
|
61
61
|
let round = rounded ? ' rounded-lg ' : '';
|
|
62
62
|
return /*#__PURE__*/_react.default.createElement("div", {
|
|
63
|
-
className: 'w-
|
|
63
|
+
className: 'w-auto list-none ' + classNames
|
|
64
64
|
}, /*#__PURE__*/_react.default.createElement("a", {
|
|
65
65
|
href: url
|
|
66
66
|
}, /*#__PURE__*/_react.default.createElement("li", {
|