Feat : relpace estimate login logic #164

src/components/Modal/Invitation/Invitation.tsx

@@ -4,6 +4,8 @@ import {useRecoilState} from 'recoil';
 
 import styles from './Invitation.module.scss';
 
+import {useGetMyInfo} from '@/hooks/User/useUser';
+
 import {postJoin} from '@/api/invite';
 import {isFullMember} from '@/recoil/fullmember/fullmember';
 import {parseInviteCode} from '@/utils/parseInviteCode';
@@ -12,9 +14,10 @@ import FullMembers from '../FullMembers/FullMembers';
 
 import {InvitationProps} from '@/types/Invitation';
 
-function Invitation({inviteCode, isLogin, modal}: InvitationProps) {
+function Invitation({inviteCode, modal}: InvitationProps) {
   const [isFull, setIsFull] = useRecoilState(isFullMember);
   const [, , removeCookie] = useCookies(['join_space_token']);
+  const {data} = useGetMyInfo(true);
   const navigate = useNavigate();
   const parsedInviteCode = parseInviteCode(inviteCode);
 
@@ -68,7 +71,7 @@ function Invitation({inviteCode, isLogin, modal}: InvitationProps) {
             </div>
           </div>
         </>
-      ) : isLogin ? (
+      ) : data?.status === 200 ? (
         <div className={styles.background} onClick={handleBackgroundClick}>
           <div className={styles.container} onClick={handleModalClick}>
             <div className={styles.wrapperText}>
@@ -128,5 +131,3 @@ function Invitation({inviteCode, isLogin, modal}: InvitationProps) {
 }
 
 export default Invitation;
-
-///////////status :400, SPACE_MAX_COUNT_OVER, 여행스페이스 생성 최대 개수를 초과하셨습니다.

src/pages/Home/Home.tsx

@@ -16,7 +16,7 @@ import Invitation from '@/components/Modal/Invitation/Invitation';
 
 function Home() {
   const [onboarding, setOnboarding] = useState(true);
-  const [cookies] = useCookies(['join_space_token', 'isLogin']);
+  const [cookies] = useCookies(['join_space_token']);
   const [modal, setModal] = useState(false);
 
   useEffect(() => {
@@ -67,7 +67,7 @@ function Home() {
         </div>
       </div>
       {!onboarding && <Onboarding set={setOnboarding} />}
-      {modal && <Invitation inviteCode={cookies.join_space_token} isLogin={cookies.isLogin} modal={setModal} />}
+      {modal && <Invitation inviteCode={cookies.join_space_token} modal={setModal} />}
     </div>
   );
 }

src/types/Invitation.ts

@@ -1,6 +1,5 @@
 export type InvitationProps = {
   inviteCode: string;
-  isLogin?: string;
   modal: React.Dispatch<React.SetStateAction<boolean>>;
 };