bigbuffet/bigbuffet-rw
2
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Add useGroupStream hook

Browse source
This commit is contained in:
Alex Gleason 2023-07-22 14:06:15 -05:00
parent 811a9af670
commit 4a4a2d1a87
No known key found for this signature in database
GPG key ID: 7211D1F99744FBB7
4 changed files with 14 additions and 12 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

4
app/soapbox/actions/streaming.ts
View file

@ -193,14 +193,10 @@ const connectTimelineStream = (
const connectHashtagStream = (id: string, tag: string, accept: (status: APIEntity) => boolean) =>
connectTimelineStream(`hashtag:${id}`, `hashtag&tag=${tag}`, null, accept);
const connectGroupStream = (id: string) =>
connectTimelineStream(`group:${id}`, `group&group=${id}`);
export {
STREAMING_CHAT_UPDATE,
STREAMING_FOLLOW_RELATIONSHIPS_UPDATE,
connectTimelineStream,
connectHashtagStream,
connectGroupStream,
type TimelineStreamOpts,
};

1
app/soapbox/api/hooks/index.ts
View file

@ -50,5 +50,6 @@ export { useCommunityStream } from './streaming/useCommunityStream';
export { usePublicStream } from './streaming/usePublicStream';
export { useDirectStream } from './streaming/useDirectStream';
export { useListStream } from './streaming/useListStream';
export { useGroupStream } from './streaming/useGroupStream';
export { useRemoteStream } from './streaming/useRemoteStream';
export { useNostrStream } from './streaming/useNostrStream';

10
app/soapbox/api/hooks/streaming/useGroupStream.ts Normal file
View file

@ -0,0 +1,10 @@
import { useTimelineStream } from './useTimelineStream';
function useGroupStream(groupId: string) {
return useTimelineStream(
`group:${groupId}`,
`group&group=${groupId}`,
);
}
export { useGroupStream };

11
app/soapbox/features/group/group-timeline.tsx
View file

@ -4,9 +4,8 @@ import { FormattedMessage, useIntl } from 'react-intl';
import { Link } from 'react-router-dom';
import { groupCompose, setGroupTimelineVisible, uploadCompose } from 'soapbox/actions/compose';
import { connectGroupStream } from 'soapbox/actions/streaming';
import { expandGroupFeaturedTimeline, expandGroupTimeline } from 'soapbox/actions/timelines';
import { useGroup } from 'soapbox/api/hooks';
import { useGroup, useGroupStream } from 'soapbox/api/hooks';
import { Avatar, HStack, Icon, Stack, Text, Toggle } from 'soapbox/components/ui';
import ComposeForm from 'soapbox/features/compose/components/compose-form';
import { useAppDispatch, useAppSelector, useDraggedFiles, useOwnAccount } from 'soapbox/hooks';
@ -49,16 +48,12 @@ const GroupTimeline: React.FC<IGroupTimeline> = (props) => {
dispatch(setGroupTimelineVisible(composeId, !groupTimelineVisible));
};
useGroupStream(groupId);
useEffect(() => {
dispatch(expandGroupTimeline(groupId));
dispatch(expandGroupFeaturedTimeline(groupId));
dispatch(groupCompose(composeId, groupId));
const disconnect = dispatch(connectGroupStream(groupId));
return () => {
disconnect();
};
}, [groupId]);
if (!group) {