Merge pull request #225 from MeeTeamNumdle/feature/#220_fix_2nd_user_…

…test_bug

fix: 프로필 편집 페이지 UT 2차 이슈 해결

global.d.ts

@@ -0,0 +1,7 @@
+import React from 'react';
+
+declare module 'react' {
+	interface ImgHTMLAttributes<T> extends HTMLAttributes<T> {
+		fetchpriority?: 'high' | 'low' | 'auto';
+	}
+}

src/assets/index.ts

@@ -56,7 +56,7 @@ import DropdownArrowUp from './DropdownArrowUp.svg';
 import FloatingBackground from './FloatingBackground.svg';
 import Alert from './Alert.svg';
 import MeeteamLogoLarge from './MeeteamLogoLarge.svg';
-import Congratulation from './Congratulation.svg';
+import Congratulation from './Congratulation.png';
 import NaverIcon from './NaverIcon.png';
 import Clip from './Clip.svg';
 import Valid from './Valid.svg';

src/components/carousel/ImageCarousel.tsx

@@ -41,7 +41,7 @@ const ImageCarousel = ({ images }: { images: Image[] }) => {
 			<S.ImageCarouselContainer className='embla__container'>
 				{images.map(({ fileName, url }, index) => (
 					<S.ImageWrapper className='embla__slide' key={index}>
-						<S.Image src={url} alt={fileName} />
+						<S.Image src={url} alt={fileName} fetchpriority={index === 0 ? 'high' : 'low'} />
 					</S.ImageWrapper>
 				))}
 			</S.ImageCarouselContainer>

src/pages/account/complete/Complete#Page.tsx

@@ -26,7 +26,7 @@ const Complete#Page = () => {
 			<header className='account__header'>
 				<h1>밋팀에서 팀을 만날 수 있어요!</h1>
 			</header>
-			<img src={Congratulation} alt='회원가입을 축하합니다!' />
+			<img src={Congratulation} alt='회원가입을 축하합니다!' fetchpriority='high' />
 			<div>
 				<PrimaryBtn title='확인' type='button' handleClick={() => handleClick()} />
 			</div>

src/pages/portfolio/edit/PortfolioEditPage.tsx

@@ -77,7 +77,7 @@ const PortfolioEditPage = () => {
 				keepErrors: true,
 			},
 		});
-	const { isSubmitting } = formState;
+	const { isSubmitting, isSubmitSuccessful } = formState;
 
 	const createPortfolioInSuccess = (newPortfolioId: string) => {
 		navigate(`/portfolio/${newPortfolioId}`);
@@ -516,7 +516,11 @@ const PortfolioEditPage = () => {
 
 						<S.PortfolioEditButtonBox>
 							<DefaultBtn type='button' title='취소' handleClick={() => navigate(-1)} />
-							<PrimaryBtn type='submit' title='등록' disabled={isSubmitting} />
+							<PrimaryBtn
+								type='submit'
+								title='등록'
+								disabled={isSubmitting || isSubmitSuccessful}
+							/>
 						</S.PortfolioEditButtonBox>
 					</S.PortfolioEditColumn>
 				</S.PortfolioEditLayout>

src/pages/profile/details/ProfileDetailsPage.tsx

@@ -1,4 +1,4 @@
-import React, { useEffect } from 'react';
+import React from 'react';
 import S from '../Profile.styled';
 import {
 	DefaultBtn,
@@ -9,7 +9,7 @@ import {
 } from '../../../components';
 import { useReadProfile } from '../../../hooks';
 import { useParams, useNavigate } from 'react-router';
-import { useRecoilState } from 'recoil';
+import { useRecoilValue } from 'recoil';
 import { userState } from '../../../atom';
 import { BlackEmail, BlackPhone } from '../../../assets';
 
@@ -22,17 +22,11 @@ const MESSAGE = {
 };
 
 const ProfileDetailsPage = () => {
-	const [userInfo, setUserState] = useRecoilState(userState);
+	const userInfo = useRecoilValue(userState);
 
 	const { userId } = useParams() as { userId: string };
 	const { data: user, isSuccess } = useReadProfile(userId);
 
-	useEffect(() => {
-		if (isSuccess) {
-			userInfo?.userId === userId && setUserState({ ...user, userId }); // 본인인지 아닌지 확인 로직 필요
-		}
-	}, [isSuccess]);
-
 	const navigate = useNavigate();
 
 	const isDefaultEmailPublic = user?.universityEmail?.isDefault

src/pages/profile/edit/ProfileEditPage.tsx

@@ -160,7 +160,7 @@ const ProfileEditPage = () => {
 				keepErrors: true,
 			},
 		});
-	const { isSubmitting } = formState;
+	const { isSubmitting, isSubmitSuccessful } = formState;
 
 	// 닉네임
 	const nickname = useDebounce(watch('nickname') as string);
@@ -659,9 +659,11 @@ const ProfileEditPage = () => {
 						handleClick={() => navigate(`/profile/${userId}`)}
 					/>
 					<PrimaryBtn
-						type='button'
+						type='submit'
 						title='저장'
-						disabled={getFieldState('nickname').invalid || duplicated || isSubmitting}
+						disabled={
+							getFieldState('nickname').invalid || duplicated || isSubmitting || isSubmitSuccessful
+						}
 					/>
 				</S.ProfileButtonBox>
 			</S.ProfileLayout>