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

Combine group hooks into one useGroups file

Browse source
This commit is contained in:
Alex Gleason 2023-03-09 11:23:14 -06:00
parent 4c6d13e4ef
commit 8923e7b5d0
No known key found for this signature in database
GPG key ID: 7211D1F99744FBB7
3 changed files with 21 additions and 28 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

3
app/soapbox/hooks/index.ts
View file

@ -5,8 +5,7 @@ export { useAppSelector } from './useAppSelector';
export { useClickOutside } from './useClickOutside';
export { useCompose } from './useCompose';
export { useDebounce } from './useDebounce';
export { useGroup } from './useGroup';
export { useGroups } from './useGroups';
export { useGroup, useGroups } from './useGroups';
export { useGroupsPath } from './useGroupsPath';
export { useDimensions } from './useDimensions';
export { useFeatures } from './useFeatures';

24
app/soapbox/hooks/useGroup.ts
View file

@ -1,24 +0,0 @@
import { useEffect } from 'react';
import { useEntity } from 'soapbox/entity-store/hooks';
import { normalizeGroup } from 'soapbox/normalizers';
import type { Group } from 'soapbox/types/entities';
function useGroup(groupId: string) {
const result = useEntity<Group>(['Group', groupId], `/api/v1/groups/${groupId}`);
const { entity, isLoading, fetchEntity } = result;
useEffect(() => {
if (!isLoading) {
fetchEntity();
}
}, []);
return {
...result,
group: entity ? normalizeGroup(entity) : undefined,
};
}
export { useGroup };

22
app/soapbox/hooks/useGroups.ts
View file

@ -1,6 +1,6 @@
import { useEffect } from 'react';
import { useEntities } from 'soapbox/entity-store/hooks';
import { useEntities, useEntity } from 'soapbox/entity-store/hooks';
import { normalizeGroup } from 'soapbox/normalizers';
import type { Group } from 'soapbox/types/entities';
@ -9,6 +9,8 @@ function useGroups() {
const result = useEntities<Group>(['Group', ''], '/api/v1/groups');
const { entities, isLoading, fetchEntities } = result;
// Note: we have to fetch them in the hook right now because I haven't implemented
// max-age or cache expiry in the entity store yet. It's planned.
useEffect(() => {
if (!isLoading) {
fetchEntities();
@ -21,4 +23,20 @@ function useGroups() {
};
}
export { useGroups };
function useGroup(groupId: string) {
const result = useEntity<Group>(['Group', groupId], `/api/v1/groups/${groupId}`);
const { entity, isLoading, fetchEntity } = result;
useEffect(() => {
if (!isLoading) {
fetchEntity();
}
}, []);
return {
...result,
group: entity ? normalizeGroup(entity) : undefined,
};
}
export { useGroup, useGroups };