Merge pull request #95 from chchaeun/fix/bug

Fix: 챌린지 리스트에서 ACCEPTED만 보여주도록 수정했습니다.
Learn-and-Give · Sep 22, 2022 · 8e1a9df · 8e1a9df
2 parents 6751e34 + e484f0c
commit 8e1a9df
Showing 1 changed file with 5 additions and 5 deletions.
diff --git a/components/challenges/challenge-list.tsx b/components/challenges/challenge-list.tsx
@@ -10,18 +10,18 @@ function ChallengeList({ challenges }: Props) {
   return (
     <div className="grid grid-cols-3 gap-10 sm:flex sm:flex-col">
       {challenges?.map((challenge) => (
-        <div key={challenge.challengeId}>
+        <>
           {challenge.applicationStatus === "ACCEPTED" && (
             <Link
               href={`/challenges/${challenge.challengeId}`}
               key={challenge.challengeId}
             >
-              <div className="col-span-1 flex flex-col gap-3 transition ease-in-out hover:-translate-y-1 duration-300 cursor-pointer">
+              <div className="flex flex-col col-span-1 gap-3 transition duration-300 ease-in-out cursor-pointer hover:-translate-y-1">
                 <img
                   src={challenge.imageUrl}
-                  className="w-96 h-52 object-cover rounded-2xl"
+                  className="object-cover w-96 h-52 rounded-2xl"
                 />
-                <div className="flex justify-between items-center">
+                <div className="flex items-center justify-between">
                   <div>
                     <div className="text-lg font-semibold">
                       {challenge.title} {challenge.chapter}기
@@ -34,7 +34,7 @@ function ChallengeList({ challenges }: Props) {
               </div>
             </Link>
           )}
-        </div>
+        </>
       ))}
     </div>
   );