tenjin-ui-kit 0.1.0-dev.2 → 0.1.0-dev.3
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/components/layout/topBar/UserAvatar.js +5 -4
- package/package.json +1 -1
- package/README.md +0 -13
|
@@ -28,7 +28,6 @@ var StyledMenu = (0, _styles.withStyles)({
|
|
|
28
28
|
}
|
|
29
29
|
})(function (props) {
|
|
30
30
|
return /*#__PURE__*/_react.default.createElement(_material.Menu, _extends({
|
|
31
|
-
getContentAnchorEl: null,
|
|
32
31
|
disableAutoFocusItem: true,
|
|
33
32
|
anchorOrigin: {
|
|
34
33
|
vertical: "bottom",
|
|
@@ -66,7 +65,7 @@ var UserAvatar = function UserAvatar(_ref) {
|
|
|
66
65
|
style: {
|
|
67
66
|
width: "14rem"
|
|
68
67
|
}
|
|
69
|
-
}, (loggedInUser === null || loggedInUser === void 0 ? void 0 : loggedInUser.name) && (loggedInUser === null || loggedInUser === void 0 ? void 0 : loggedInUser.email) && /*#__PURE__*/_react.default.createElement(
|
|
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, {
|
|
70
69
|
onClick: function onClick() {
|
|
71
70
|
handleCloseMenu();
|
|
72
71
|
if (onViewProfileClick) {
|
|
@@ -89,8 +88,10 @@ var UserAvatar = function UserAvatar(_ref) {
|
|
|
89
88
|
className: "name"
|
|
90
89
|
}, loggedInUser.name), /*#__PURE__*/_react.default.createElement(_text.default, {
|
|
91
90
|
className: "email"
|
|
92
|
-
}, loggedInUser.email)))), !!(avatarItems !== null && avatarItems !== void 0 && avatarItems.length) && (avatarItems === null || avatarItems === void 0 ? void 0 : avatarItems.map(function (item) {
|
|
91
|
+
}, loggedInUser.email)))), !!(avatarItems !== null && avatarItems !== void 0 && avatarItems.length) && (avatarItems === null || avatarItems === void 0 ? void 0 : avatarItems.map(function (item, index) {
|
|
93
92
|
return /*#__PURE__*/_react.default.createElement(_material.MenuItem, {
|
|
93
|
+
key: index // Add key prop for mapped items
|
|
94
|
+
,
|
|
94
95
|
onClick: function onClick() {
|
|
95
96
|
handleCloseMenu();
|
|
96
97
|
if (item.onClick) {
|
|
@@ -112,7 +113,7 @@ var UserAvatar = function UserAvatar(_ref) {
|
|
|
112
113
|
height: 30
|
|
113
114
|
}
|
|
114
115
|
}, item.icon)), /*#__PURE__*/_react.default.createElement("div", null, /*#__PURE__*/_react.default.createElement(_text.default, null, item.title))));
|
|
115
|
-
}))
|
|
116
|
+
})), (loggedInUser === null || loggedInUser === void 0 ? void 0 : loggedInUser.name) && /*#__PURE__*/_react.default.createElement(_material.Divider, null), /*#__PURE__*/_react.default.createElement(_material.MenuItem, {
|
|
116
117
|
onClick: function onClick() {
|
|
117
118
|
handleCloseMenu();
|
|
118
119
|
if (onLogout) {
|
package/package.json
CHANGED
package/README.md
DELETED
|
@@ -1,13 +0,0 @@
|
|
|
1
|
-
# Tenjin UI Kit
|
|
2
|
-
|
|
3
|
-
The Tenjin UI kit ships a set of pre-built components that can be used while building user interfaces for Tenjin.
|
|
4
|
-
|
|
5
|
-
## Installation
|
|
6
|
-
|
|
7
|
-
In the project directory, you can run:
|
|
8
|
-
|
|
9
|
-
npm install tenjin-ui-kit
|
|
10
|
-
|
|
11
|
-
## Usage
|
|
12
|
-
|
|
13
|
-
The [Tenjin UI Kit](https://tenjin-ui-kit.netlify.app) storybook gives clear documentation on how to use the Tenjin UI Kit.
|