@selfcommunity/react-ui 0.7.0-alpha.62 → 0.7.0-alpha.64
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/lib/cjs/components/CommentObject/CommentObject.js +4 -5
- package/lib/cjs/components/CommentObject/CommentObject.js.map +1 -1
- package/lib/cjs/components/Editor/Editor.d.ts.map +1 -1
- package/lib/cjs/components/Editor/Editor.js +14 -13
- package/lib/cjs/components/Editor/Editor.js.map +1 -1
- package/lib/cjs/components/FeedObject/Actions/Reaction/Reaction.d.ts.map +1 -1
- package/lib/cjs/components/FeedObject/Actions/Reaction/Reaction.js +10 -3
- package/lib/cjs/components/FeedObject/Actions/Reaction/Reaction.js.map +1 -1
- package/lib/cjs/components/FeedObject/Actions/Reaction/ReactionsPopover.d.ts.map +1 -1
- package/lib/cjs/components/FeedObject/Actions/Reaction/ReactionsPopover.js +6 -2
- package/lib/cjs/components/FeedObject/Actions/Reaction/ReactionsPopover.js.map +1 -1
- package/lib/cjs/components/Header/Header.d.ts +0 -4
- package/lib/cjs/components/Header/Header.d.ts.map +1 -1
- package/lib/cjs/components/Header/Header.js +56 -50
- package/lib/cjs/components/Header/Header.js.map +1 -1
- package/lib/cjs/components/Header/HeaderMenu.d.ts.map +1 -1
- package/lib/cjs/components/Header/HeaderMenu.js +11 -13
- package/lib/cjs/components/Header/HeaderMenu.js.map +1 -1
- package/lib/cjs/components/Header/MobileHeader/MobileHeader.d.ts.map +1 -1
- package/lib/cjs/components/Header/MobileHeader/MobileHeader.js +34 -27
- package/lib/cjs/components/Header/MobileHeader/MobileHeader.js.map +1 -1
- package/lib/cjs/components/Header/SearchBar.d.ts.map +1 -1
- package/lib/cjs/components/Header/SearchBar.js +24 -14
- package/lib/cjs/components/Header/SearchBar.js.map +1 -1
- package/lib/cjs/components/SnippetNotifications/SnippetNotifications.d.ts +1 -1
- package/lib/cjs/components/SnippetNotifications/SnippetNotifications.d.ts.map +1 -1
- package/lib/cjs/types/headerMenuUrls.d.ts +4 -0
- package/lib/cjs/types/headerMenuUrls.d.ts.map +1 -1
- package/lib/esm/components/CommentObject/CommentObject.js +4 -5
- package/lib/esm/components/CommentObject/CommentObject.js.map +1 -1
- package/lib/esm/components/Editor/Editor.d.ts.map +1 -1
- package/lib/esm/components/Editor/Editor.js +14 -13
- package/lib/esm/components/Editor/Editor.js.map +1 -1
- package/lib/esm/components/FeedObject/Actions/Reaction/Reaction.d.ts.map +1 -1
- package/lib/esm/components/FeedObject/Actions/Reaction/Reaction.js +10 -3
- package/lib/esm/components/FeedObject/Actions/Reaction/Reaction.js.map +1 -1
- package/lib/esm/components/FeedObject/Actions/Reaction/ReactionsPopover.d.ts.map +1 -1
- package/lib/esm/components/FeedObject/Actions/Reaction/ReactionsPopover.js +6 -2
- package/lib/esm/components/FeedObject/Actions/Reaction/ReactionsPopover.js.map +1 -1
- package/lib/esm/components/Header/Header.d.ts +0 -4
- package/lib/esm/components/Header/Header.d.ts.map +1 -1
- package/lib/esm/components/Header/Header.js +58 -52
- package/lib/esm/components/Header/Header.js.map +1 -1
- package/lib/esm/components/Header/HeaderMenu.d.ts.map +1 -1
- package/lib/esm/components/Header/HeaderMenu.js +13 -15
- package/lib/esm/components/Header/HeaderMenu.js.map +1 -1
- package/lib/esm/components/Header/MobileHeader/MobileHeader.d.ts.map +1 -1
- package/lib/esm/components/Header/MobileHeader/MobileHeader.js +35 -28
- package/lib/esm/components/Header/MobileHeader/MobileHeader.js.map +1 -1
- package/lib/esm/components/Header/SearchBar.d.ts.map +1 -1
- package/lib/esm/components/Header/SearchBar.js +25 -15
- package/lib/esm/components/Header/SearchBar.js.map +1 -1
- package/lib/esm/components/SnippetNotifications/SnippetNotifications.d.ts +1 -1
- package/lib/esm/components/SnippetNotifications/SnippetNotifications.d.ts.map +1 -1
- package/lib/esm/types/headerMenuUrls.d.ts +4 -0
- package/lib/esm/types/headerMenuUrls.d.ts.map +1 -1
- package/lib/umd/react-ui.js +2 -2
- package/lib/umd/react-ui.js.map +1 -1
- package/package.json +4 -4
|
@@ -45,13 +45,14 @@ const MobileHeader_1 = __importDefault(require("./MobileHeader/MobileHeader"));
|
|
|
45
45
|
const system_1 = require("@mui/system");
|
|
46
46
|
const SearchBar_1 = __importDefault(require("./SearchBar"));
|
|
47
47
|
const classnames_1 = __importDefault(require("classnames"));
|
|
48
|
-
const react_intl_1 = require("react-intl");
|
|
49
48
|
const HeaderMenu_1 = __importDefault(require("./HeaderMenu"));
|
|
50
49
|
const Skeleton_1 = __importDefault(require("./Skeleton"));
|
|
51
50
|
const HiddenPlaceholder_1 = __importDefault(require("../../shared/HiddenPlaceholder"));
|
|
51
|
+
const SnippetNotifications_1 = __importDefault(require("../SnippetNotifications"));
|
|
52
52
|
const PREFIX = 'SCHeader';
|
|
53
53
|
const classes = {
|
|
54
54
|
root: `${PREFIX}-root`,
|
|
55
|
+
logo: `${PREFIX}-logo`,
|
|
55
56
|
registerButton: `${PREFIX}-register-button`,
|
|
56
57
|
iconButton: `${PREFIX}-icon-button`,
|
|
57
58
|
logoContainer: `${PREFIX}-logo-container`,
|
|
@@ -65,12 +66,18 @@ const Root = (0, material_1.styled)(material_1.Box, {
|
|
|
65
66
|
overridesResolver: (props, styles) => styles.root
|
|
66
67
|
})(({ theme }) => ({
|
|
67
68
|
flexGrow: 1,
|
|
69
|
+
[`& .${classes.logo}`]: {
|
|
70
|
+
height: theme.spacing(4)
|
|
71
|
+
},
|
|
68
72
|
[`& .${classes.registerButton}`]: {
|
|
69
73
|
marginLeft: theme.spacing(2)
|
|
70
74
|
},
|
|
71
75
|
[`& .${classes.iconButton}`]: {
|
|
72
76
|
whiteSpace: 'nowrap',
|
|
73
|
-
overFlow: 'hidden'
|
|
77
|
+
overFlow: 'hidden',
|
|
78
|
+
'&:hover': {
|
|
79
|
+
color: theme.palette.primary.main
|
|
80
|
+
}
|
|
74
81
|
},
|
|
75
82
|
' & .MuiTab-root': {
|
|
76
83
|
minWidth: '130px',
|
|
@@ -87,9 +94,7 @@ const Root = (0, material_1.styled)(material_1.Box, {
|
|
|
87
94
|
flexGrow: 1
|
|
88
95
|
},
|
|
89
96
|
[`& .${classes.searchBarContainer}`]: {
|
|
90
|
-
|
|
91
|
-
maxWidth: '25ch',
|
|
92
|
-
marginRight: theme.spacing(1)
|
|
97
|
+
marginRight: theme.spacing(2)
|
|
93
98
|
},
|
|
94
99
|
[`& .${classes.iconButtonsContainer}`]: {
|
|
95
100
|
display: 'flex',
|
|
@@ -132,9 +137,10 @@ function Header(inProps) {
|
|
|
132
137
|
props: inProps,
|
|
133
138
|
name: PREFIX
|
|
134
139
|
});
|
|
135
|
-
const { url, className, searchBarProps, showNavigation, onNavigationBack
|
|
140
|
+
const { url, className, searchBarProps, showNavigation, onNavigationBack } = props, rest = __rest(props, ["url", "className", "searchBarProps", "showNavigation", "onNavigationBack"]);
|
|
136
141
|
// CONTEXT
|
|
137
142
|
const scUserContext = (0, react_1.useContext)(react_core_1.SCUserContext);
|
|
143
|
+
const scRoutingContext = (0, react_core_1.useSCRouting)();
|
|
138
144
|
// PREFERENCES
|
|
139
145
|
const scPreferences = (0, react_core_1.useSCPreferences)();
|
|
140
146
|
const logo = (0, react_1.useMemo)(() => {
|
|
@@ -147,17 +153,24 @@ function Header(inProps) {
|
|
|
147
153
|
const isMobile = (0, material_1.useMediaQuery)(theme.breakpoints.down('md'));
|
|
148
154
|
const path = typeof window !== 'undefined' ? window.location.pathname : null;
|
|
149
155
|
const [value, setValue] = react_1.default.useState(path);
|
|
150
|
-
const [
|
|
156
|
+
const [anchorMenu, setAnchorMenu] = react_1.default.useState(null);
|
|
157
|
+
const [anchorNotifications, setAnchorNotifications] = react_1.default.useState(null);
|
|
151
158
|
// HANDLERS
|
|
152
159
|
const handleOpenSettingsMenu = (event) => {
|
|
153
|
-
|
|
160
|
+
setAnchorMenu(event.currentTarget);
|
|
154
161
|
};
|
|
155
162
|
const handleCloseSettingsMenu = () => {
|
|
156
|
-
|
|
163
|
+
setAnchorMenu(null);
|
|
164
|
+
};
|
|
165
|
+
const handleOpenNotificationsMenu = (event) => {
|
|
166
|
+
setAnchorNotifications(event.currentTarget);
|
|
167
|
+
};
|
|
168
|
+
const handleCloseNotificationsMenu = () => {
|
|
169
|
+
setAnchorNotifications(null);
|
|
157
170
|
};
|
|
158
171
|
const checkValue = () => {
|
|
159
172
|
if (url) {
|
|
160
|
-
if ((url.home && value === url.home) || (url.explore && value === url.explore)
|
|
173
|
+
if ((url.home && value === url.home) || (url.explore && value === url.explore)) {
|
|
161
174
|
return value;
|
|
162
175
|
}
|
|
163
176
|
return false;
|
|
@@ -169,50 +182,43 @@ function Header(inProps) {
|
|
|
169
182
|
if (scUserContext.loading) {
|
|
170
183
|
return react_1.default.createElement(Skeleton_1.default, null);
|
|
171
184
|
}
|
|
172
|
-
else if (
|
|
185
|
+
else if (!scUserContext.user) {
|
|
173
186
|
return react_1.default.createElement(HiddenPlaceholder_1.default, null);
|
|
174
187
|
}
|
|
175
188
|
return (react_1.default.createElement(Root, Object.assign({ className: (0, classnames_1.default)(classes.root, className) }, rest), isMobile ? (react_1.default.createElement(MobileHeader_1.default, { url: url, searchBarProps: searchBarProps, showNavigation: showNavigation, onNavigationBack: onNavigationBack })) : (react_1.default.createElement(material_1.AppBar, { position: "fixed", color: 'default' },
|
|
176
189
|
react_1.default.createElement(material_1.Toolbar, null,
|
|
177
|
-
react_1.default.createElement(material_1.Box, { className: classes.logoContainer },
|
|
178
|
-
|
|
179
|
-
|
|
180
|
-
|
|
181
|
-
|
|
182
|
-
react_1.default.createElement(
|
|
183
|
-
|
|
184
|
-
react_1.default.createElement(
|
|
185
|
-
|
|
186
|
-
|
|
187
|
-
|
|
188
|
-
|
|
189
|
-
react_1.default.createElement(material_1.
|
|
190
|
-
react_1.default.createElement(
|
|
191
|
-
|
|
192
|
-
|
|
193
|
-
|
|
194
|
-
|
|
195
|
-
|
|
196
|
-
|
|
197
|
-
|
|
198
|
-
|
|
199
|
-
|
|
200
|
-
|
|
201
|
-
|
|
202
|
-
|
|
203
|
-
|
|
204
|
-
|
|
205
|
-
|
|
206
|
-
|
|
207
|
-
|
|
208
|
-
|
|
209
|
-
react_1.default.createElement(material_1.Grid, { container: true, direction: "row", justifyContent: "flex-end", alignItems: "center" },
|
|
210
|
-
react_1.default.createElement(SearchBar_1.default, Object.assign({}, searchBarProps)),
|
|
211
|
-
url && url.explore && (react_1.default.createElement(material_1.Button, { component: react_core_1.Link, to: url.explore, size: "medium", "aria-label": "Explore", color: "inherit" },
|
|
212
|
-
react_1.default.createElement(react_intl_1.FormattedMessage, { id: "ui.header.button.explore", defaultMessage: "ui.header.button.explore" }))),
|
|
213
|
-
url && url.login && (react_1.default.createElement(material_1.Button, { color: "inherit", onClick: url.login },
|
|
214
|
-
' ',
|
|
215
|
-
react_1.default.createElement(react_intl_1.FormattedMessage, { id: "ui.header.button.login", defaultMessage: "ui.header.button.login" })))))))))));
|
|
190
|
+
react_1.default.createElement(material_1.Box, { className: classes.logoContainer }, url && url.home && (react_1.default.createElement(react_core_1.Link, { to: url.home },
|
|
191
|
+
react_1.default.createElement("img", { src: logo, alt: 'logo', className: classes.logo })))),
|
|
192
|
+
react_1.default.createElement(material_1.Box, { className: classes.tabsContainer },
|
|
193
|
+
react_1.default.createElement(material_1.Tabs, { onChange: (e, v) => setValue(v), value: checkValue(), textColor: "inherit", indicatorColor: "primary", "aria-label": "Navigation Tabs" },
|
|
194
|
+
url && url.home && react_1.default.createElement(material_1.Tab, { value: url.home, icon: react_1.default.createElement(Icon_1.default, null, "home"), "aria-label": "HomePage", to: url.home, component: react_core_1.Link }),
|
|
195
|
+
url && url.explore && (react_1.default.createElement(material_1.Tab, { value: url.explore, icon: react_1.default.createElement(Icon_1.default, null, "explore"), "aria-label": "Explore", to: url.explore, component: react_core_1.Link })))),
|
|
196
|
+
react_1.default.createElement(material_1.Box, { className: classes.searchBarContainer },
|
|
197
|
+
react_1.default.createElement(SearchBar_1.default, Object.assign({}, searchBarProps))),
|
|
198
|
+
react_1.default.createElement(material_1.Box, { className: classes.iconButtonsContainer },
|
|
199
|
+
react_1.default.createElement(material_1.IconButton, { component: react_core_1.Link, to: scRoutingContext.url(react_core_1.SCRoutes.USER_PROFILE_ROUTE_NAME, scUserContext.user), onClick: () => setValue('profile'), size: "large", "aria-label": "Profile", color: "inherit", className: classes.iconButton },
|
|
200
|
+
react_1.default.createElement(material_1.Badge, { color: "error" },
|
|
201
|
+
react_1.default.createElement(material_1.Avatar, { alt: scUserContext.user.username, src: scUserContext.user.avatar }))),
|
|
202
|
+
react_1.default.createElement(material_1.IconButton, { onClick: handleOpenNotificationsMenu, className: classes.iconButton },
|
|
203
|
+
react_1.default.createElement(material_1.Badge, { badgeContent: scUserContext.user.unseen_interactions_counter, color: "error" },
|
|
204
|
+
react_1.default.createElement(Icon_1.default, null, "notifications_active"))),
|
|
205
|
+
react_1.default.createElement(material_1.Menu, { id: "notifications-menu", anchorEl: anchorNotifications, open: Boolean(anchorNotifications), PaperProps: {
|
|
206
|
+
style: {
|
|
207
|
+
width: '200px',
|
|
208
|
+
transform: 'translateX(14px) translateY(14px)'
|
|
209
|
+
}
|
|
210
|
+
}, onClose: handleCloseNotificationsMenu, onClick: handleCloseNotificationsMenu },
|
|
211
|
+
react_1.default.createElement(SnippetNotifications_1.default, null)),
|
|
212
|
+
url && url.messages && (react_1.default.createElement(material_1.IconButton, { component: react_core_1.Link, to: url.messages, onClick: () => setValue(url.messages), size: "large", "aria-label": "Messages", color: "inherit", className: classes.iconButton },
|
|
213
|
+
react_1.default.createElement(material_1.Badge, { badgeContent: scUserContext.user.unseen_notification_banners_counter, color: "error" },
|
|
214
|
+
react_1.default.createElement(Icon_1.default, null, "email")))),
|
|
215
|
+
react_1.default.createElement(material_1.IconButton, { onClick: handleOpenSettingsMenu, className: classes.iconButton }, anchorMenu ? react_1.default.createElement(Icon_1.default, null, "expand_less") : react_1.default.createElement(Icon_1.default, null, "expand_more")),
|
|
216
|
+
react_1.default.createElement(material_1.Menu, { id: "menu-appbar", anchorEl: anchorMenu, open: Boolean(anchorMenu), PaperProps: {
|
|
217
|
+
style: {
|
|
218
|
+
transform: 'translateX(14px) translateY(14px)'
|
|
219
|
+
}
|
|
220
|
+
}, onClose: handleCloseSettingsMenu, onClick: handleCloseSettingsMenu },
|
|
221
|
+
react_1.default.createElement(HeaderMenu_1.default, { url: url }))))))));
|
|
216
222
|
}
|
|
217
223
|
exports.default = Header;
|
|
218
224
|
//# sourceMappingURL=Header.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Header.js","sourceRoot":"","sources":["../../../../src/components/Header/Header.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,
|
|
1
|
+
{"version":3,"file":"Header.js","sourceRoot":"","sources":["../../../../src/components/Header/Header.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"HeaderMenu.d.ts","sourceRoot":"","sources":["../../../../src/components/Header/HeaderMenu.tsx"],"names":[],"mappings":"AAKA,OAAO,EAAC,oBAAoB,EAAC,MAAM,aAAa,CAAC;AAgBjD,MAAM,WAAW,eAAe;IAC9B;;OAEG;IACH,GAAG,CAAC,EAAE,oBAAoB,CAAC;IAC3B;;;OAGG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB;;OAEG;IACH,CAAC,CAAC,EAAE,MAAM,GAAG,GAAG,CAAC;CAClB;AAED,MAAM,CAAC,OAAO,UAAU,UAAU,CAAC,OAAO,EAAE,eAAe,
|
|
1
|
+
{"version":3,"file":"HeaderMenu.d.ts","sourceRoot":"","sources":["../../../../src/components/Header/HeaderMenu.tsx"],"names":[],"mappings":"AAKA,OAAO,EAAC,oBAAoB,EAAC,MAAM,aAAa,CAAC;AAgBjD,MAAM,WAAW,eAAe;IAC9B;;OAEG;IACH,GAAG,CAAC,EAAE,oBAAoB,CAAC;IAC3B;;;OAGG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB;;OAEG;IACH,CAAC,CAAC,EAAE,MAAM,GAAG,GAAG,CAAC;CAClB;AAED,MAAM,CAAC,OAAO,UAAU,UAAU,CAAC,OAAO,EAAE,eAAe,eAwI1D"}
|
|
@@ -63,6 +63,9 @@ function HeaderMenu(inProps) {
|
|
|
63
63
|
const { className, url } = props, rest = __rest(props, ["className", "url"]);
|
|
64
64
|
// CONTEXT
|
|
65
65
|
const scUserContext = (0, react_1.useContext)(react_core_1.SCUserContext);
|
|
66
|
+
const scPreferencesContext = (0, react_1.useContext)(react_core_1.SCPreferencesContext);
|
|
67
|
+
const followEnabled = react_core_1.SCPreferences.CONFIGURATIONS_FOLLOW_ENABLED in scPreferencesContext.preferences &&
|
|
68
|
+
scPreferencesContext.preferences[react_core_1.SCPreferences.CONFIGURATIONS_FOLLOW_ENABLED].value;
|
|
66
69
|
const roles = scUserContext.user && scUserContext.user.role;
|
|
67
70
|
const isAdmin = roles && roles.includes('admin');
|
|
68
71
|
const isModerator = roles && roles.includes('moderator');
|
|
@@ -80,33 +83,27 @@ function HeaderMenu(inProps) {
|
|
|
80
83
|
url && url.profile && (react_1.default.createElement(material_1.MenuItem, { className: classes.menuItem, key: 'profile', component: react_core_1.Link, to: url.profile },
|
|
81
84
|
react_1.default.createElement(material_1.Typography, { textAlign: "center" },
|
|
82
85
|
react_1.default.createElement(react_intl_1.FormattedMessage, { id: "ui.header.menuItem.profile", defaultMessage: "ui.header.menuItem.profile" })))),
|
|
83
|
-
url && url.
|
|
84
|
-
react_1.default.createElement(material_1.Typography, { textAlign: "center" },
|
|
85
|
-
react_1.default.createElement(react_intl_1.FormattedMessage, { id: "ui.header.menuItem.interests", defaultMessage: "ui.header.menuItem.interests" })))),
|
|
86
|
-
url && url.followings && (react_1.default.createElement(material_1.MenuItem, { className: classes.menuItem, key: 'followings', component: react_core_1.Link, to: url.followings },
|
|
86
|
+
followEnabled && url && url.followings && (react_1.default.createElement(material_1.MenuItem, { className: classes.menuItem, key: 'followings', component: react_core_1.Link, to: url.followings },
|
|
87
87
|
react_1.default.createElement(material_1.Typography, { textAlign: "center" },
|
|
88
88
|
react_1.default.createElement(react_intl_1.FormattedMessage, { id: "ui.header.menuItem.followings", defaultMessage: "ui.header.menuItem.followings" })))),
|
|
89
|
-
url && url.followers && (react_1.default.createElement(material_1.MenuItem, { className: classes.menuItem, key: 'followers', component: react_core_1.Link, to: url.followers },
|
|
89
|
+
followEnabled && url && url.followers && (react_1.default.createElement(material_1.MenuItem, { className: classes.menuItem, key: 'followers', component: react_core_1.Link, to: url.followers },
|
|
90
90
|
react_1.default.createElement(material_1.Typography, { textAlign: "center" },
|
|
91
91
|
react_1.default.createElement(react_intl_1.FormattedMessage, { id: "ui.header.menuItem.followers", defaultMessage: "ui.header.menuItem.followers" })))),
|
|
92
|
-
url && url.
|
|
93
|
-
react_1.default.createElement(material_1.Typography, { textAlign: "center" },
|
|
94
|
-
react_1.default.createElement(react_intl_1.FormattedMessage, { id: "ui.header.menuItem.posts", defaultMessage: "ui.header.menuItem.posts" })))),
|
|
95
|
-
url && url.comments && (react_1.default.createElement(material_1.MenuItem, { className: classes.menuItem, key: 'comments', component: react_core_1.Link, to: url.comments },
|
|
92
|
+
!followEnabled && url && url.connections && (react_1.default.createElement(material_1.MenuItem, { className: classes.menuItem, key: 'followers', component: react_core_1.Link, to: url.connections },
|
|
96
93
|
react_1.default.createElement(material_1.Typography, { textAlign: "center" },
|
|
97
|
-
react_1.default.createElement(react_intl_1.FormattedMessage, { id: "ui.header.menuItem.
|
|
94
|
+
react_1.default.createElement(react_intl_1.FormattedMessage, { id: "ui.header.menuItem.connections", defaultMessage: "ui.header.menuItem.connections" })))),
|
|
98
95
|
url && url.loyalty && (react_1.default.createElement(material_1.MenuItem, { className: classes.menuItem, key: 'loyaltyProgram', component: react_core_1.Link, to: url.loyalty },
|
|
99
96
|
react_1.default.createElement(material_1.Typography, { textAlign: "center" },
|
|
100
97
|
react_1.default.createElement(react_intl_1.FormattedMessage, { id: "ui.header.menuItem.loyalty", defaultMessage: "ui.header.menuItem.loyalty" })))),
|
|
98
|
+
url && url.peopleSuggestion && (react_1.default.createElement(material_1.MenuItem, { className: classes.menuItem, key: 'suggestedPeople', component: react_core_1.Link, to: url.peopleSuggestion },
|
|
99
|
+
react_1.default.createElement(material_1.Typography, { textAlign: "center" },
|
|
100
|
+
react_1.default.createElement(react_intl_1.FormattedMessage, { id: "ui.header.menuItem.interestingPeople", defaultMessage: "ui.header.menuItem.interestingPeople" })))),
|
|
101
101
|
url && url.followedPosts && (react_1.default.createElement(material_1.MenuItem, { className: classes.menuItem, key: 'followedPosts', component: react_core_1.Link, to: url.followedPosts },
|
|
102
102
|
react_1.default.createElement(material_1.Typography, { textAlign: "center" },
|
|
103
103
|
react_1.default.createElement(react_intl_1.FormattedMessage, { id: "ui.header.menuItem.postsFollowed", defaultMessage: "ui.header.menuItem.postsFollowed" })))),
|
|
104
104
|
url && url.followedDiscussions && (react_1.default.createElement(material_1.MenuItem, { className: classes.menuItem, key: 'followedDiscussions', component: react_core_1.Link, to: url.followedDiscussions },
|
|
105
105
|
react_1.default.createElement(material_1.Typography, { textAlign: "center" },
|
|
106
106
|
react_1.default.createElement(react_intl_1.FormattedMessage, { id: "ui.header.menuItem.discussionsFollowed", defaultMessage: "ui.header.menuItem.discussionsFollowed" })))),
|
|
107
|
-
url && url.peopleSuggestion && (react_1.default.createElement(material_1.MenuItem, { className: classes.menuItem, key: 'suggestedPeople', component: react_core_1.Link, to: url.peopleSuggestion },
|
|
108
|
-
react_1.default.createElement(material_1.Typography, { textAlign: "center" },
|
|
109
|
-
react_1.default.createElement(react_intl_1.FormattedMessage, { id: "ui.header.menuItem.interestingPeople", defaultMessage: "ui.header.menuItem.interestingPeople" })))),
|
|
110
107
|
url && url.messages && (react_1.default.createElement(material_1.MenuItem, { className: classes.menuItem, key: 'privateMessages', component: react_core_1.Link, to: url.messages },
|
|
111
108
|
react_1.default.createElement(material_1.Typography, { textAlign: "center" },
|
|
112
109
|
react_1.default.createElement(react_intl_1.FormattedMessage, { id: "ui.header.menuItem.privateMessages", defaultMessage: "ui.header.menuItem.privateMessages" })))),
|
|
@@ -124,6 +121,7 @@ function HeaderMenu(inProps) {
|
|
|
124
121
|
url && url.settings && (react_1.default.createElement(material_1.MenuItem, { className: classes.menuItem, key: 'settings', component: react_core_1.Link, to: url.settings },
|
|
125
122
|
react_1.default.createElement(material_1.Typography, { textAlign: "center" },
|
|
126
123
|
react_1.default.createElement(react_intl_1.FormattedMessage, { id: "ui.header.menuItem.settings", defaultMessage: "ui.header.menuItem.settings" })))),
|
|
124
|
+
react_1.default.createElement(material_1.Divider, null),
|
|
127
125
|
url && url.logout && (react_1.default.createElement(material_1.MenuItem, { className: classes.menuItem, key: 'logout', onClick: url.logout },
|
|
128
126
|
react_1.default.createElement(material_1.Typography, { textAlign: "center" },
|
|
129
127
|
react_1.default.createElement(react_intl_1.FormattedMessage, { id: "ui.header.menuItem.logout", defaultMessage: "ui.header.menuItem.logout" }))))));
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"HeaderMenu.js","sourceRoot":"","sources":["../../../../src/components/Header/HeaderMenu.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,
|
|
1
|
+
{"version":3,"file":"HeaderMenu.js","sourceRoot":"","sources":["../../../../src/components/Header/HeaderMenu.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"MobileHeader.d.ts","sourceRoot":"","sources":["../../../../../src/components/Header/MobileHeader/MobileHeader.tsx"],"names":[],"mappings":"AAKA,OAAkB,EAAC,oBAAoB,EAAC,MAAM,cAAc,CAAC;
|
|
1
|
+
{"version":3,"file":"MobileHeader.d.ts","sourceRoot":"","sources":["../../../../../src/components/Header/MobileHeader/MobileHeader.tsx"],"names":[],"mappings":"AAKA,OAAkB,EAAC,oBAAoB,EAAC,MAAM,cAAc,CAAC;AAG7D,OAAO,EAAC,oBAAoB,EAAC,MAAM,gBAAgB,CAAC;AAsDpD,MAAM,WAAW,iBAAiB;IAChC;;OAEG;IACH,cAAc,CAAC,EAAE,oBAAoB,CAAC;IACtC;;OAEG;IACH,GAAG,CAAC,EAAE,oBAAoB,CAAC;IAC3B;;;OAGG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;OAEG;IACH,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB;;OAEG;IACH,gBAAgB,CAAC,EAAE,MAAM,GAAG,CAAC;IAC7B;;OAEG;IACH,CAAC,CAAC,EAAE,MAAM,GAAG,GAAG,CAAC;CAClB;AAED,MAAM,CAAC,OAAO,UAAU,YAAY,CAAC,OAAO,EAAE,iBAAiB,eA4J9D"}
|
|
@@ -44,13 +44,15 @@ const react_core_1 = require("@selfcommunity/react-core");
|
|
|
44
44
|
const system_1 = require("@mui/system");
|
|
45
45
|
const SearchBar_1 = __importDefault(require("../SearchBar"));
|
|
46
46
|
const classnames_1 = __importDefault(require("classnames"));
|
|
47
|
-
const react_intl_1 = require("react-intl");
|
|
48
47
|
const HeaderMenu_1 = __importDefault(require("../HeaderMenu"));
|
|
49
48
|
const Skeleton_1 = __importDefault(require("./Skeleton"));
|
|
50
49
|
const types_1 = require("@selfcommunity/types");
|
|
50
|
+
const HiddenPlaceholder_1 = __importDefault(require("../../../shared/HiddenPlaceholder"));
|
|
51
|
+
const SnippetNotifications_1 = __importDefault(require("../../SnippetNotifications"));
|
|
51
52
|
const PREFIX = 'SCMobileHeader';
|
|
52
53
|
const classes = {
|
|
53
54
|
root: `${PREFIX}-root`,
|
|
55
|
+
logo: `${PREFIX}-logo`,
|
|
54
56
|
tabs: `${PREFIX}-tabs`,
|
|
55
57
|
topToolbar: `${PREFIX}-top-toolbar`,
|
|
56
58
|
bottomToolbar: `${PREFIX}-bottom-toolbar`
|
|
@@ -60,6 +62,9 @@ const Root = (0, material_1.styled)(material_1.Box, {
|
|
|
60
62
|
slot: 'Root',
|
|
61
63
|
overridesResolver: (props, styles) => styles.root
|
|
62
64
|
})(({ theme }) => ({
|
|
65
|
+
[`& .${classes.logo}`]: {
|
|
66
|
+
height: theme.spacing(4)
|
|
67
|
+
},
|
|
63
68
|
[`& .${classes.tabs}`]: {
|
|
64
69
|
'& .MuiTabs-indicator': {
|
|
65
70
|
top: '0px'
|
|
@@ -120,6 +125,7 @@ function MobileHeader(inProps) {
|
|
|
120
125
|
: null;
|
|
121
126
|
}, [scPreferences.preferences]);
|
|
122
127
|
const [openSettings, setOpenSettings] = (0, react_1.useState)(false);
|
|
128
|
+
const [openNotifications, setOpenNotifications] = (0, react_1.useState)(false);
|
|
123
129
|
// HANDLERS
|
|
124
130
|
const handleOpenSettingsMenu = () => {
|
|
125
131
|
setOpenSettings(true);
|
|
@@ -136,8 +142,8 @@ function MobileHeader(inProps) {
|
|
|
136
142
|
if (url) {
|
|
137
143
|
if ((url.home && value === url.home) ||
|
|
138
144
|
(url.explore && value === url.explore) ||
|
|
139
|
-
(url.
|
|
140
|
-
(url.
|
|
145
|
+
(url.notifications && value === url.notifications) ||
|
|
146
|
+
(url.messages && value === url.messages)) {
|
|
141
147
|
return value;
|
|
142
148
|
}
|
|
143
149
|
return false;
|
|
@@ -152,38 +158,39 @@ function MobileHeader(inProps) {
|
|
|
152
158
|
if (scUserContext.loading) {
|
|
153
159
|
return react_1.default.createElement(Skeleton_1.default, null);
|
|
154
160
|
}
|
|
161
|
+
else if (!scUserContext.user) {
|
|
162
|
+
return react_1.default.createElement(HiddenPlaceholder_1.default, null);
|
|
163
|
+
}
|
|
155
164
|
return (react_1.default.createElement(Root, Object.assign({ className: (0, classnames_1.default)(classes.root, className) }, rest),
|
|
156
165
|
react_1.default.createElement(material_1.AppBar, { position: "fixed", color: 'default' },
|
|
157
166
|
react_1.default.createElement(material_1.Toolbar, { className: classes.topToolbar },
|
|
158
167
|
react_1.default.createElement(material_1.Grid, { container: true, direction: "row", justifyContent: "flex-start" },
|
|
159
|
-
!showNavigation &&
|
|
160
|
-
react_1.default.createElement("img", { src: logo, alt: 'logo',
|
|
168
|
+
!showNavigation && url && url.home && (react_1.default.createElement(react_core_1.Link, { to: url.home },
|
|
169
|
+
react_1.default.createElement("img", { src: logo, alt: 'logo', className: classes.logo }))),
|
|
161
170
|
scUserContext.user && showNavigation && onNavigationBack && !clicked && (react_1.default.createElement(material_1.Typography, { component: "div" },
|
|
162
171
|
react_1.default.createElement(material_1.IconButton, { onClick: onNavigationBack, size: "large", "aria-label": "back", color: "inherit" },
|
|
163
172
|
react_1.default.createElement(Icon_1.default, null, "arrow_back")),
|
|
164
173
|
title))),
|
|
165
|
-
react_1.default.createElement(SearchBar_1.default, Object.assign({}, searchBarProps, { onClick: () => setClicked(!clicked) })),
|
|
166
|
-
|
|
167
|
-
|
|
168
|
-
|
|
169
|
-
|
|
170
|
-
|
|
171
|
-
|
|
172
|
-
|
|
173
|
-
|
|
174
|
-
|
|
175
|
-
|
|
176
|
-
|
|
177
|
-
|
|
178
|
-
|
|
179
|
-
|
|
180
|
-
|
|
181
|
-
|
|
182
|
-
|
|
183
|
-
|
|
184
|
-
|
|
185
|
-
url && url.register && (react_1.default.createElement(material_1.Button, { color: "inherit", component: react_core_1.Link, to: url.register },
|
|
186
|
-
react_1.default.createElement(react_intl_1.FormattedMessage, { id: "ui.header.button.register", defaultMessage: "ui.header.button.register" }))))))));
|
|
174
|
+
react_1.default.createElement(SearchBar_1.default, Object.assign({}, searchBarProps, { onClick: () => setClicked(!clicked) })))),
|
|
175
|
+
react_1.default.createElement(BottomBar, null,
|
|
176
|
+
react_1.default.createElement(material_1.Toolbar, { className: classes.bottomToolbar },
|
|
177
|
+
react_1.default.createElement(material_1.Tabs, { className: classes.tabs, onChange: handleChange, value: checkValue(), textColor: "primary", indicatorColor: "primary", "aria-label": "Navigation Tabs", variant: "scrollable" },
|
|
178
|
+
url && url.home && react_1.default.createElement(material_1.Tab, { value: url.home, icon: react_1.default.createElement(Icon_1.default, null, "home"), "aria-label": "HomePage", to: url.home, component: react_core_1.Link }),
|
|
179
|
+
url && url.explore && react_1.default.createElement(material_1.Tab, { value: url.explore, icon: react_1.default.createElement(Icon_1.default, null, "explore"), "aria-label": "Explore", to: url.explore, component: react_core_1.Link }),
|
|
180
|
+
react_1.default.createElement(material_1.Tab, { value: url.notifications, icon: react_1.default.createElement(material_1.Badge, { badgeContent: scUserContext.user.unseen_interactions_counter, color: "error" },
|
|
181
|
+
react_1.default.createElement(Icon_1.default, null, "notifications_active"),
|
|
182
|
+
' '), "aria-label": "Notifications", onClick: () => setOpenNotifications(true) }),
|
|
183
|
+
react_1.default.createElement(material_1.SwipeableDrawer, { PaperProps: {
|
|
184
|
+
sx: { width: '85%' }
|
|
185
|
+
}, anchor: 'right', open: openNotifications, onClick: () => setOpenNotifications(false), onClose: () => setOpenNotifications(false), onOpen: toggleDrawer('right', true) },
|
|
186
|
+
react_1.default.createElement(SnippetNotifications_1.default, null)),
|
|
187
|
+
url && url.messages && (react_1.default.createElement(material_1.Tab, { value: url.messages, icon: react_1.default.createElement(Icon_1.default, null, "email"), "aria-label": "Explore", to: url.messages, component: react_core_1.Link }))),
|
|
188
|
+
react_1.default.createElement(material_1.IconButton, { onClick: handleOpenSettingsMenu },
|
|
189
|
+
react_1.default.createElement(Icon_1.default, null, "more_vert")),
|
|
190
|
+
react_1.default.createElement(material_1.SwipeableDrawer, { PaperProps: {
|
|
191
|
+
sx: { width: '85%' }
|
|
192
|
+
}, anchor: 'right', open: openSettings, onClick: () => setOpenSettings(false), onClose: () => setOpenSettings(false), onOpen: toggleDrawer('right', true) },
|
|
193
|
+
react_1.default.createElement(HeaderMenu_1.default, { url: url }))))));
|
|
187
194
|
}
|
|
188
195
|
exports.default = MobileHeader;
|
|
189
196
|
//# sourceMappingURL=MobileHeader.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"MobileHeader.js","sourceRoot":"","sources":["../../../../../src/components/Header/MobileHeader/MobileHeader.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,
|
|
1
|
+
{"version":3,"file":"MobileHeader.js","sourceRoot":"","sources":["../../../../../src/components/Header/MobileHeader/MobileHeader.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"SearchBar.d.ts","sourceRoot":"","sources":["../../../../src/components/Header/SearchBar.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"SearchBar.d.ts","sourceRoot":"","sources":["../../../../src/components/Header/SearchBar.tsx"],"names":[],"mappings":"AAgEA,MAAM,WAAW,oBAAoB;IACnC;;;OAGG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;OAEG;IACH,QAAQ,CAAC,EAAE,CAAC,KAAK,KAAA,KAAK,IAAI,CAAC;IAE3B;;OAEG;IACH,OAAO,CAAC,EAAE,CAAC,OAAO,KAAA,KAAK,IAAI,CAAC;IAC5B;;OAEG;IACH,CAAC,CAAC,EAAE,MAAM,GAAG,GAAG,CAAC;CAClB;AAED,MAAM,CAAC,OAAO,UAAU,eAAe,CAAC,OAAO,EAAE,oBAAoB,eA6KpE"}
|
|
@@ -63,17 +63,14 @@ const Root = (0, material_1.styled)(material_1.Box, {
|
|
|
63
63
|
slot: 'Root'
|
|
64
64
|
})(({ theme }) => ({
|
|
65
65
|
width: '100%',
|
|
66
|
-
maxWidth: '25ch',
|
|
67
66
|
marginLeft: theme.spacing(1),
|
|
68
67
|
[`& .${classes.searchInput}`]: {
|
|
69
|
-
paddingRight: '2px !important'
|
|
68
|
+
paddingRight: '2px !important',
|
|
69
|
+
borderRadius: theme.shape.borderRadius
|
|
70
70
|
},
|
|
71
71
|
[`& .${classes.autocomplete}`]: {
|
|
72
72
|
[theme.breakpoints.up('sm')]: {
|
|
73
|
-
width: '
|
|
74
|
-
'& .Mui-focused': {
|
|
75
|
-
width: '25ch'
|
|
76
|
-
}
|
|
73
|
+
width: '100%'
|
|
77
74
|
}
|
|
78
75
|
}
|
|
79
76
|
}));
|
|
@@ -81,15 +78,11 @@ const MobileRoot = (0, material_1.styled)(material_1.Box, {
|
|
|
81
78
|
slot: 'Root',
|
|
82
79
|
overridesResolver: (props, styles) => styles.root
|
|
83
80
|
})(({ theme }) => ({
|
|
84
|
-
position: 'absolute',
|
|
85
|
-
marginLeft: '40px',
|
|
86
81
|
width: '100%',
|
|
87
|
-
[theme.breakpoints.down('sm')]: {
|
|
88
|
-
width: '85%'
|
|
89
|
-
},
|
|
90
82
|
[`& .${classes.searchInput}`]: {
|
|
91
83
|
[theme.breakpoints.down('sm')]: {
|
|
92
|
-
width: '
|
|
84
|
+
width: '100%',
|
|
85
|
+
borderRadius: theme.shape.borderRadius
|
|
93
86
|
},
|
|
94
87
|
paddingRight: '2px !important'
|
|
95
88
|
}
|
|
@@ -103,6 +96,7 @@ function HeaderSearchBar(inProps) {
|
|
|
103
96
|
const { className, onSearch, onClick } = props, rest = __rest(props, ["className", "onSearch", "onClick"]);
|
|
104
97
|
// CONTEXT
|
|
105
98
|
const scRoutingContext = (0, react_core_1.useSCRouting)();
|
|
99
|
+
const scPreferences = (0, react_core_1.useSCPreferences)();
|
|
106
100
|
// STATE
|
|
107
101
|
const [query, setQuery] = (0, react_1.useState)('');
|
|
108
102
|
const [clicked, setClicked] = (0, react_1.useState)(false);
|
|
@@ -111,12 +105,21 @@ function HeaderSearchBar(inProps) {
|
|
|
111
105
|
const [isLoading, setIsLoading] = (0, react_1.useState)(false);
|
|
112
106
|
const [results, setResults] = (0, react_1.useState)([]);
|
|
113
107
|
const [isSearching, setIsSearching] = (0, react_1.useState)(false);
|
|
108
|
+
const [focused, setFocused] = (0, react_1.useState)(false);
|
|
114
109
|
// INTL
|
|
115
110
|
const intl = (0, react_intl_1.useIntl)();
|
|
116
111
|
const handleChange = (event, value) => {
|
|
117
112
|
setQuery(value);
|
|
118
113
|
setIsSearching(true);
|
|
119
114
|
};
|
|
115
|
+
const handleClear = () => {
|
|
116
|
+
if (!isDesktop) {
|
|
117
|
+
handleClick();
|
|
118
|
+
}
|
|
119
|
+
setQuery('');
|
|
120
|
+
setIsSearching(false);
|
|
121
|
+
setFocused(false);
|
|
122
|
+
};
|
|
120
123
|
const handleSearch = (option) => {
|
|
121
124
|
setIsSearching(false);
|
|
122
125
|
if (typeof window !== 'undefined') {
|
|
@@ -160,11 +163,18 @@ function HeaderSearchBar(inProps) {
|
|
|
160
163
|
}, [query]);
|
|
161
164
|
const renderAutocomplete = () => {
|
|
162
165
|
return (react_1.default.createElement("form", { onSubmit: handleFormSearch },
|
|
163
|
-
react_1.default.createElement(material_1.Autocomplete, { autoComplete: true, className: classes.autocomplete, id: `${PREFIX}-autocomplete`, size: "small", inputValue: query, loading: isLoading, forcePopupIcon: false, clearOnEscape: true, clearOnBlur: true, open: query !== '' && isSearching,
|
|
166
|
+
react_1.default.createElement(material_1.Autocomplete, { autoComplete: true, className: classes.autocomplete, id: `${PREFIX}-autocomplete`, size: "small", inputValue: query, loading: isLoading, forcePopupIcon: false, clearOnEscape: true, clearOnBlur: true, open: query !== '' && isSearching, onOpen: (event) => {
|
|
167
|
+
if (event.type === 'mousedown') {
|
|
168
|
+
setFocused(true);
|
|
169
|
+
}
|
|
170
|
+
}, loadingText: react_1.default.createElement(react_intl_1.FormattedMessage, { id: "ui.header.searchBar.loading", defaultMessage: "ui.header.searchBar.loading" }), noOptionsText: react_1.default.createElement(react_intl_1.FormattedMessage, { id: "ui.header.searchBar.noOptions", defaultMessage: "ui.header.searchBar.noOptions" }), options: results, getOptionLabel: (option) => { var _a; return (_a = option[option.type]['username']) !== null && _a !== void 0 ? _a : option[option.type]['name']; }, onInputChange: handleChange, renderOption: (props, option) => (react_1.default.createElement(material_1.Box, Object.assign({ component: "li" }, props, { onClick: () => handleSearch(option) }), option.type === types_1.SuggestionType.USER ? (react_1.default.createElement(react_1.default.Fragment, null,
|
|
164
171
|
react_1.default.createElement(material_1.Avatar, { alt: option[types_1.SuggestionType.USER]['username'], src: option[types_1.SuggestionType.USER]['avatar'] }),
|
|
165
172
|
react_1.default.createElement(material_1.Typography, { ml: 1 }, option[types_1.SuggestionType.USER]['username']))) : (react_1.default.createElement(react_1.default.Fragment, null,
|
|
166
173
|
react_1.default.createElement(material_1.Avatar, { alt: option[types_1.SuggestionType.CATEGORY]['name'], src: option[types_1.SuggestionType.CATEGORY]['image_small'], variant: "square" }),
|
|
167
|
-
react_1.default.createElement(material_1.Typography, { ml: 1 }, option[types_1.SuggestionType.CATEGORY]['name']))))), renderInput: (params) => (react_1.default.createElement(material_1.TextField, Object.assign({}, params, { placeholder: `${intl.formatMessage(messages.placeholder
|
|
174
|
+
react_1.default.createElement(material_1.Typography, { ml: 1 }, option[types_1.SuggestionType.CATEGORY]['name']))))), renderInput: (params) => (react_1.default.createElement(material_1.TextField, Object.assign({}, params, { placeholder: `${intl.formatMessage(messages.placeholder, {
|
|
175
|
+
community: scPreferences.preferences[react_core_1.SCPreferences.TEXT_APPLICATION_NAME].value
|
|
176
|
+
})}`, InputProps: Object.assign(Object.assign({}, params.InputProps), { className: classes.searchInput, startAdornment: react_1.default.createElement(react_1.default.Fragment, null, !query && isDesktop && react_1.default.createElement(Icon_1.default, { color: "primary" }, "search")), endAdornment: (react_1.default.createElement(react_1.default.Fragment, null, focused && query !== '' && (react_1.default.createElement(material_1.IconButton, { onClick: handleClear },
|
|
177
|
+
react_1.default.createElement(Icon_1.default, { color: "primary" }, "close"))))) }) }))) })));
|
|
168
178
|
};
|
|
169
179
|
return (react_1.default.createElement(react_1.default.Fragment, null, isDesktop ? (react_1.default.createElement(Root, Object.assign({ className: (0, classnames_1.default)(classes.root, className) }, rest), renderAutocomplete())) : (react_1.default.createElement(react_1.default.Fragment, null,
|
|
170
180
|
clicked && (react_1.default.createElement(react_1.default.Fragment, null,
|