tenjin-ui-kit 0.3.9 → 0.3.11
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.
|
@@ -32,7 +32,8 @@ var ProjectTopbar = function ProjectTopbar(_ref) {
|
|
|
32
32
|
actions = _ref.actions,
|
|
33
33
|
onLogout = _ref.onLogout,
|
|
34
34
|
onViewProfileClick = _ref.onViewProfileClick,
|
|
35
|
-
hrefLink = _ref.hrefLink
|
|
35
|
+
hrefLink = _ref.hrefLink,
|
|
36
|
+
avatarItems = _ref.avatarItems;
|
|
36
37
|
var theme = (0, _system.useTheme)();
|
|
37
38
|
var _useState = (0, _react.useState)(null),
|
|
38
39
|
_useState2 = _slicedToArray(_useState, 2),
|
|
@@ -220,7 +221,8 @@ var ProjectTopbar = function ProjectTopbar(_ref) {
|
|
|
220
221
|
}, /*#__PURE__*/_react.default.createElement(_UserAvatar.default, {
|
|
221
222
|
loggedInUser: loggedInUser,
|
|
222
223
|
onLogout: handleOpen,
|
|
223
|
-
onViewProfileClick: onViewProfileClick
|
|
224
|
+
onViewProfileClick: onViewProfileClick,
|
|
225
|
+
avatarItems: avatarItems
|
|
224
226
|
})))))), /*#__PURE__*/_react.default.createElement(_modal.default, {
|
|
225
227
|
title: "Log out",
|
|
226
228
|
open: open,
|
|
@@ -39,7 +39,8 @@ var StyledMenu = (0, _styles.withStyles)({
|
|
|
39
39
|
var UserAvatar = function UserAvatar(_ref) {
|
|
40
40
|
var loggedInUser = _ref.loggedInUser,
|
|
41
41
|
onViewProfileClick = _ref.onViewProfileClick,
|
|
42
|
-
onLogout = _ref.onLogout
|
|
42
|
+
onLogout = _ref.onLogout,
|
|
43
|
+
avatarItems = _ref.avatarItems;
|
|
43
44
|
var _useState = (0, _react.useState)(null),
|
|
44
45
|
_useState2 = _slicedToArray(_useState, 2),
|
|
45
46
|
menu = _useState2[0],
|
|
@@ -65,7 +66,7 @@ var UserAvatar = function UserAvatar(_ref) {
|
|
|
65
66
|
style: {
|
|
66
67
|
width: "14rem"
|
|
67
68
|
}
|
|
68
|
-
}, (loggedInUser === null || loggedInUser === void 0 ? void 0 : loggedInUser.name) && (loggedInUser === null || loggedInUser === void 0 ? void 0 : loggedInUser.email) && /*#__PURE__*/_react.default.createElement(_material.MenuItem, {
|
|
69
|
+
}, (loggedInUser === null || loggedInUser === void 0 ? void 0 : loggedInUser.name) && (loggedInUser === null || loggedInUser === void 0 ? void 0 : loggedInUser.email) && /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_material.MenuItem, {
|
|
69
70
|
onClick: function onClick() {
|
|
70
71
|
handleCloseMenu();
|
|
71
72
|
if (onViewProfileClick) {
|
|
@@ -88,7 +89,30 @@ var UserAvatar = function UserAvatar(_ref) {
|
|
|
88
89
|
className: "name"
|
|
89
90
|
}, loggedInUser.name), /*#__PURE__*/_react.default.createElement(_text.default, {
|
|
90
91
|
className: "email"
|
|
91
|
-
}, loggedInUser.email)))), (
|
|
92
|
+
}, loggedInUser.email)))), !!(avatarItems !== null && avatarItems !== void 0 && avatarItems.length) && (avatarItems === null || avatarItems === void 0 ? void 0 : avatarItems.map(function (item) {
|
|
93
|
+
return /*#__PURE__*/_react.default.createElement(_material.MenuItem, {
|
|
94
|
+
onClick: function onClick() {
|
|
95
|
+
handleCloseMenu();
|
|
96
|
+
if (item.onClick) {
|
|
97
|
+
item.onClick();
|
|
98
|
+
}
|
|
99
|
+
}
|
|
100
|
+
}, /*#__PURE__*/_react.default.createElement(_material.Box, {
|
|
101
|
+
display: "flex",
|
|
102
|
+
flexDirection: "row",
|
|
103
|
+
alignItems: "center"
|
|
104
|
+
}, /*#__PURE__*/_react.default.createElement(_material.Box, {
|
|
105
|
+
sx: {
|
|
106
|
+
marginRight: theme.spacing(1)
|
|
107
|
+
}
|
|
108
|
+
}, /*#__PURE__*/_react.default.createElement(_material.Avatar, {
|
|
109
|
+
variant: "rounded",
|
|
110
|
+
sx: {
|
|
111
|
+
width: 30,
|
|
112
|
+
height: 30
|
|
113
|
+
}
|
|
114
|
+
}, item.icon)), /*#__PURE__*/_react.default.createElement("div", null, /*#__PURE__*/_react.default.createElement(_text.default, null, item.title))));
|
|
115
|
+
}))), (loggedInUser === null || loggedInUser === void 0 ? void 0 : loggedInUser.name) && /*#__PURE__*/_react.default.createElement(_material.Divider, null), /*#__PURE__*/_react.default.createElement(_material.MenuItem, {
|
|
92
116
|
onClick: function onClick() {
|
|
93
117
|
handleCloseMenu();
|
|
94
118
|
if (onLogout) {
|