feat: 사이드바 그룹 리스트 및 프로파일 관련 api 작성

Author: gihwan-dev

src/apis/getAllGroupByUserIdApi.ts

@@ -0,0 +1,21 @@
+import supabase from '@/supabase';
+
+export const getAllGroupByUserIdFetch = async (userId: string) => {
+  const { data, error } = await supabase.from('group_user_ralations').select('*').eq('user_id', userId);
+  if (error) {
+    throw error;
+  }
+  const { data: groupData, error: groupError } = await supabase
+    .from('groups')
+    .select('*')
+    .in(
+      'id',
+      data.map((d) => d.group_id),
+    );
+
+  if (groupError) {
+    throw groupError;
+  }
+
+  return groupData;
+};

src/apis/getUserApi.ts

@@ -0,0 +1,17 @@
+import supabase from '@/supabase';
+
+export const getUserFetch = async () => {
+  const { data: session, error: sessionError } = await supabase.auth.getUser();
+
+  if (!session || sessionError) {
+    throw sessionError;
+  }
+
+  const { data, error } = await supabase.from('profiles').select('*').eq('id', session.user.id).single();
+
+  if (error) {
+    throw error;
+  }
+
+  return data;
+};

src/apis/groupScheduleApis.ts

@@ -10,6 +10,13 @@ interface addGroupShedule {
 }
 
 export const addGroupScheduleFetch = async ({ startDate, endDate, newMemberList, ...props }: addGroupShedule) => {
+  // 현재 로그인된 사용자를 가져온다.
+  const { data: user, error: userError } = await supabase.auth.getUser();
+
+  if (userError) {
+    throw userError;
+  }
+
   // 그룹을 생성한다.
   const { data: groupInfo, error: groupInfoError } = await supabase
     .from('groups')
@@ -27,12 +34,15 @@ export const addGroupScheduleFetch = async ({ startDate, endDate, newMemberList,
   }
 
   // 그룹에 멤버를 추가한다.
-  const { error: groupMemberError } = await supabase.from('group_user_ralations').insert(
-    newMemberList.map((member) => ({
-      group_id: groupInfo.id,
-      user_id: member.id,
-    })),
-  );
+  const newRelationSchema = newMemberList.map((member) => ({
+    group_id: groupInfo.id,
+    user_id: member.id,
+  }));
+  newRelationSchema.push({
+    group_id: groupInfo.id,
+    user_id: user.user.id,
+  });
+  const { error: groupMemberError } = await supabase.from('group_user_ralations').insert(newRelationSchema);
   if (groupMemberError) {
     throw groupMemberError;
   }

src/react-queries/queryKeys.ts

@@ -3,6 +3,7 @@ import { createQueryKeyStore } from '@lukemorales/query-key-factory';
 export const queries = createQueryKeyStore({
   auth: {
     isLogin: null,
+    profile: null,
   },
   session: {
     getSession: null,
@@ -19,5 +20,6 @@ export const queries = createQueryKeyStore({
     updateMember: null,
     getAllMember: (groupId: string) => [groupId],
     add: null,
+    getAllByUserId: (userId: string) => [userId],
   },
 });

src/react-queries/useGetAllGroupByUserId.ts

@@ -0,0 +1,9 @@
+import { useQuery } from '@tanstack/react-query';
+import { queries } from './queryKeys';
+import { getAllGroupByUserIdFetch } from '@/apis/getAllGroupByUserIdApi';
+
+export const useGetAllGroupByUserId = (userId: string) =>
+  useQuery({
+    queryKey: queries.group.getAllByUserId(userId).queryKey,
+    queryFn: () => getAllGroupByUserIdFetch(userId),
+  });

src/react-queries/userGetProfile.ts

@@ -0,0 +1,9 @@
+import { getUserFetch } from '@/apis/getUserApi';
+import { useQuery } from '@tanstack/react-query';
+import { queries } from './queryKeys';
+
+export const useGetProfile = () =>
+  useQuery({
+    queryKey: queries.auth.profile.queryKey,
+    queryFn: getUserFetch,
+  });