create useSWRxUserGroupRelations

packages/app/src/components/Admin/UserGroupDetail/UserGroupDetailPage.tsx

@@ -17,7 +17,7 @@ import { IPageHasId } from '~/interfaces/page';
 import {
   IUserGroup, IUserGroupHasId, IUserGroupRelation,
 } from '~/interfaces/user';
-import { useSWRxUserGroupPages, useSWRxUserGroupRelationList } from '~/stores/user-group';
+import { useSWRxUserGroupPages, useSWRxUserGroupRelations } from '~/stores/user-group';
 
 
 const UserGroupDetailPage: FC = () => {
@@ -44,7 +44,7 @@ const UserGroupDetailPage: FC = () => {
    * Fetch
    */
   const { data: userGroupPages, mutate: mutateUserGroupPages } = useSWRxUserGroupPages(userGroup._id, 10, 0);
-  const { data: userGroupRelations, mutate: mutateUserGroupRelations } = useSWRxUserGroupRelationList([userGroup._id]);
+  const { data: userGroupRelations, mutate: mutateUserGroupRelations } = useSWRxUserGroupRelations(userGroup._id);
 
   /*
    * Function

packages/app/src/stores/user-group.tsx

@@ -34,6 +34,13 @@ export const useSWRxChildUserGroupList = (
   );
 };
 
+export const useSWRxUserGroupRelations = (groupId: string) => {
+  return useSWRImmutable(
+    groupId != null ? [`user-groups/${groupId}/user-group-relations`] : null,
+    endpoint => apiv3Get(endpoint).then(result => result.data),
+  );
+};
+
 export const useSWRxUserGroupRelationList = (
     groupIds: string[] | undefined, childGroupIds?: string[], initialData?: IUserGroupRelationHasId[],
 ): SWRResponse<IUserGroupRelationHasId[], Error> => {