feat: 그룹 일정 생성 기능 구현중

Author: Rose4tune

src/apis/groupScheduleApis.ts

@@ -1,5 +1,23 @@
 import supabase from '@/supabase';
 import { Member } from '@/types/Member';
+interface addGroupShedule {
+  title: string;
+  description: string;
+  startDate: string;
+  endDate: string;
+  memo: string;
+  newMemberList: any[];
+}
+
+export const addGroupSchedule = async ({ startDate, endDate, ...props }: addGroupShedule) => {
+  const { error } = await supabase
+    .from('group_schedules')
+    .insert({ ...props, start_date: startDate, end_date: endDate });
+
+  if (error) {
+    throw error;
+  }
+};
 
 export const getOneGroupSchedule = async (scheduleId: string) => {
   const { data, error } = await supabase.from('group_schedules').select('*').eq('id', +scheduleId);

src/pages/AddGroupSchedulePage.tsx

@@ -1,11 +1,21 @@
+import { addGroupSchedule } from '@/apis/groupScheduleApis';
 import GroupForm from '@/components/Group/GroupForm';
 import AppBar from '@/components/common/AppBar';
+import { Member } from '@/types/Member';
 
 const AddGroupPage = () => {
-  const handleSubmit: React.FormEventHandler<HTMLFormElement> = (e) => {
+  const handleSubmit = (e: React.FormEvent<HTMLFormElement>, userList: Member[]) => {
     e.preventDefault();
     const formData = new FormData(e.currentTarget);
-    console.log(formData.get('name'));
+    const addSchedule = {
+      title: formData.get('name') as string,
+      description: formData.get('description') as string,
+      startDate: formData.get('startDate') as string,
+      endDate: formData.get('endDate') as string,
+      memo: formData.get('memo') as string,
+      newMemberList: userList,
+    };
+    addGroupSchedule(addSchedule);
   };
 
   return (