Refactor/#98: 피드 아이디어 카드에서 세부 스킬 대신 대표 스킬 노출 (#99)

* refactor: IdeaCard에 대해 세부 스킬에서 대표스킬로 API 변경 사항 대응

* refactor: 회원 탈퇴 문구 보완

src/pages/Feed/components/NewIdeaCardListSection/NewIdeaCardListSection.tsx

@@ -39,7 +39,7 @@ const CardList = () => {
         const profile = {
           profileImageUrl: idea.memberResponse.profileImageUrl,
           nickname: idea.memberResponse.nickname,
-          skills: idea.memberResponse.skills,
+          mainSkill: idea.memberResponse.mainSkill,
           isBookmarked: idea.isBookmarked,
           createdAt: idea.createdAt,
         };

src/pages/Feed/hooks/queries/useBestIdeasQuery.ts

@@ -1,4 +1,4 @@
-import { useSuspenseInfiniteQuery, useSuspenseQuery } from '@tanstack/react-query';
+import { useSuspenseInfiniteQuery } from '@tanstack/react-query';
 
 import { http } from '../../../../api/http';
 import { BestIdea } from '../../types';

src/pages/Feed/types/index.ts

@@ -9,7 +9,7 @@ type MemberResponse = {
   id: number;
   profileImageUrl: string;
   nickname: string;
-  skills: string[];
+  mainSkill: string;
 };
 
 export type Idea = {

src/pages/Profile/More.page.tsx

@@ -38,7 +38,7 @@ const More = () => {
   };
 
   const handleDeleteAccount = async () => {
-    const isDelete = await openConfirm({ content: '정말 탈퇴하시겠습니까?' });
+    const isDelete = await openConfirm({ content: '정말 탈퇴하시겠습니까? 회원 정보가 즉시 삭제됩니다.' });
     if (!isDelete) return;
 
     deleteAccount();

src/pages/Profile/components/MyProfile/BookmarkSection.tsx

@@ -36,11 +36,10 @@ const BookmarkSection = () => {
         const profile = {
           profileImageUrl: idea.memberResponse.profileImageUrl,
           nickname: idea.memberResponse.nickname,
-          skills: idea.memberResponse.skills,
+          mainSkill: idea.memberResponse.mainSkill,
           isBookmarked: idea.isBookmarked,
           createdAt: idea.createdAt,
         };
-
         const content = {
           canEdit: isMine,
           branches: idea.branches,

src/pages/Profile/types/index.ts

@@ -32,7 +32,7 @@ export interface MemberResponse {
   id: number;
   profileImageUrl: string;
   nickname: string;
-  skills: string[];
+  mainSkill: string;
 }
 export interface BookmarkedIdea {
   id: number;

src/pages/WriteEdit/hooks/mutations/usePutIdea.ts

@@ -4,9 +4,9 @@ import { useNavigate } from 'react-router-dom';
 
 import { http } from '../../../../api/http';
 
-import type { PutIdeaRequest } from '../../types';
+import type { PutIdeasRequest } from '../../types';
 
-const _putIdea = ({ ideaId, idea }: { ideaId: number; idea: PutIdeaRequest }) => {
+const _putIdea = ({ ideaId, idea }: { ideaId: number; idea: PutIdeasRequest }) => {
   return http.put(`/ideas/${ideaId}`, idea);
 };
 

src/pages/WriteEdit/types/index.ts

@@ -1,5 +1,5 @@
 // 글쓰기 요청 body 타입
-export type PostIdeasRequest = {
+export type PutIdeasRequest = {
   title: string; // 제목
   introduce: string; // 소개
   branchIds: number[]; // 분야

src/pages/components/NewIdeaCard/NewIdeaCardContext.ts

@@ -5,7 +5,7 @@ export interface NewIdeaCardContextType {
   profile?: {
     profileImageUrl: string;
     nickname: string;
-    skills: string[];
+    mainSkill: string;
     isBookmarked: boolean;
     createdAt: string;
   };

src/pages/components/NewIdeaCard/compound/Profile/Profile.tsx

@@ -10,7 +10,7 @@ import {
   Text,
   TextDivider,
 } from 'concept-be-design-system';
-import { Fragment, MouseEventHandler } from 'react';
+import { MouseEventHandler } from 'react';
 
 import { useDeleteBookmarkIdea } from '../../../../Feed/hooks/mutations/useDeleteBookmarkIdea';
 import { usePostBookmarkIdea } from '../../../../Feed/hooks/mutations/usePostBookmarkIdea';
@@ -23,7 +23,7 @@ type Props = {
 
 const Profile = ({ onClickProfile }: Props) => {
   const id = useIdeaIdContext();
-  const { profileImageUrl, nickname, skills, isBookmarked, createdAt } = useProfileContext();
+  const { profileImageUrl, nickname, mainSkill, isBookmarked, createdAt } = useProfileContext();
   const { postBookmarkIdea } = usePostBookmarkIdea();
   const { deleteBookmarkIdea } = useDeleteBookmarkIdea();
 
@@ -56,14 +56,12 @@ const Profile = ({ onClickProfile }: Props) => {
           <Spacer size={7} />
 
           <Flex maxWidth={200} wrap="wrap" alignItems="center" gap={4}>
-            {skills.map((skill) => (
-              <Fragment key={skill}>
-                <FixedSizeText font="suit12r" color="b9">
-                  {skill}
-                </FixedSizeText>
-                <TextDivider left={2} right={2} color="l2" />
-              </Fragment>
-            ))}
+            <FixedSizeText font="suit12r" color="b9">
+              {mainSkill}
+            </FixedSizeText>
+
+            <TextDivider left={2} right={2} color="l2" />
+
             <Text font="suit12r" color="b9">
               {formatCommentDate(createdAt)}
             </Text>