feat: 아코디언 컴포넌트 기본 상태값 변경

dnd-side-project · Dec 8, 2024 · dc7eb39 · dc7eb39
1 parent fd93af1
commit dc7eb39
Show file tree

Hide file tree

Showing 2 changed files with 26 additions and 49 deletions.
diff --git a/src/components/commons/accordion/index.tsx b/src/components/commons/accordion/index.tsx
@@ -59,7 +59,10 @@ const Accordion = ({
 
   return (
     <Wrapper>
-      <Group onClick={handleClickAccordion}>
+      <Group
+        onClick={handleClickAccordion}
+        className={isCollapsed ? 'collapsed' : 'expanded'}
+      >
         <GroupInfo>{title}</GroupInfo>
         {!!totalCount && (
           <AccordionIcon

diff --git a/src/pages/result/index.tsx b/src/pages/result/index.tsx
@@ -163,54 +163,28 @@ const Result = () => {
               </NobodyWrapper>
             ) : null}
 
-            {data?.candidateTimes
-              .slice(0, 1)
-              .map(
-                ({
-                  date,
-                  dayOfWeek,
-                  startTime,
-                  endTime,
-                  availableParticipantNames,
-                  unavailableParticipantNames,
-                }: CandidateTimesType) => (
-                  <Candidate
-                    key={`part ${date} ${startTime} ${endTime}`}
-                    date={date}
-                    dayOfWeek={dayOfWeek}
-                    startTime={startTime}
-                    endTime={endTime}
-                    availableParticipantNames={availableParticipantNames}
-                    unavailableParticipantNames={unavailableParticipantNames}
-                    count={participants.length}
-                    defaultOpen={true}
-                  />
-                )
-              )}
-
-            {data?.candidateTimes
-              .slice(1)
-              .map(
-                ({
-                  date,
-                  dayOfWeek,
-                  startTime,
-                  endTime,
-                  availableParticipantNames,
-                  unavailableParticipantNames,
-                }: CandidateTimesType) => (
-                  <Candidate
-                    key={`part ${date} ${startTime} ${endTime}`}
-                    date={date}
-                    dayOfWeek={dayOfWeek}
-                    startTime={startTime}
-                    endTime={endTime}
-                    availableParticipantNames={availableParticipantNames}
-                    unavailableParticipantNames={unavailableParticipantNames}
-                    count={participants.length}
-                  />
-                )
-              )}
+            {data?.candidateTimes.map(
+              ({
+                date,
+                dayOfWeek,
+                startTime,
+                endTime,
+                availableParticipantNames,
+                unavailableParticipantNames,
+              }: CandidateTimesType) => (
+                <Candidate
+                  key={`part ${date} ${startTime} ${endTime}`}
+                  date={date}
+                  dayOfWeek={dayOfWeek}
+                  startTime={startTime}
+                  endTime={endTime}
+                  availableParticipantNames={availableParticipantNames}
+                  unavailableParticipantNames={unavailableParticipantNames}
+                  count={participants.length}
+                  defaultOpen={true}
+                />
+              )
+            )}
           </>
         )}
       </Body>