@selfcommunity/react-ui 0.6.1-alpha.7 → 0.7.0-alpha.0
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/CategoriesFollowed/CategoriesFollowed.d.ts.map +1 -1
- package/lib/cjs/components/CategoriesFollowed/CategoriesFollowed.js +3 -1
- package/lib/cjs/components/CategoriesFollowed/CategoriesFollowed.js.map +1 -1
- package/lib/cjs/components/CategoriesPopular/CategoriesPopular.d.ts.map +1 -1
- package/lib/cjs/components/CategoriesPopular/CategoriesPopular.js +3 -1
- package/lib/cjs/components/CategoriesPopular/CategoriesPopular.js.map +1 -1
- package/lib/cjs/components/ChangeCover/ChangeCover.d.ts.map +1 -1
- package/lib/cjs/components/ChangeCover/ChangeCover.js +42 -26
- package/lib/cjs/components/ChangeCover/ChangeCover.js.map +1 -1
- package/lib/cjs/components/CommentObject/Votes/Votes.d.ts.map +1 -1
- package/lib/cjs/components/CommentObject/Votes/Votes.js +3 -0
- package/lib/cjs/components/CommentObject/Votes/Votes.js.map +1 -1
- package/lib/cjs/components/FeedObject/Actions/Reaction/Reaction.d.ts +1 -0
- package/lib/cjs/components/FeedObject/Actions/Reaction/Reaction.d.ts.map +1 -1
- package/lib/cjs/components/FeedObject/Actions/Reaction/Reaction.js +42 -12
- package/lib/cjs/components/FeedObject/Actions/Reaction/Reaction.js.map +1 -1
- package/lib/cjs/components/FeedObject/Actions/Share/Share.d.ts.map +1 -1
- package/lib/cjs/components/FeedObject/Actions/Share/Share.js +28 -22
- package/lib/cjs/components/FeedObject/Actions/Share/Share.js.map +1 -1
- package/lib/cjs/components/FeedObject/Activities/ActivitiesMenu/ActivitiesMenu.d.ts.map +1 -1
- package/lib/cjs/components/FeedObject/Activities/ActivitiesMenu/ActivitiesMenu.js +16 -10
- package/lib/cjs/components/FeedObject/Activities/ActivitiesMenu/ActivitiesMenu.js.map +1 -1
- package/lib/cjs/components/IncubatorSuggestion/IncubatorSuggestion.d.ts.map +1 -1
- package/lib/cjs/components/IncubatorSuggestion/IncubatorSuggestion.js +3 -1
- package/lib/cjs/components/IncubatorSuggestion/IncubatorSuggestion.js.map +1 -1
- package/lib/cjs/components/PollSuggestion/PollSuggestion.d.ts.map +1 -1
- package/lib/cjs/components/PollSuggestion/PollSuggestion.js +3 -1
- package/lib/cjs/components/PollSuggestion/PollSuggestion.js.map +1 -1
- package/lib/cjs/components/TrendingPeople/TrendingPeople.d.ts.map +1 -1
- package/lib/cjs/components/TrendingPeople/TrendingPeople.js +3 -1
- package/lib/cjs/components/TrendingPeople/TrendingPeople.js.map +1 -1
- package/lib/cjs/components/UserFollowers/UserFollowers.d.ts.map +1 -1
- package/lib/cjs/components/UserFollowers/UserFollowers.js +3 -1
- package/lib/cjs/components/UserFollowers/UserFollowers.js.map +1 -1
- package/lib/cjs/components/UsersFollowed/UsersFollowed.d.ts.map +1 -1
- package/lib/cjs/components/UsersFollowed/UsersFollowed.js +3 -1
- package/lib/cjs/components/UsersFollowed/UsersFollowed.js.map +1 -1
- package/lib/cjs/shared/BaseDialog/BaseDialog.d.ts.map +1 -1
- package/lib/cjs/shared/BaseDialog/BaseDialog.js +6 -3
- package/lib/cjs/shared/BaseDialog/BaseDialog.js.map +1 -1
- package/lib/cjs/shared/BaseDialog/title.d.ts.map +1 -1
- package/lib/cjs/shared/BaseDialog/title.js +20 -2
- package/lib/cjs/shared/BaseDialog/title.js.map +1 -1
- package/lib/cjs/shared/BaseDrawer/BaseDrawer.d.ts +40 -0
- package/lib/cjs/shared/BaseDrawer/BaseDrawer.d.ts.map +1 -0
- package/lib/cjs/shared/BaseDrawer/BaseDrawer.js +56 -0
- package/lib/cjs/shared/BaseDrawer/BaseDrawer.js.map +1 -0
- package/lib/cjs/shared/BaseDrawer/index.d.ts +4 -0
- package/lib/cjs/shared/BaseDrawer/index.d.ts.map +1 -0
- package/lib/cjs/shared/BaseDrawer/index.js +8 -0
- package/lib/cjs/shared/BaseDrawer/index.js.map +1 -0
- package/lib/cjs/shared/ContributionActionsMenu/index.d.ts.map +1 -1
- package/lib/cjs/shared/ContributionActionsMenu/index.js +14 -6
- package/lib/cjs/shared/ContributionActionsMenu/index.js.map +1 -1
- package/lib/cjs/shared/Media/Image/PreviewComponent.js +2 -2
- package/lib/cjs/shared/Media/Link/PreviewComponent.d.ts.map +1 -1
- package/lib/cjs/shared/Media/Link/PreviewComponent.js +26 -15
- package/lib/cjs/shared/Media/Link/PreviewComponent.js.map +1 -1
- package/lib/cjs/shared/Media/Share/PreviewComponent.d.ts +1 -1
- package/lib/cjs/shared/Media/Share/PreviewComponent.d.ts.map +1 -1
- package/lib/cjs/shared/Media/Share/PreviewComponent.js +3 -6
- package/lib/cjs/shared/Media/Share/PreviewComponent.js.map +1 -1
- package/lib/cjs/shared/Media/Video/PreviewComponent.d.ts.map +1 -1
- package/lib/cjs/shared/Media/Video/PreviewComponent.js +9 -2
- package/lib/cjs/shared/Media/Video/PreviewComponent.js.map +1 -1
- package/lib/esm/components/CategoriesFollowed/CategoriesFollowed.d.ts.map +1 -1
- package/lib/esm/components/CategoriesFollowed/CategoriesFollowed.js +4 -2
- package/lib/esm/components/CategoriesFollowed/CategoriesFollowed.js.map +1 -1
- package/lib/esm/components/CategoriesPopular/CategoriesPopular.d.ts.map +1 -1
- package/lib/esm/components/CategoriesPopular/CategoriesPopular.js +4 -2
- package/lib/esm/components/CategoriesPopular/CategoriesPopular.js.map +1 -1
- package/lib/esm/components/ChangeCover/ChangeCover.d.ts.map +1 -1
- package/lib/esm/components/ChangeCover/ChangeCover.js +43 -27
- package/lib/esm/components/ChangeCover/ChangeCover.js.map +1 -1
- package/lib/esm/components/CommentObject/Votes/Votes.d.ts.map +1 -1
- package/lib/esm/components/CommentObject/Votes/Votes.js +3 -0
- package/lib/esm/components/CommentObject/Votes/Votes.js.map +1 -1
- package/lib/esm/components/FeedObject/Actions/Reaction/Reaction.d.ts +1 -0
- package/lib/esm/components/FeedObject/Actions/Reaction/Reaction.d.ts.map +1 -1
- package/lib/esm/components/FeedObject/Actions/Reaction/Reaction.js +42 -12
- package/lib/esm/components/FeedObject/Actions/Reaction/Reaction.js.map +1 -1
- package/lib/esm/components/FeedObject/Actions/Share/Share.d.ts.map +1 -1
- package/lib/esm/components/FeedObject/Actions/Share/Share.js +29 -23
- package/lib/esm/components/FeedObject/Actions/Share/Share.js.map +1 -1
- package/lib/esm/components/FeedObject/Activities/ActivitiesMenu/ActivitiesMenu.d.ts.map +1 -1
- package/lib/esm/components/FeedObject/Activities/ActivitiesMenu/ActivitiesMenu.js +17 -11
- package/lib/esm/components/FeedObject/Activities/ActivitiesMenu/ActivitiesMenu.js.map +1 -1
- package/lib/esm/components/IncubatorSuggestion/IncubatorSuggestion.d.ts.map +1 -1
- package/lib/esm/components/IncubatorSuggestion/IncubatorSuggestion.js +4 -2
- package/lib/esm/components/IncubatorSuggestion/IncubatorSuggestion.js.map +1 -1
- package/lib/esm/components/PollSuggestion/PollSuggestion.d.ts.map +1 -1
- package/lib/esm/components/PollSuggestion/PollSuggestion.js +4 -2
- package/lib/esm/components/PollSuggestion/PollSuggestion.js.map +1 -1
- package/lib/esm/components/TrendingPeople/TrendingPeople.d.ts.map +1 -1
- package/lib/esm/components/TrendingPeople/TrendingPeople.js +4 -2
- package/lib/esm/components/TrendingPeople/TrendingPeople.js.map +1 -1
- package/lib/esm/components/UserFollowers/UserFollowers.d.ts.map +1 -1
- package/lib/esm/components/UserFollowers/UserFollowers.js +4 -2
- package/lib/esm/components/UserFollowers/UserFollowers.js.map +1 -1
- package/lib/esm/components/UsersFollowed/UsersFollowed.d.ts.map +1 -1
- package/lib/esm/components/UsersFollowed/UsersFollowed.js +4 -2
- package/lib/esm/components/UsersFollowed/UsersFollowed.js.map +1 -1
- package/lib/esm/shared/BaseDialog/BaseDialog.d.ts.map +1 -1
- package/lib/esm/shared/BaseDialog/BaseDialog.js +6 -3
- package/lib/esm/shared/BaseDialog/BaseDialog.js.map +1 -1
- package/lib/esm/shared/BaseDialog/title.d.ts.map +1 -1
- package/lib/esm/shared/BaseDialog/title.js +20 -2
- package/lib/esm/shared/BaseDialog/title.js.map +1 -1
- package/lib/esm/shared/BaseDrawer/BaseDrawer.d.ts +40 -0
- package/lib/esm/shared/BaseDrawer/BaseDrawer.d.ts.map +1 -0
- package/lib/esm/shared/BaseDrawer/BaseDrawer.js +49 -0
- package/lib/esm/shared/BaseDrawer/BaseDrawer.js.map +1 -0
- package/lib/esm/shared/BaseDrawer/index.d.ts +4 -0
- package/lib/esm/shared/BaseDrawer/index.d.ts.map +1 -0
- package/lib/esm/shared/BaseDrawer/index.js +3 -0
- package/lib/esm/shared/BaseDrawer/index.js.map +1 -0
- package/lib/esm/shared/ContributionActionsMenu/index.d.ts.map +1 -1
- package/lib/esm/shared/ContributionActionsMenu/index.js +15 -7
- package/lib/esm/shared/ContributionActionsMenu/index.js.map +1 -1
- package/lib/esm/shared/Media/Image/PreviewComponent.js +2 -2
- package/lib/esm/shared/Media/Link/PreviewComponent.d.ts.map +1 -1
- package/lib/esm/shared/Media/Link/PreviewComponent.js +26 -15
- package/lib/esm/shared/Media/Link/PreviewComponent.js.map +1 -1
- package/lib/esm/shared/Media/Share/PreviewComponent.d.ts +1 -1
- package/lib/esm/shared/Media/Share/PreviewComponent.d.ts.map +1 -1
- package/lib/esm/shared/Media/Share/PreviewComponent.js +8 -11
- package/lib/esm/shared/Media/Share/PreviewComponent.js.map +1 -1
- package/lib/esm/shared/Media/Video/PreviewComponent.d.ts.map +1 -1
- package/lib/esm/shared/Media/Video/PreviewComponent.js +9 -2
- package/lib/esm/shared/Media/Video/PreviewComponent.js.map +1 -1
- package/lib/umd/react-ui.js +4 -4
- package/lib/umd/react-ui.js.map +1 -1
- package/package.json +4 -4
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"PreviewComponent.d.ts","sourceRoot":"","sources":["../../../../../src/shared/Media/Video/PreviewComponent.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"PreviewComponent.d.ts","sourceRoot":"","sources":["../../../../../src/shared/Media/Video/PreviewComponent.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAwB1B,MAAM,WAAW,iBAAiB;IAChC;;;OAGG;IACH,MAAM,EAAE,GAAG,EAAE,CAAC;IACd;;;OAGG;IACH,SAAS,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC5B;;OAEG;IACH,YAAY,CAAC,EAAE,CAAC,GAAG,KAAA,KAAK,IAAI,CAAC;CAC9B;gCACsB,iBAAiB,KAAG,WAAW;AAAtD,wBA+BE"}
|
|
@@ -11,11 +11,18 @@ const AutoPlayer_1 = __importDefault(require("../../AutoPlayer"));
|
|
|
11
11
|
const LazyLoad_1 = require("../../../constants/LazyLoad");
|
|
12
12
|
const Skeleton_1 = __importDefault(require("@mui/material/Skeleton"));
|
|
13
13
|
const PREFIX = 'SCPreviewMediaVideo';
|
|
14
|
+
const classes = {
|
|
15
|
+
previewVideo: `${PREFIX}-preview-video`
|
|
16
|
+
};
|
|
14
17
|
const Root = (0, styles_1.styled)(Box_1.default, {
|
|
15
18
|
name: PREFIX,
|
|
16
19
|
slot: 'Root',
|
|
17
20
|
overridesResolver: (props, styles) => styles.root
|
|
18
|
-
})(({ theme }) => ({
|
|
21
|
+
})(({ theme }) => ({
|
|
22
|
+
[`& .${classes.previewVideo}`]: {
|
|
23
|
+
minHeight: 360
|
|
24
|
+
}
|
|
25
|
+
}));
|
|
19
26
|
exports.default = (props) => {
|
|
20
27
|
// PROPS
|
|
21
28
|
const { medias = [], adornment = null, onMediaClick } = props;
|
|
@@ -27,7 +34,7 @@ exports.default = (props) => {
|
|
|
27
34
|
*/
|
|
28
35
|
return (react_1.default.createElement(react_1.default.Fragment, null, medias.length > 0 && (react_1.default.createElement(Root, null,
|
|
29
36
|
adornment,
|
|
30
|
-
medias.map((v, i) => (react_1.default.createElement(react_lazyload_1.default, { height: 360, placeholder: react_1.default.createElement(Skeleton_1.default, { variant: "rectangular", height: 360, width: '100%' }), key: i, once: true, offset: LazyLoad_1.DEFAULT_PRELOAD_OFFSET_VIEWPORT },
|
|
37
|
+
medias.map((v, i) => (react_1.default.createElement(react_lazyload_1.default, { height: 360, placeholder: react_1.default.createElement(Skeleton_1.default, { variant: "rectangular", height: 360, width: '100%' }), key: i, once: true, className: classes.previewVideo, offset: LazyLoad_1.DEFAULT_PRELOAD_OFFSET_VIEWPORT },
|
|
31
38
|
react_1.default.createElement(AutoPlayer_1.default, { url: v.url, width: '100%', onVideoWatch: () => handleVideoClick(v) }))))))));
|
|
32
39
|
};
|
|
33
40
|
//# sourceMappingURL=PreviewComponent.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"PreviewComponent.js","sourceRoot":"","sources":["../../../../../src/shared/Media/Video/PreviewComponent.tsx"],"names":[],"mappings":";;;;;AAAA,kDAA0B;AAC1B,iDAA4C;AAC5C,oEAAsC;AACtC,4DAAoC;AACpC,kEAA0C;AAC1C,0DAA4E;AAC5E,sEAA8C;AAE9C,MAAM,MAAM,GAAG,qBAAqB,CAAC;AAErC,MAAM,IAAI,GAAG,IAAA,eAAM,EAAC,aAAG,EAAE;IACvB,IAAI,EAAE,MAAM;IACZ,IAAI,EAAE,MAAM;IACZ,iBAAiB,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,EAAE,CAAC,MAAM,CAAC,IAAI;CAClD,CAAC,CAAC,CAAC,EAAC,KAAK,EAAC,EAAE,EAAE,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC;
|
|
1
|
+
{"version":3,"file":"PreviewComponent.js","sourceRoot":"","sources":["../../../../../src/shared/Media/Video/PreviewComponent.tsx"],"names":[],"mappings":";;;;;AAAA,kDAA0B;AAC1B,iDAA4C;AAC5C,oEAAsC;AACtC,4DAAoC;AACpC,kEAA0C;AAC1C,0DAA4E;AAC5E,sEAA8C;AAE9C,MAAM,MAAM,GAAG,qBAAqB,CAAC;AAErC,MAAM,OAAO,GAAG;IACd,YAAY,EAAE,GAAG,MAAM,gBAAgB;CACxC,CAAC;AAEF,MAAM,IAAI,GAAG,IAAA,eAAM,EAAC,aAAG,EAAE;IACvB,IAAI,EAAE,MAAM;IACZ,IAAI,EAAE,MAAM;IACZ,iBAAiB,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,EAAE,CAAC,MAAM,CAAC,IAAI;CAClD,CAAC,CAAC,CAAC,EAAC,KAAK,EAAC,EAAE,EAAE,CAAC,CAAC;IACf,CAAC,MAAM,OAAO,CAAC,YAAY,EAAE,CAAC,EAAE;QAC9B,SAAS,EAAE,GAAG;KACf;CACF,CAAC,CAAC,CAAC;AAkBJ,kBAAe,CAAC,KAAwB,EAAe,EAAE;IACvD,QAAQ;IACR,MAAM,EAAC,MAAM,GAAG,EAAE,EAAE,SAAS,GAAG,IAAI,EAAE,YAAY,EAAC,GAAG,KAAK,CAAC;IAE5D,MAAM,gBAAgB,GAAG,CAAC,IAAI,EAAE,EAAE;QAChC,YAAY,CAAC,IAAI,CAAC,CAAC;IACrB,CAAC,CAAC;IAEF;;OAEG;IACH,OAAO,CACL,8DACG,MAAM,CAAC,MAAM,GAAG,CAAC,IAAI,CACpB,8BAAC,IAAI;QACF,SAAS;QACT,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC,CACpB,8BAAC,wBAAQ,IACP,MAAM,EAAE,GAAG,EACX,WAAW,EAAE,8BAAC,kBAAQ,IAAC,OAAO,EAAC,aAAa,EAAC,MAAM,EAAE,GAAG,EAAE,KAAK,EAAE,MAAM,GAAI,EAC3E,GAAG,EAAE,CAAC,EACN,IAAI,QACJ,SAAS,EAAE,OAAO,CAAC,YAAY,EAC/B,MAAM,EAAE,0CAA+B;YACvC,8BAAC,oBAAU,IAAC,GAAG,EAAE,CAAC,CAAC,GAAG,EAAE,KAAK,EAAE,MAAM,EAAE,YAAY,EAAE,GAAG,EAAE,CAAC,gBAAgB,CAAC,CAAC,CAAC,GAAI,CACzE,CACZ,CAAC,CACG,CACR,CACA,CACJ,CAAC;AACJ,CAAC,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"CategoriesFollowed.d.ts","sourceRoot":"","sources":["../../../../src/components/CategoriesFollowed/CategoriesFollowed.tsx"],"names":[],"mappings":";AAWA,OAAO,EAAC,mBAAmB,EAAC,MAAM,yBAAyB,CAAC;AAqC5D;;;;;;;;;;;;;;;;;;;;GAoBG;AACH,MAAM,CAAC,OAAO,UAAU,kBAAkB,CAAC,OAAO,EAAE,mBAAmB,GAAG,GAAG,CAAC,OAAO,
|
|
1
|
+
{"version":3,"file":"CategoriesFollowed.d.ts","sourceRoot":"","sources":["../../../../src/components/CategoriesFollowed/CategoriesFollowed.tsx"],"names":[],"mappings":";AAWA,OAAO,EAAC,mBAAmB,EAAC,MAAM,yBAAyB,CAAC;AAqC5D;;;;;;;;;;;;;;;;;;;;GAoBG;AACH,MAAM,CAAC,OAAO,UAAU,kBAAkB,CAAC,OAAO,EAAE,mBAAmB,GAAG,GAAG,CAAC,OAAO,CAiLpF"}
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import React, { useContext, useEffect, useState } from 'react';
|
|
2
2
|
import { styled } from '@mui/material/styles';
|
|
3
3
|
import List from '@mui/material/List';
|
|
4
|
-
import { Button, CardContent, ListItem, Typography } from '@mui/material';
|
|
4
|
+
import { Button, CardContent, ListItem, Typography, useMediaQuery, useTheme } from '@mui/material';
|
|
5
5
|
import { http, Endpoints } from '@selfcommunity/api-services';
|
|
6
6
|
import { Logger } from '@selfcommunity/utils';
|
|
7
7
|
import { SCUserContext, useIsComponentMountedRef } from '@selfcommunity/react-core';
|
|
@@ -77,6 +77,8 @@ export default function CategoriesFollowed(inProps) {
|
|
|
77
77
|
// REFS
|
|
78
78
|
const isMountedRef = useIsComponentMountedRef();
|
|
79
79
|
// STATE
|
|
80
|
+
const theme = useTheme();
|
|
81
|
+
const isMobile = useMediaQuery(theme.breakpoints.down('md'));
|
|
80
82
|
const [categories, setCategories] = useState([]);
|
|
81
83
|
const [loading, setLoading] = useState(true);
|
|
82
84
|
const [hasMore, setHasMore] = useState(false);
|
|
@@ -160,7 +162,7 @@ export default function CategoriesFollowed(inProps) {
|
|
|
160
162
|
React.createElement(Category, Object.assign({ elevation: 0, category: category, followCategoryButtonProps: { onFollow: handleOnFollowCategory } }, CategoryProps)))))),
|
|
161
163
|
hasMore && (React.createElement(Button, { size: "small", className: classes.showMore, onClick: () => setOpenCategoriesFollowedDialog(true) },
|
|
162
164
|
React.createElement(FormattedMessage, { id: "ui.categoriesFollowed.button.showAll", defaultMessage: "ui.categoriesFollowed.button.showAll" }))),
|
|
163
|
-
openCategoriesFollowedDialog && (React.createElement(BaseDialog, { title: `${intl.formatMessage(messages.title, { total: total })}`, onClose: () => setOpenCategoriesFollowedDialog(false), open: openCategoriesFollowedDialog }, loading ? (React.createElement(CentralProgress, { size: 50 })) : (React.createElement(InfiniteScroll, { dataLength: categories.length, next: fetchCategoriesFollowed, hasMoreNext: Boolean(next), loaderNext: React.createElement(CentralProgress, { size: 30 }), height: 400, endMessage: React.createElement("p", { style: { textAlign: 'center' } },
|
|
165
|
+
openCategoriesFollowedDialog && (React.createElement(BaseDialog, { title: `${intl.formatMessage(messages.title, { total: total })}`, onClose: () => setOpenCategoriesFollowedDialog(false), open: openCategoriesFollowedDialog }, loading ? (React.createElement(CentralProgress, { size: 50 })) : (React.createElement(InfiniteScroll, { dataLength: categories.length, next: fetchCategoriesFollowed, hasMoreNext: Boolean(next), loaderNext: React.createElement(CentralProgress, { size: 30 }), height: isMobile ? '100vh' : 400, endMessage: React.createElement("p", { style: { textAlign: 'center' } },
|
|
164
166
|
React.createElement("b", null,
|
|
165
167
|
React.createElement(FormattedMessage, { id: "ui.categoriesFollowed.noMoreResults", defaultMessage: "ui.categoriesFollowed.noMoreResults" }))) },
|
|
166
168
|
React.createElement(List, null, categories.map((c) => (React.createElement(ListItem, { key: c.id },
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"CategoriesFollowed.js","sourceRoot":"","sources":["../../../../src/components/CategoriesFollowed/CategoriesFollowed.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAC,UAAU,EAAE,SAAS,EAAE,QAAQ,EAAC,MAAM,OAAO,CAAC;AAC7D,OAAO,EAAC,MAAM,EAAC,MAAM,sBAAsB,CAAC;AAC5C,OAAO,IAAI,MAAM,oBAAoB,CAAC;AACtC,OAAO,EAAC,MAAM,EAAE,WAAW,EAAE,QAAQ,EAAE,UAAU,EAAC,MAAM,eAAe,CAAC;
|
|
1
|
+
{"version":3,"file":"CategoriesFollowed.js","sourceRoot":"","sources":["../../../../src/components/CategoriesFollowed/CategoriesFollowed.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"CategoriesPopular.d.ts","sourceRoot":"","sources":["../../../../src/components/CategoriesPopular/CategoriesPopular.tsx"],"names":[],"mappings":";AAUA,OAAO,EAAC,mBAAmB,EAAC,MAAM,yBAAyB,CAAC;AA2B5D;;;;;;;;;;;;;;;;;;;;;GAqBG;AACH,MAAM,CAAC,OAAO,UAAU,iBAAiB,CAAC,OAAO,EAAE,mBAAmB,GAAG,GAAG,CAAC,OAAO,
|
|
1
|
+
{"version":3,"file":"CategoriesPopular.d.ts","sourceRoot":"","sources":["../../../../src/components/CategoriesPopular/CategoriesPopular.tsx"],"names":[],"mappings":";AAUA,OAAO,EAAC,mBAAmB,EAAC,MAAM,yBAAyB,CAAC;AA2B5D;;;;;;;;;;;;;;;;;;;;;GAqBG;AACH,MAAM,CAAC,OAAO,UAAU,iBAAiB,CAAC,OAAO,EAAE,mBAAmB,GAAG,GAAG,CAAC,OAAO,CA8JnF"}
|
|
@@ -11,7 +11,7 @@ var __rest = (this && this.__rest) || function (s, e) {
|
|
|
11
11
|
};
|
|
12
12
|
import React, { useEffect, useMemo, useState } from 'react';
|
|
13
13
|
import { styled } from '@mui/material/styles';
|
|
14
|
-
import { Button, CardContent, List, ListItem, Typography } from '@mui/material';
|
|
14
|
+
import { Button, CardContent, List, ListItem, Typography, useMediaQuery, useTheme } from '@mui/material';
|
|
15
15
|
import { http, Endpoints } from '@selfcommunity/api-services';
|
|
16
16
|
import { Logger } from '@selfcommunity/utils';
|
|
17
17
|
import Skeleton from './Skeleton';
|
|
@@ -74,6 +74,8 @@ export default function CategoriesPopular(inProps) {
|
|
|
74
74
|
// REFS
|
|
75
75
|
const isMountedRef = useIsComponentMountedRef();
|
|
76
76
|
// STATE
|
|
77
|
+
const theme = useTheme();
|
|
78
|
+
const isMobile = useMediaQuery(theme.breakpoints.down('md'));
|
|
77
79
|
const [categories, setCategories] = useState([]);
|
|
78
80
|
const [visibleCategories, setVisibleCategories] = useState(limit);
|
|
79
81
|
const [loading, setLoading] = useState(true);
|
|
@@ -147,7 +149,7 @@ export default function CategoriesPopular(inProps) {
|
|
|
147
149
|
React.createElement(Category, Object.assign({ elevation: 0, category: category, followCategoryButtonProps: { onFollow: handleFollowersUpdate } }, CategoryProps)))))),
|
|
148
150
|
hasMore && (React.createElement(Button, { size: "small", className: classes.showMore, onClick: () => setOpenPopularCategoriesDialog(true) },
|
|
149
151
|
React.createElement(FormattedMessage, { id: "ui.categoriesPopular.button.showAll", defaultMessage: "ui.categoriesPopular.button.showAll" }))))),
|
|
150
|
-
openPopularCategoriesDialog && (React.createElement(BaseDialog, { title: React.createElement(FormattedMessage, { defaultMessage: "ui.categoriesPopular.title", id: "ui.categoriesPopular.title" }), onClose: () => setOpenPopularCategoriesDialog(false), open: openPopularCategoriesDialog }, loading ? (React.createElement(CentralProgress, { size: 50 })) : (React.createElement(InfiniteScroll, { dataLength: categories.length, next: fetchPopularCategories, hasMoreNext: Boolean(next), loaderNext: React.createElement(CentralProgress, { size: 30 }), height: 400, endMessage: React.createElement("p", { style: { textAlign: 'center' } },
|
|
152
|
+
openPopularCategoriesDialog && (React.createElement(BaseDialog, { title: React.createElement(FormattedMessage, { defaultMessage: "ui.categoriesPopular.title", id: "ui.categoriesPopular.title" }), onClose: () => setOpenPopularCategoriesDialog(false), open: openPopularCategoriesDialog }, loading ? (React.createElement(CentralProgress, { size: 50 })) : (React.createElement(InfiniteScroll, { dataLength: categories.length, next: fetchPopularCategories, hasMoreNext: Boolean(next), loaderNext: React.createElement(CentralProgress, { size: 30 }), height: isMobile ? '100vh' : 400, endMessage: React.createElement("p", { style: { textAlign: 'center' } },
|
|
151
153
|
React.createElement("b", null,
|
|
152
154
|
React.createElement(FormattedMessage, { id: "ui.categoriesPopular.noMoreResults", defaultMessage: "ui.categoriesPopular.noMoreResults" }))) },
|
|
153
155
|
React.createElement(List, null, categories.map((c) => (React.createElement(ListItem, { key: c.id },
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"CategoriesPopular.js","sourceRoot":"","sources":["../../../../src/components/CategoriesPopular/CategoriesPopular.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAK,EAAE,EAAC,SAAS,EAAE,OAAO,EAAE,QAAQ,EAAC,MAAM,OAAO,CAAC;AAC1D,OAAO,EAAC,MAAM,EAAC,MAAM,sBAAsB,CAAC;AAC5C,OAAO,EAAC,MAAM,EAAE,WAAW,EAAE,IAAI,EAAE,QAAQ,EAAE,UAAU,EAAC,MAAM,eAAe,CAAC;
|
|
1
|
+
{"version":3,"file":"CategoriesPopular.js","sourceRoot":"","sources":["../../../../src/components/CategoriesPopular/CategoriesPopular.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ChangeCover.d.ts","sourceRoot":"","sources":["../../../../src/components/ChangeCover/ChangeCover.tsx"],"names":[],"mappings":";
|
|
1
|
+
{"version":3,"file":"ChangeCover.d.ts","sourceRoot":"","sources":["../../../../src/components/ChangeCover/ChangeCover.tsx"],"names":[],"mappings":";AAwCA,MAAM,WAAW,gBAAgB;IAC/B;;;OAGG;IACH,QAAQ,CAAC,EAAE,CAAC,KAAK,KAAA,KAAK,IAAI,CAAC;IAC3B;;;OAGG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;;OAGG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;OAEG;IACH,CAAC,CAAC,EAAE,MAAM,GAAG,GAAG,CAAC;CAClB;AAED;;;;;;;;;;;;;;;;;;;;;GAqBG;AACH,MAAM,CAAC,OAAO,UAAU,WAAW,CAAC,OAAO,EAAE,gBAAgB,GAAG,GAAG,CAAC,OAAO,CAuN1E"}
|
|
@@ -11,7 +11,7 @@ var __rest = (this && this.__rest) || function (s, e) {
|
|
|
11
11
|
};
|
|
12
12
|
import React, { useContext, useRef, useState } from 'react';
|
|
13
13
|
import { styled } from '@mui/material/styles';
|
|
14
|
-
import { Menu, MenuItem, ListItemIcon, Typography, Button, Popover, Divider, IconButton, Box } from '@mui/material';
|
|
14
|
+
import { Menu, MenuItem, ListItemIcon, Typography, Button, Popover, Divider, IconButton, Box, useTheme, useMediaQuery } from '@mui/material';
|
|
15
15
|
import { http, Endpoints } from '@selfcommunity/api-services';
|
|
16
16
|
import { SCUserContext } from '@selfcommunity/react-core';
|
|
17
17
|
import Icon from '@mui/material/Icon';
|
|
@@ -20,6 +20,7 @@ import ConfirmDialog from '../../shared/ConfirmDialog/ConfirmDialog';
|
|
|
20
20
|
import classNames from 'classnames';
|
|
21
21
|
import CircularProgress from '@mui/material/CircularProgress';
|
|
22
22
|
import { useThemeProps } from '@mui/system';
|
|
23
|
+
import BaseDrawer from '../../shared/BaseDrawer';
|
|
23
24
|
const PREFIX = 'SCChangeCoverButton';
|
|
24
25
|
const classes = {
|
|
25
26
|
root: `${PREFIX}-root`,
|
|
@@ -34,7 +35,14 @@ const Root = styled(Box, {
|
|
|
34
35
|
})(({ theme }) => ({
|
|
35
36
|
display: 'flex',
|
|
36
37
|
alignItems: 'center',
|
|
37
|
-
flexWrap: 'wrap'
|
|
38
|
+
flexWrap: 'wrap',
|
|
39
|
+
[theme.breakpoints.down('md')]: {
|
|
40
|
+
'& .MuiButtonBase-root': {
|
|
41
|
+
padding: 6,
|
|
42
|
+
borderRadius: 50,
|
|
43
|
+
minWidth: 'auto'
|
|
44
|
+
}
|
|
45
|
+
}
|
|
38
46
|
}));
|
|
39
47
|
/**
|
|
40
48
|
*> API documentation for the Community-JS Change Cover component. Learn about the available props and the CSS API.
|
|
@@ -68,6 +76,8 @@ export default function ChangeCover(inProps) {
|
|
|
68
76
|
//CONTEXT
|
|
69
77
|
const scUserContext = useContext(SCUserContext);
|
|
70
78
|
//STATE
|
|
79
|
+
const theme = useTheme();
|
|
80
|
+
const isMobile = useMediaQuery(theme.breakpoints.down('md'));
|
|
71
81
|
let fileInput = useRef(null);
|
|
72
82
|
const [anchorEl, setAnchorEl] = React.useState(null);
|
|
73
83
|
const open = Boolean(anchorEl);
|
|
@@ -149,13 +159,11 @@ export default function ChangeCover(inProps) {
|
|
|
149
159
|
});
|
|
150
160
|
}
|
|
151
161
|
/**
|
|
152
|
-
* Renders change cover
|
|
162
|
+
* Renders change cover menu items
|
|
153
163
|
*/
|
|
154
|
-
|
|
155
|
-
React.createElement(
|
|
156
|
-
React.createElement(
|
|
157
|
-
React.createElement(Menu, { anchorEl: anchorEl, open: open, onClose: handleClose }, loading ? (React.createElement(MenuItem, { sx: { justifyContent: 'center' } },
|
|
158
|
-
React.createElement(CircularProgress, { size: 15 }))) : (React.createElement(Box, null,
|
|
164
|
+
function renderMenuItems() {
|
|
165
|
+
return (React.createElement(Box, null, loading ? (React.createElement(MenuItem, { sx: { justifyContent: 'center' } },
|
|
166
|
+
React.createElement(CircularProgress, { size: 15 }))) : (React.createElement(React.Fragment, null,
|
|
159
167
|
React.createElement("input", { type: "file", onChange: () => handleUpload(event), ref: fileInput, hidden: true }),
|
|
160
168
|
React.createElement(MenuItem, { disabled: loading, onClick: () => fileInput.current.click(), className: classes.addMenuItem },
|
|
161
169
|
React.createElement(ListItemIcon, null,
|
|
@@ -164,25 +172,33 @@ export default function ChangeCover(inProps) {
|
|
|
164
172
|
hasCover && (React.createElement(MenuItem, { className: classes.delMenuItem, onClick: () => setOpenDeleteCoverDialog(true) },
|
|
165
173
|
React.createElement(ListItemIcon, null,
|
|
166
174
|
React.createElement(Icon, { fontSize: "small" }, "delete")),
|
|
167
|
-
React.createElement(FormattedMessage, { id: "ui.changeCover.button.delete", defaultMessage: "ui.changeCover.button.delete" }))))))
|
|
168
|
-
|
|
169
|
-
|
|
170
|
-
|
|
171
|
-
|
|
172
|
-
|
|
173
|
-
|
|
174
|
-
|
|
175
|
-
|
|
176
|
-
|
|
177
|
-
React.createElement(
|
|
178
|
-
|
|
179
|
-
|
|
180
|
-
|
|
181
|
-
|
|
182
|
-
|
|
183
|
-
|
|
184
|
-
React.createElement("
|
|
185
|
-
|
|
175
|
+
React.createElement(FormattedMessage, { id: "ui.changeCover.button.delete", defaultMessage: "ui.changeCover.button.delete" })))))));
|
|
176
|
+
}
|
|
177
|
+
/**
|
|
178
|
+
* Renders change cover menu
|
|
179
|
+
*/
|
|
180
|
+
const cc = (React.createElement(React.Fragment, null,
|
|
181
|
+
React.createElement(Button, Object.assign({ size: "small", variant: "contained", disabled: loading, onClick: handleClick }, rest), isMobile ? React.createElement(Icon, null, "photo_camera") : React.createElement(FormattedMessage, { id: "ui.changeCover.button.change", defaultMessage: "ui.changeCover.button.change" })),
|
|
182
|
+
React.createElement(React.Fragment, null, isMobile ? (React.createElement(BaseDrawer, { open: open, onClose: handleClose, width: '100%' }, renderMenuItems())) : (React.createElement(Menu, { anchorEl: anchorEl, open: open, onClose: handleClose }, renderMenuItems()))),
|
|
183
|
+
!isMobile && (React.createElement(React.Fragment, null,
|
|
184
|
+
React.createElement(IconButton, { className: classes.helpPopover, color: "primary", "aria-label": "upload picture", component: "span", onClick: handleClickHelpButton },
|
|
185
|
+
React.createElement(Icon, { fontSize: "small" }, "help_outline")),
|
|
186
|
+
isOpen && (React.createElement(Popover, { open: isOpen, anchorEl: anchorElPopover, onClose: handleCloseHelpPopover, anchorOrigin: {
|
|
187
|
+
vertical: 'bottom',
|
|
188
|
+
horizontal: 'right'
|
|
189
|
+
} },
|
|
190
|
+
React.createElement(Box, { sx: { p: '10px' } },
|
|
191
|
+
React.createElement(Typography, { component: "h3" },
|
|
192
|
+
React.createElement(FormattedMessage, { id: "ui.changeCover.button.uploadA", defaultMessage: "ui.changeCover.button.uploadA" })),
|
|
193
|
+
React.createElement(Divider, null),
|
|
194
|
+
React.createElement(Typography, { component: "span" },
|
|
195
|
+
React.createElement("ul", { className: "list" },
|
|
196
|
+
React.createElement("li", null,
|
|
197
|
+
React.createElement(FormattedMessage, { id: "ui.changeCover.listF", defaultMessage: "ui.changeCover.listF" })),
|
|
198
|
+
React.createElement("li", null,
|
|
199
|
+
React.createElement(FormattedMessage, { id: "ui.changeCover.listD", defaultMessage: "ui.changeCover.listF" })),
|
|
200
|
+
React.createElement("li", null,
|
|
201
|
+
React.createElement(FormattedMessage, { id: "ui.changeCover.listW", defaultMessage: "ui.changeCover.listF" }))))))))),
|
|
186
202
|
openDeleteCoverDialog && (React.createElement(ConfirmDialog, { open: openDeleteCoverDialog, title: React.createElement(FormattedMessage, { id: "ui.changeCover.dialog.msg", defaultMessage: "ui.changeCover.dialog.msg" }), onConfirm: deleteCover, isUpdating: isDeletingCover, onClose: () => {
|
|
187
203
|
setOpenDeleteCoverDialog(false);
|
|
188
204
|
setAnchorEl(null);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ChangeCover.js","sourceRoot":"","sources":["../../../../src/components/ChangeCover/ChangeCover.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAK,EAAE,EAAC,UAAU,EAAE,MAAM,EAAE,QAAQ,EAAC,MAAM,OAAO,CAAC;AAC1D,OAAO,EAAC,MAAM,EAAC,MAAM,sBAAsB,CAAC;AAC5C,OAAO,EAAC,IAAI,EAAE,QAAQ,EAAE,YAAY,EAAE,UAAU,EAAE,MAAM,EAAE,OAAO,EAAE,OAAO,EAAE,UAAU,EAAE,GAAG,EAAC,MAAM,eAAe,CAAC;
|
|
1
|
+
{"version":3,"file":"ChangeCover.js","sourceRoot":"","sources":["../../../../src/components/ChangeCover/ChangeCover.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Votes.d.ts","sourceRoot":"","sources":["../../../../../src/components/CommentObject/Votes/Votes.tsx"],"names":[],"mappings":";AAGA,OAAO,EAAC,aAAa,EAAC,MAAM,sBAAsB,CAAC;AA2BnD,MAAM,WAAW,UAAU;IACzB;;;OAGG;IACH,eAAe,CAAC,EAAE,MAAM,CAAC;IAEzB;;;OAGG;IACH,aAAa,CAAC,EAAE,aAAa,CAAC;IAE9B;;OAEG;IACH,CAAC,CAAC,EAAE,MAAM,GAAG,GAAG,CAAC;CAClB;AAED,MAAM,CAAC,OAAO,UAAU,KAAK,CAAC,OAAO,EAAE,UAAU,GAAG,GAAG,CAAC,OAAO,
|
|
1
|
+
{"version":3,"file":"Votes.d.ts","sourceRoot":"","sources":["../../../../../src/components/CommentObject/Votes/Votes.tsx"],"names":[],"mappings":";AAGA,OAAO,EAAC,aAAa,EAAC,MAAM,sBAAsB,CAAC;AA2BnD,MAAM,WAAW,UAAU;IACzB;;;OAGG;IACH,eAAe,CAAC,EAAE,MAAM,CAAC;IAEzB;;;OAGG;IACH,aAAa,CAAC,EAAE,aAAa,CAAC;IAE9B;;OAEG;IACH,CAAC,CAAC,EAAE,MAAM,GAAG,GAAG,CAAC;CAClB;AAED,MAAM,CAAC,OAAO,UAAU,KAAK,CAAC,OAAO,EAAE,UAAU,GAAG,GAAG,CAAC,OAAO,CAsD9D"}
|
|
@@ -56,6 +56,9 @@ export default function Votes(inProps) {
|
|
|
56
56
|
* @return {JSX.Element}
|
|
57
57
|
*/
|
|
58
58
|
function renderVotes() {
|
|
59
|
+
if (!obj) {
|
|
60
|
+
return null;
|
|
61
|
+
}
|
|
59
62
|
return (React.createElement(React.Fragment, null,
|
|
60
63
|
React.createElement(Button, { variant: "text", size: "small", disabled: obj.vote_count <= 0, className: classes.btnViewVotes, onClick: handleToggleSharesDialog },
|
|
61
64
|
obj.voted ? (React.createElement(Icon, { fontSize: "medium", color: "primary", className: classes.votes }, "thumb_up_alt")) : (React.createElement(Icon, { fontSize: "medium", sx: { marginTop: '-1px' } }, "thumb_up_off_alt")),
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Votes.js","sourceRoot":"","sources":["../../../../../src/components/CommentObject/Votes/Votes.tsx"],"names":[],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"Votes.js","sourceRoot":"","sources":["../../../../../src/components/CommentObject/Votes/Votes.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Reaction.d.ts","sourceRoot":"","sources":["../../../../../../src/components/FeedObject/Actions/Reaction/Reaction.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAyD,MAAM,OAAO,CAAC;AA4B9E,OAAO,EAAC,SAAS,EAAC,MAAM,SAAS,CAAC;AAkBlC;;;;;GAKG;AACH,eAAO,MAAM,eAAe
|
|
1
|
+
{"version":3,"file":"Reaction.d.ts","sourceRoot":"","sources":["../../../../../../src/components/FeedObject/Actions/Reaction/Reaction.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAyD,MAAM,OAAO,CAAC;AA4B9E,OAAO,EAAC,SAAS,EAAC,MAAM,SAAS,CAAC;AAkBlC;;;;;GAKG;AACH,eAAO,MAAM,eAAe;;;;;;;;;;CAU3B,CAAC;AA6EF;;GAEG;AACH,eAAO,MAAM,mBAAmB;;;;CAI/B,CAAC;AAqDF,MAAM,WAAW,aAAa;IAC5B,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,GAAG,GAAG,CAAC;CACrB;AAWD,MAAM,CAAC,OAAO,UAAU,QAAQ,CAAC,OAAO,EAAE,SAAS,GAAG,GAAG,CAAC,OAAO,CA0bhE"}
|
|
@@ -54,6 +54,7 @@ export const voteActionTypes = {
|
|
|
54
54
|
LOADING: '_loading_votes',
|
|
55
55
|
REQUEST_VOTES_LOADING: '_request_votes_loading',
|
|
56
56
|
REQUEST_VOTES_SUCCESS: '_request_votes_success',
|
|
57
|
+
REQUEST_REACTION_SUCCESS: '_request_reaction_success',
|
|
57
58
|
REQUEST_VOTES_FAILED: '_request_votes_failed',
|
|
58
59
|
TOGGLE_VOTE_DIALOG: '_toggle_vote_dialog',
|
|
59
60
|
REFRESHING_VOTES: '_refreshing_votes',
|
|
@@ -78,7 +79,19 @@ function votesReducer(state, action) {
|
|
|
78
79
|
voting: false,
|
|
79
80
|
next: action.payload.next,
|
|
80
81
|
openVotesDialog: state.openVotesDialog,
|
|
81
|
-
error: null
|
|
82
|
+
error: null,
|
|
83
|
+
triggered: false
|
|
84
|
+
};
|
|
85
|
+
case voteActionTypes.REQUEST_REACTION_SUCCESS:
|
|
86
|
+
return {
|
|
87
|
+
votes: state.refreshing ? [...state.votes] : action.payload.data,
|
|
88
|
+
loadingVotes: false,
|
|
89
|
+
refreshing: false,
|
|
90
|
+
voting: false,
|
|
91
|
+
next: action.payload.next,
|
|
92
|
+
openVotesDialog: state.openVotesDialog,
|
|
93
|
+
error: null,
|
|
94
|
+
triggered: false
|
|
82
95
|
};
|
|
83
96
|
case voteActionTypes.TOGGLE_VOTE_DIALOG:
|
|
84
97
|
return Object.assign({}, state, { openVotesDialog: !state.openVotesDialog });
|
|
@@ -89,7 +102,7 @@ function votesReducer(state, action) {
|
|
|
89
102
|
case voteActionTypes.VOTING:
|
|
90
103
|
return Object.assign({}, state, { voting: true, error: null });
|
|
91
104
|
case voteActionTypes.REQUEST_VOTING_SUCCESS:
|
|
92
|
-
return Object.assign({}, state, { voting: false, error: null });
|
|
105
|
+
return Object.assign({}, state, { voting: false, error: null, triggered: true });
|
|
93
106
|
default:
|
|
94
107
|
throw new Error(`Unhandled type: ${action.type}`);
|
|
95
108
|
}
|
|
@@ -108,7 +121,8 @@ function stateInitializer({ feedObjectId = null, feedObject = null, feedObjectTy
|
|
|
108
121
|
refreshing: false,
|
|
109
122
|
next,
|
|
110
123
|
openVotesDialog: false,
|
|
111
|
-
error: null
|
|
124
|
+
error: null,
|
|
125
|
+
triggered: false
|
|
112
126
|
};
|
|
113
127
|
}
|
|
114
128
|
/**
|
|
@@ -216,37 +230,31 @@ export default function Reaction(inProps) {
|
|
|
216
230
|
switch (type) {
|
|
217
231
|
case reactionActionTypes.REMOVE:
|
|
218
232
|
if (inList && list[index].count > 1) {
|
|
219
|
-
// console.log('Update count -');
|
|
220
233
|
list[index].count = list[index].count - 1;
|
|
221
234
|
updatedList = list;
|
|
222
235
|
}
|
|
223
236
|
else {
|
|
224
|
-
// console.log('Delete obj');
|
|
225
237
|
list.splice(index, 1);
|
|
226
238
|
updatedList = list;
|
|
227
239
|
}
|
|
228
240
|
return updatedList;
|
|
229
241
|
case reactionActionTypes.ADD:
|
|
230
242
|
if (inList) {
|
|
231
|
-
// console.log('Update count +');
|
|
232
243
|
list[index].count = list[index].count + 1;
|
|
233
244
|
updatedList = list;
|
|
234
245
|
}
|
|
235
246
|
else {
|
|
236
|
-
// console.log('Add obj');
|
|
237
247
|
updatedList = [...list, { reaction: reactionObj, count: 1 }];
|
|
238
248
|
}
|
|
239
249
|
return updatedList;
|
|
240
250
|
case reactionActionTypes.CHANGE:
|
|
241
251
|
const i = list.findIndex((r) => r.reaction.id === obj.reaction.id);
|
|
242
252
|
if (!inList) {
|
|
243
|
-
// console.log('Change not in list, add + update count');
|
|
244
253
|
list[i].reaction = list[i].count === 1 ? reactionObj : list[i].reaction;
|
|
245
254
|
list[i].count = list[i].count >= 1 ? list[i].count - 1 : list[i].count;
|
|
246
255
|
setReactionsList(dispatchReactionsActions(reactionActionTypes.ADD, reactionObj));
|
|
247
256
|
}
|
|
248
257
|
else {
|
|
249
|
-
// console.log('Change in list, remove + update count');
|
|
250
258
|
const n = dispatchReactionsActions(reactionActionTypes.REMOVE, obj.reaction);
|
|
251
259
|
const newIndex = n.findIndex((r) => r.reaction.id === reactionObj.id);
|
|
252
260
|
n[newIndex].count = n[newIndex].count + 1;
|
|
@@ -295,6 +303,27 @@ export default function Reaction(inProps) {
|
|
|
295
303
|
});
|
|
296
304
|
}
|
|
297
305
|
}, [state.openVotesDialog]);
|
|
306
|
+
/**
|
|
307
|
+
* Fetches votes only when changing/performing vote and opening votes dialog at the same time.
|
|
308
|
+
*/
|
|
309
|
+
useEffect(() => {
|
|
310
|
+
if (obj && !state.loadingVotes && !state.refreshing && state.openVotesDialog) {
|
|
311
|
+
dispatch({ type: voteActionTypes.REQUEST_VOTES_LOADING });
|
|
312
|
+
fetchVotes()
|
|
313
|
+
.then((data) => {
|
|
314
|
+
dispatch({
|
|
315
|
+
type: voteActionTypes.REQUEST_REACTION_SUCCESS,
|
|
316
|
+
payload: {
|
|
317
|
+
next: data['next'],
|
|
318
|
+
data: data['results']
|
|
319
|
+
}
|
|
320
|
+
});
|
|
321
|
+
})
|
|
322
|
+
.catch((error) => {
|
|
323
|
+
Logger.error(SCOPE_SC_UI, error);
|
|
324
|
+
});
|
|
325
|
+
}
|
|
326
|
+
}, [state.openVotesDialog && state.triggered]);
|
|
298
327
|
/**
|
|
299
328
|
* Opens dialog votes
|
|
300
329
|
*/
|
|
@@ -307,7 +336,7 @@ export default function Reaction(inProps) {
|
|
|
307
336
|
const fetchVotes = useMemo(() => () => {
|
|
308
337
|
return http
|
|
309
338
|
.request({
|
|
310
|
-
url: state.next,
|
|
339
|
+
url: obj.type === state.feedObjectType ? state.next : Endpoints.VotesList.url({ type: obj.type, id: obj.id }),
|
|
311
340
|
method: Endpoints.VotesList.method
|
|
312
341
|
})
|
|
313
342
|
.then((res) => {
|
|
@@ -366,6 +395,7 @@ export default function Reaction(inProps) {
|
|
|
366
395
|
setObj(newObj);
|
|
367
396
|
handleReactions(obj.voted, reaction);
|
|
368
397
|
onVoteAction && onVoteAction(newObj);
|
|
398
|
+
handleMouseLeave();
|
|
369
399
|
})
|
|
370
400
|
.catch((error) => {
|
|
371
401
|
Logger.error(SCOPE_SC_UI, error);
|
|
@@ -401,7 +431,7 @@ export default function Reaction(inProps) {
|
|
|
401
431
|
scUserContext.user && obj.voted ? (React.createElement(Typography, { component: 'span' }, obj.vote_count === 1
|
|
402
432
|
? intl.formatMessage(messages.votedByOnlyMe)
|
|
403
433
|
: intl.formatMessage(messages.votedByMe, { total: obj.vote_count - 1 }))) : (React.createElement(Typography, { component: 'span' }, `${intl.formatMessage(messages.votes, { total: obj.vote_count })}`)))),
|
|
404
|
-
openVotesDialog && (React.createElement(BaseDialog, { title: React.createElement(Tabs, { value: tabIndex, onChange: handleChange, variant: "scrollable", scrollButtons: true, allowScrollButtonsMobile: true },
|
|
434
|
+
openVotesDialog && !state.triggered && (React.createElement(BaseDialog, { title: React.createElement(Tabs, { value: tabIndex, onChange: handleChange, variant: "scrollable", scrollButtons: true, allowScrollButtonsMobile: true },
|
|
405
435
|
React.createElement(Tab, { value: 'all', label: React.createElement(FormattedMessage, { defaultMessage: "ui.feedObject.votesDialog.reactionsEnabled.title", id: "ui.feedObject.votesDialog.reactionsEnabled.title" }) }),
|
|
406
436
|
reactionsList.map((r, index) => (React.createElement(Tab, { icon: React.createElement(Icon, null,
|
|
407
437
|
React.createElement("img", { alt: r.reaction.label, src: r.reaction.image, width: 20, height: 20 })), iconPosition: "start", label: r.count, key: index, value: r.reaction.label })))), onClose: handleToggleVotesDialog, open: openVotesDialog }, loadingVotes ? (React.createElement(CentralProgress, { size: 50 })) : (React.createElement(React.Fragment, null,
|
|
@@ -430,7 +460,7 @@ export default function Reaction(inProps) {
|
|
|
430
460
|
const { voting } = state;
|
|
431
461
|
return (React.createElement(React.Fragment, null, withAction && (React.createElement(React.Fragment, null,
|
|
432
462
|
!inlineAction && withAudience && React.createElement(Divider, { className: classes.divider }),
|
|
433
|
-
React.createElement(LoadingButton, { ref: popoverAnchor, onClick: () =>
|
|
463
|
+
React.createElement(LoadingButton, { ref: popoverAnchor, onClick: () => vote(obj.reaction && obj.voted ? obj.reaction : defaultReaction), onTouchStart: handleMouseEnter, onMouseEnter: handleMouseEnter, onMouseLeave: handleMouseLeave, onTouchMove: handleMouseLeave, loading: voting, disabled: !obj, color: "inherit", classes: { root: classNames(classes.actionButton, { [classes.inlineActionButton]: inlineAction }) } }, scUserContext.user && obj.voted && obj.reaction ? (React.createElement(Icon, { fontSize: 'large', className: classes.reactionIcon },
|
|
434
464
|
React.createElement("img", { alt: obj.reaction.label, src: obj.reaction.image, height: 16, width: 16 }))) : (React.createElement(Icon, { fontSize: 'large' }, "thumb_up_off_alt"))),
|
|
435
465
|
React.createElement(ReactionsPopover, { anchorEl: popoverAnchor.current, open: hovered, onOpen: handleMouseEnter, onClose: handleMouseLeave, reactions: reactions, onReactionSelection: handleReactionVote })))));
|
|
436
466
|
}
|