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

Add useListStream hook

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

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

@ -193,9 +193,6 @@ const connectTimelineStream = (
const connectHashtagStream = (id: string, tag: string, accept: (status: APIEntity) => boolean) =>
connectTimelineStream(`hashtag:${id}`, `hashtag&tag=${tag}`, null, accept);
const connectListStream = (id: string) =>
connectTimelineStream(`list:${id}`, `list&list=${id}`);
const connectGroupStream = (id: string) =>
connectTimelineStream(`group:${id}`, `group&group=${id}`);
@ -204,7 +201,6 @@ export {
STREAMING_FOLLOW_RELATIONSHIPS_UPDATE,
connectTimelineStream,
connectHashtagStream,
connectListStream,
connectGroupStream,
type TimelineStreamOpts,
};

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

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

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

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

10
app/soapbox/features/list-timeline/index.tsx
View file

@ -4,8 +4,8 @@ import { useParams } from 'react-router-dom';
import { fetchList } from 'soapbox/actions/lists';
import { openModal } from 'soapbox/actions/modals';
import { connectListStream } from 'soapbox/actions/streaming';
import { expandListTimeline } from 'soapbox/actions/timelines';
import { useListStream } from 'soapbox/api/hooks';
import MissingIndicator from 'soapbox/components/missing-indicator';
import { Column, Button, Spinner } from 'soapbox/components/ui';
import { useAppDispatch, useAppSelector } from 'soapbox/hooks';
@ -19,15 +19,11 @@ const ListTimeline: React.FC = () => {
const list = useAppSelector((state) => state.lists.get(id));
const next = useAppSelector(state => state.timelines.get(`list:${id}`)?.next);
useListStream(id);
useEffect(() => {
dispatch(fetchList(id));
dispatch(expandListTimeline(id));
const disconnect = dispatch(connectListStream(id));
return () => {
disconnect();
};
}, [id]);
const handleLoadMore = (maxId: string) => {