[Refactoring ⚙️] 팀원 데이터 변경

side-peek · Mar 11, 2024 · 9e0be21 · 9e0be21
1 parent 0d824f4
commit 9e0be21
Show file tree

Hide file tree

Showing 8 changed files with 403 additions and 78 deletions.
diff --git a/src/pages/ProjectDetailPage/components/Content/Explanation/Explanation.tsx b/src/pages/ProjectDetailPage/components/Content/Explanation/Explanation.tsx
@@ -17,8 +17,11 @@ interface ExplanationProps {
 
 const Explanation = ({ projects }: ExplanationProps) => {
   return (
-    <Center margin="0 auto">
+    <Center
+      margin="0 auto"
+      w="100%">
       <Tabs
+        w="100%"
         size="lg"
         variant="enclosed"
         fontFamily="SCDream_Bold">

diff --git a/src/pages/ProjectDetailPage/components/Content/Explanation/ExplanationItem.tsx b/src/pages/ProjectDetailPage/components/Content/Explanation/ExplanationItem.tsx
@@ -13,10 +13,11 @@ interface ExplanationItemProps {
 }
 
 const ExplanationItem = ({ content }: ExplanationItemProps) => {
+  const processedText = content.replace(/\\n/g, "\n")
   return (
     <Box data-color-mode="light">
       <MDEditor.Markdown
-        source={content}
+        source={processedText}
         style={{ ...ViewStyleParams }}
       />
     </Box>

diff --git a/src/pages/ProjectDetailPage/components/Content/MemberInfo/MemberCard/MemberCard.tsx b/src/pages/ProjectDetailPage/components/Content/MemberInfo/MemberCard/MemberCard.tsx
@@ -1,7 +1,7 @@
 import { Avatar, Flex, Text } from "@chakra-ui/react"
 
 interface MemberCardProps {
-  profileImageUrl: string
+  profileImageUrl: string | null
   nickname: string
 }
 
@@ -15,7 +15,7 @@ const MemberCard = ({ profileImageUrl, nickname }: MemberCardProps) => {
         direction="column"
         alignItems="center">
         <Avatar
-          src={profileImageUrl}
+          src={profileImageUrl ? profileImageUrl : undefined}
           width="6rem"
           height="6rem"
         />

diff --git a/src/pages/ProjectDetailPage/components/Content/MemberInfo/MemberList/MemberList.tsx b/src/pages/ProjectDetailPage/components/Content/MemberInfo/MemberList/MemberList.tsx
@@ -24,8 +24,8 @@ const MemberList = ({ category, members }: MemberListProps) => {
         alignItems="center">
         {members.map((member) => (
           <MemberCard
-            profileImageUrl={member.profileImageUrl}
-            nickname={member.nickname}
+            profileImageUrl={member.userSummary.profileImageUrl}
+            nickname={member.userSummary.nickname}
             key={member.id}
           />
         ))}