feat: update layout of fiber close tx

hide the second recipient address if only one recipient receives refund in the close tx
nervosnetwork · Jan 6, 2025 · c81fefe · c81fefe
1 parent 02aa010
commit c81fefe
Showing 1 changed file with 14 additions and 12 deletions.
diff --git a/src/pages/Fiber/GraphNode/index.tsx b/src/pages/Fiber/GraphNode/index.tsx
@@ -305,18 +305,20 @@ const GraphNode = () => {
                       </span>
                       <span>({acc1.amount})</span>
                     </div>
-                    <div>
-                      And
-                      <span className={styles.addr}>
-                        <Tooltip title={acc2.address}>
-                          <Link to={`/address/${acc2.address}`} className="monospace">
-                            <div>{acc2.address.slice(0, -8)}</div>
-                            <div>{acc2.address.slice(-8)}</div>
-                          </Link>
-                        </Tooltip>
-                      </span>
-                      <span>({acc2.amount})</span>
-                    </div>
+                    {acc2 ? (
+                      <div>
+                        And
+                        <span className={styles.addr}>
+                          <Tooltip title={acc2.address}>
+                            <Link to={`/address/${acc2.address}`} className="monospace">
+                              <div>{acc2.address.slice(0, -8)}</div>
+                              <div>{acc2.address.slice(-8)}</div>
+                            </Link>
+                          </Tooltip>
+                        </span>
+                        <span>({acc2.amount})</span>
+                      </div>
+                    ) : null}
                   </div>
                 )
               })}