Refactor 'usePendingGroups' into new api hooks

app/soapbox/api/hooks/groups/usePendingGroups.ts

@@ -0,0 +1,30 @@
+import { Entities } from 'soapbox/entity-store/entities';
+import { useEntities } from 'soapbox/entity-store/hooks';
+import { useApi, useFeatures, useOwnAccount } from 'soapbox/hooks';
+import { Group, groupSchema } from 'soapbox/schemas';
+
+function usePendingGroups() {
+  const api = useApi();
+  const { account } = useOwnAccount();
+  const features = useFeatures();
+
+  const { entities, ...result } = useEntities<Group>(
+    [Entities.GROUPS, account?.id as string, 'pending'],
+    () => api.get('/api/v1/groups', {
+      params: {
+        pending: true,
+      },
+    }),
+    {
+      schema: groupSchema,
+      enabled: !!account && features.groupsPending,
+    },
+  );
+
+  return {
+    ...result,
+    groups: entities,
+  };
+}
+
+export { usePendingGroups };

app/soapbox/api/hooks/index.ts

@@ -35,6 +35,7 @@ export { useGroupsFromTag } from './groups/useGroupsFromTag';
 export { useJoinGroup } from './groups/useJoinGroup';
 export { useMuteGroup } from './groups/useMuteGroup';
 export { useLeaveGroup } from './groups/useLeaveGroup';
+export { usePendingGroups } from './groups/usePendingGroups';
 export { usePopularGroups } from './groups/usePopularGroups';
 export { usePopularTags } from './groups/usePopularTags';
 export { usePromoteGroupMember } from './groups/usePromoteGroupMember';