Merge pull request #435 from kleros/fix/add-refuse-to-arbitrate-metae…

…vidence-not-loading Fix: add refuse to arbitrate when the dispute is not loading
kleros · Oct 11, 2024 · 9aeb44f · 9aeb44f
2 parents e60431c + 4a27e3a
commit 9aeb44f
Showing 1 changed file with 18 additions and 18 deletions.
diff --git a/src/components/case-details-card.jsx b/src/components/case-details-card.jsx
@@ -761,26 +761,26 @@ export default function CaseDetailsCard({ ID }) {
               .
             </div>
           )}
-          {Number(dispute.period) < "3" && !votesData.voted && (
-            <>
-              <div>
-                If the dispute is failing to load and appears to be broken it is advised to refuse to arbitrate. Please
-                cast your vote using button below.
-              </div>
-              <Button
-                style={{ color: "#4d00b4", marginTop: "16px", float: "right" }}
-                disabled={!votesData.canVote}
-                ghost={!votesData.canVote}
-                id={0}
-                onClick={onVoteClick}
-                size="large"
-              >
-                {"Refuse to Arbitrate"}
-              </Button>
-            </>
-          )}
         </div>
       )}
+      {dispute && Number(dispute.period) < "3" && !votesData.voted && (
+        <>
+          <div style={{ marginTop: "32px" }}>
+            If the dispute is failing to load and appears to be broken it is advised to refuse to arbitrate. Please cast
+            your vote using button below.
+          </div>
+          <Button
+            style={{ color: "#4d00b4", marginTop: "16px", float: "right" }}
+            disabled={!votesData.canVote}
+            ghost={!votesData.canVote}
+            id={0}
+            onClick={onVoteClick}
+            size="large"
+          >
+            {"Refuse to Arbitrate"}
+          </Button>
+        </>
+      )}
     </>
   );
 }