fix: user intvit 기능 member 변수 받는 위치 GroupForm으로 변경

Author: Rose4tune

src/components/GroupForm/GroupForm.tsx

@@ -1,4 +1,4 @@
-import { FC } from 'react';
+import { FC, useState } from 'react';
 import GroupFormNameInput from './GroupFormNameInput';
 import GroupFormDescriptionInput from './GroupFormDescriptionInput';
 import GroupFormDateInput from './GroupFormDateInput';
@@ -22,13 +22,15 @@ const GroupForm: FC<Props> = ({
   memo = '',
   onSubmit,
 }) => {
+  const [member, setMember] = useState<any[]>([]);
+
   return (
     <form onSubmit={onSubmit} className="container mx-auto flex max-w-sm flex-1 flex-col gap-4 pb-[50px] pt-4">
       <div className="flex h-full w-full flex-1 flex-col gap-4">
         <GroupFormNameInput name={name} />
         <GroupFormDescriptionInput description={description} />
         <GroupFormDateInput startDate={startDate} endDate={endDate} />
-        <UserInvite />
+        <UserInvite member={member} setMember={setMember} />
         <GroupFormMemoInput memo={memo} />
       </div>
       <button type="submit" className="btn btn-outline btn-primary w-full">

src/components/common/UserInvite.tsx

@@ -6,10 +6,14 @@ import UserInviteDialog from '@/components/common/UserInviteDialog';
 import UserInvited from './UserInvited';
 import UserInviteList from './UserInviteList.tsx';
 
-const UserInvite: FC = () => {
+interface Props {
+  member: any;
+  setMember: any;
+}
+
+const UserInvite: FC<Props> = ({ member, setMember }) => {
   const [email, setEamil] = useState('');
   const [list, setList] = useState<any[]>([]);
-  const [member, setMember] = useState<any[]>([]);
 
   const onChange = (event: React.ChangeEvent<HTMLInputElement>) => {
     setEamil(event.target.value);
@@ -34,8 +38,6 @@ const UserInvite: FC = () => {
           />,
         ]);
       });
-
-      console.log(member);
     });
   };