Update some more groups stuff to use entities
This commit is contained in:
parent
1518e88904
commit
c51870af6e
2 changed files with 10 additions and 14 deletions
|
@ -1,12 +1,12 @@
|
||||||
import React, { useCallback, useEffect } from 'react';
|
import React, { useCallback, useEffect } from 'react';
|
||||||
import { FormattedMessage, defineMessages, useIntl } from 'react-intl';
|
import { FormattedMessage, defineMessages, useIntl } from 'react-intl';
|
||||||
|
|
||||||
import { fetchGroup, fetchGroupBlocks, groupUnblock } from 'soapbox/actions/groups';
|
import { fetchGroupBlocks, groupUnblock } from 'soapbox/actions/groups';
|
||||||
import Account from 'soapbox/components/account';
|
import Account from 'soapbox/components/account';
|
||||||
import ScrollableList from 'soapbox/components/scrollable-list';
|
import ScrollableList from 'soapbox/components/scrollable-list';
|
||||||
import { Button, Column, HStack, Spinner } from 'soapbox/components/ui';
|
import { Button, Column, HStack, Spinner } from 'soapbox/components/ui';
|
||||||
import { useAppDispatch, useAppSelector } from 'soapbox/hooks';
|
import { useAppDispatch, useAppSelector, useGroup } from 'soapbox/hooks';
|
||||||
import { makeGetAccount, makeGetGroup } from 'soapbox/selectors';
|
import { makeGetAccount } from 'soapbox/selectors';
|
||||||
import toast from 'soapbox/toast';
|
import toast from 'soapbox/toast';
|
||||||
|
|
||||||
import ColumnForbidden from '../ui/components/column-forbidden';
|
import ColumnForbidden from '../ui/components/column-forbidden';
|
||||||
|
@ -62,14 +62,12 @@ const GroupBlockedMembers: React.FC<IGroupBlockedMembers> = ({ params }) => {
|
||||||
const intl = useIntl();
|
const intl = useIntl();
|
||||||
const dispatch = useAppDispatch();
|
const dispatch = useAppDispatch();
|
||||||
|
|
||||||
const id = params?.id || '';
|
const id = params?.id;
|
||||||
|
|
||||||
const getGroup = useCallback(makeGetGroup(), []);
|
const { group } = useGroup(id);
|
||||||
const group = useAppSelector(state => getGroup(state, id));
|
|
||||||
const accountIds = useAppSelector((state) => state.user_lists.group_blocks.get(id)?.items);
|
const accountIds = useAppSelector((state) => state.user_lists.group_blocks.get(id)?.items);
|
||||||
|
|
||||||
useEffect(() => {
|
useEffect(() => {
|
||||||
if (!group) dispatch(fetchGroup(id));
|
|
||||||
dispatch(fetchGroupBlocks(id));
|
dispatch(fetchGroupBlocks(id));
|
||||||
}, [id]);
|
}, [id]);
|
||||||
|
|
||||||
|
|
|
@ -1,12 +1,12 @@
|
||||||
import React, { useCallback, useEffect } from 'react';
|
import React, { useCallback, useEffect } from 'react';
|
||||||
import { FormattedMessage, defineMessages, useIntl } from 'react-intl';
|
import { FormattedMessage, defineMessages, useIntl } from 'react-intl';
|
||||||
|
|
||||||
import { authorizeGroupMembershipRequest, fetchGroup, fetchGroupMembershipRequests, rejectGroupMembershipRequest } from 'soapbox/actions/groups';
|
import { authorizeGroupMembershipRequest, fetchGroupMembershipRequests, rejectGroupMembershipRequest } from 'soapbox/actions/groups';
|
||||||
import Account from 'soapbox/components/account';
|
import Account from 'soapbox/components/account';
|
||||||
import ScrollableList from 'soapbox/components/scrollable-list';
|
import ScrollableList from 'soapbox/components/scrollable-list';
|
||||||
import { Button, Column, HStack, Spinner } from 'soapbox/components/ui';
|
import { Button, Column, HStack, Spinner } from 'soapbox/components/ui';
|
||||||
import { useAppDispatch, useAppSelector } from 'soapbox/hooks';
|
import { useAppDispatch, useAppSelector, useGroup } from 'soapbox/hooks';
|
||||||
import { makeGetAccount, makeGetGroup } from 'soapbox/selectors';
|
import { makeGetAccount } from 'soapbox/selectors';
|
||||||
import toast from 'soapbox/toast';
|
import toast from 'soapbox/toast';
|
||||||
|
|
||||||
import ColumnForbidden from '../ui/components/column-forbidden';
|
import ColumnForbidden from '../ui/components/column-forbidden';
|
||||||
|
@ -77,14 +77,12 @@ const GroupMembershipRequests: React.FC<IGroupMembershipRequests> = ({ params })
|
||||||
const intl = useIntl();
|
const intl = useIntl();
|
||||||
const dispatch = useAppDispatch();
|
const dispatch = useAppDispatch();
|
||||||
|
|
||||||
const id = params?.id || '';
|
const id = params?.id;
|
||||||
|
|
||||||
const getGroup = useCallback(makeGetGroup(), []);
|
const { group } = useGroup(id);
|
||||||
const group = useAppSelector(state => getGroup(state, id));
|
|
||||||
const accountIds = useAppSelector((state) => state.user_lists.membership_requests.get(id)?.items);
|
const accountIds = useAppSelector((state) => state.user_lists.membership_requests.get(id)?.items);
|
||||||
|
|
||||||
useEffect(() => {
|
useEffect(() => {
|
||||||
if (!group) dispatch(fetchGroup(id));
|
|
||||||
dispatch(fetchGroupMembershipRequests(id));
|
dispatch(fetchGroupMembershipRequests(id));
|
||||||
}, [id]);
|
}, [id]);
|
||||||
|
|
||||||
|
|
Loading…
Reference in a new issue