chore: 목록 없는 상태에서는 렌더링되지 않도록

NullFull · May 23, 2024 · 7b5130c · 7b5130c
1 parent 40ffeb7
commit 7b5130c
Showing 1 changed file with 12 additions and 12 deletions.
diff --git a/src/components/Result.tsx b/src/components/Result.tsx
@@ -54,18 +54,18 @@ const Result = () => {
                     </ul>
                 </div>
             }
-
-            <div>
-                <h3 className="listTitle">찬성한 후보 중 당선된 후보 {electedAgrees.length}명</h3>
-                <ul className="list">
-                    {electedAgrees.map(response => (
-                        <li key={`elected-${response.id}`} style={{padding: '5px 0'}}>
-                            <Response member={response.candidate}/>
-                        </li>
-                    ))}
-                </ul>
-            </div>
-
+            {electedAgrees.length > 0 && 
+                <div>
+                    <h3 className="listTitle">찬성한 후보 중 당선된 후보 {electedAgrees.length}명</h3>
+                    <ul className="list">
+                        {electedAgrees.map(response => (
+                            <li key={`elected-${response.id}`} style={{padding: '5px 0'}}>
+                                <Response member={response.candidate}/>
+                            </li>
+                        ))}
+                    </ul>
+                </div>
+            }
             {disagrees.length > 0 &&
                 <div>
                     <h3 className="listTitle">반대한 후보 {disagrees.length}명</h3>