Merge pull request #451 from decert-me/hotfix-447

fix: claim-page annotation-list
decert-me · Jul 29, 2024 · 6749780 · 6749780
2 parents d8c904d + cf89f2d
commit 6749780
Showing 1 changed file with 18 additions and 15 deletions.
diff --git a/src/views/Claim/info.js b/src/views/Claim/info.js
@@ -181,23 +181,26 @@ export default function ClaimInfo({answerInfo, detail}) {
                             }
                         </div>
                     </div>
-                    <div className="annotation">
-                        <p className="annotation-title">批注</p>
-                        <div className="annotation-list">
-                            {
-                                detail.answer.map((item, index) => (
-                                    item?.type === "open_quest" &&
-                                    <div key={index} className="annotation-item" onClick={() => navigateTo(`/challenge/${detail.uuid}?${index+1}`)}>
-                                        <div className="left">
-                                            <p>题目#{index+1}</p>
-                                            <p>{item.annotation}</p>
+                    {
+                        detail.answer.filter(e => e?.type === "open_quest").length !== 0 &&
+                        <div className="annotation">
+                            <p className="annotation-title">批注</p>
+                            <div className="annotation-list">
+                                {
+                                    detail.answer.map((item, index) => (
+                                        item?.type === "open_quest" &&
+                                        <div key={index} className="annotation-item" onClick={() => navigateTo(`/challenge/${detail.uuid}?${index+1}`)}>
+                                            <div className="left">
+                                                <p>题目#{index+1}</p>
+                                                <p>{item.annotation}</p>
+                                            </div>
+                                            <p>查看</p>
                                         </div>
-                                        <p>查看</p>
-                                    </div>
-                                ))
-                            }
+                                    ))
+                                }
+                            </div>
                         </div>
-                    </div>
+                    }
                     {
                         isMobile && 
                         <div className="mr">