@selfcommunity/react-ui 0.7.9-alpha.4 → 0.7.9-alpha.6

package/lib/esm/components/GroupSubscribeButton/GroupSubscribeButton.js

@@ -1,5 +1,5 @@
 import { __rest } from "tslib";
-import React, { useEffect, useState } from 'react';
+import React, { useEffect, useMemo, useState } from 'react';
 import { styled } from '@mui/material/styles';
 import { CacheStrategies, Logger } from '@selfcommunity/utils';
 import { useSCContext, useSCFetchGroup, useSCUser } from '@selfcommunity/react-core';
@@ -41,6 +41,7 @@ const Root = styled(LoadingButton, {
  * @param inProps
  */
 export default function GroupSubscribeButton(inProps) {
+    var _a;
     // PROPS
     const props = useThemeProps({
         props: inProps,
@@ -60,6 +61,7 @@ export default function GroupSubscribeButton(inProps) {
         group,
         cacheStrategy: authUserId ? CacheStrategies.CACHE_FIRST : CacheStrategies.STALE_WHILE_REVALIDATE
     });
+    const canEdit = useMemo(() => { var _a; return scUserContext.user && ((_a = scGroup === null || scGroup === void 0 ? void 0 : scGroup.managed_by) === null || _a === void 0 ? void 0 : _a.id) === scUserContext.user.id; }, [scUserContext.user, (_a = scGroup === null || scGroup === void 0 ? void 0 : scGroup.managed_by) === null || _a === void 0 ? void 0 : _a.id]);
     useEffect(() => {
         /**
          * Call scGroupsManager.subscriptionStatus inside an effect
@@ -117,7 +119,7 @@ export default function GroupSubscribeButton(inProps) {
         }
         return _status;
     };
-    if (!scGroup || (scGroup && !scGroup.subscription_status)) {
+    if (!scGroup || (scGroup && !scGroup.subscription_status) || canEdit) {
         return null;
     }
     return (React.createElement(Root, Object.assign({ size: "small", variant: "outlined", onClick: handleSubscribeAction, loading: scUserContext.user ? scGroupsManager.isLoading(scGroup) : null, className: classNames(classes.root, className) }, rest), getStatus()));

package/lib/esm/components/Groups/Groups.js

@@ -171,7 +171,7 @@ export default function Groups(inProps) {
     const content = (React.createElement(React.Fragment, null, !state.count ? (React.createElement(Typography, { className: classes.noResults, variant: "body2" },
         React.createElement(FormattedMessage, { id: "ui.groupRequestsWidget.subtitle.noResults", defaultMessage: "" }))) : (React.createElement(React.Fragment, null,
         React.createElement(Grid, { container: true, spacing: { xs: 3 }, className: classes.groups }, state.results.slice(0, state.visibleItems).map((group) => (React.createElement(Grid, { item: true, xs: 12, sm: 8, md: 6, key: group.id, className: classes.item },
-            React.createElement(Group, Object.assign({ actions: React.createElement(React.Fragment, null), group: group, groupId: group.id, buttonProps: { onClick: () => console.log(group) } }, GroupProps)))))),
+            React.createElement(Group, Object.assign({ group: group, groupId: group.id }, GroupProps)))))),
         state.count > state.visibleItems && (React.createElement(Button, { className: classes.showMore, onClick: handleNext },
             React.createElement(FormattedMessage, { id: "ui.groupRequestsWidget.button.showMore", defaultMessage: "ui.groupRequestsWidget.button.showMore" })))))));
     return (React.createElement(Root, Object.assign({ className: classNames(classes.root, className) }, rest), content));