fix: userNames 렌더링 방식 변경

ASAP-as-soon-as-possible · Jun 23, 2024 · 59d24bc · 59d24bc
1 parent 15c7966
commit 59d24bc
Show file tree

Hide file tree

Showing 2 changed files with 8 additions and 13 deletions.
diff --git a/src/pages/OverallSchedule/components/Title.tsx b/src/pages/OverallSchedule/components/Title.tsx
@@ -22,13 +22,11 @@ function Title({ memberCount, totalUserNames }: TitleProps) {
         </Text>
       </TextOneLine>
       <TotalUserNames>
-        {totalUserNames &&
-          totalUserNames.map((name, idx) => (
-            <Text key={idx + name} font={'body4'} color={`${theme.colors.grey5}`}>
-              {name}
-              {idx !== totalUserNames.length - 1 ? ',' : ''}&nbsp;
-            </Text>
-          ))}
+        {totalUserNames && (
+          <Text font={'body4'} color={`${theme.colors.grey5}`}>
+            {totalUserNames.join(',')}
+          </Text>
+        )}
       </TotalUserNames>
     </>
   );

diff --git a/src/pages/OverallSchedule/components/UserNames.tsx b/src/pages/OverallSchedule/components/UserNames.tsx
@@ -19,12 +19,9 @@ function UserNames() {
           </Text>
         </Texts>
       ) : (
-        clickedUserNames.map((name, idx) => (
-          <Text key={idx + name} font={'body2'} color={`${theme.colors.grey2}`}>
-            {name}
-            {idx !== clickedUserNames.length - 1 ? ',' : ''}&nbsp;
-          </Text>
-        ))
+        <Text font={'body2'} color={theme.colors.grey2}>
+          {clickedUserNames.join(', ')}
+        </Text>
       )}
     </UserNamesWrapper>
   );