fix: two transactions alert - buttons in a column

zingolabs · Nov 16, 2024 · 66f3b58 · 66f3b58
1 parent 78560f9
commit 66f3b58
Show file tree

Hide file tree

Showing 2 changed files with 30 additions and 26 deletions.
diff --git a/src/components/send/components/ConfirmModal.tsx b/src/components/send/components/ConfirmModal.tsx
@@ -230,22 +230,24 @@ type ConfirmModalProps = {
                         <div>{`TXID: ${txids[2]}`}</div>
                       )}
                     </div>
-                    <div className={cstyles.primarybutton} onClick={() => Utils.openTxid(txids[0], info.currencyName)}>
-                      View TXID &nbsp;
-                      <i className={["fas", "fa-external-link-square-alt"].join(" ")} />
-                    </div>
-                    {txids.length > 1 && (
-                      <div className={cstyles.primarybutton} onClick={() => Utils.openTxid(txids[1], info.currencyName)}>
+                    <div style={{ display: 'flex', flexDirection: 'column', justifyContent: 'center', alignItems: 'center' }}>
+                      <div className={cstyles.primarybutton} onClick={() => Utils.openTxid(txids[0], info.currencyName)}>
                         View TXID &nbsp;
                         <i className={["fas", "fa-external-link-square-alt"].join(" ")} />
                       </div>
-                    )}
-                    {txids.length > 2 && (
-                      <div className={cstyles.primarybutton} onClick={() => Utils.openTxid(txids[2], info.currencyName)}>
-                        View TXID &nbsp;
-                        <i className={["fas", "fa-external-link-square-alt"].join(" ")} />
-                      </div>
-                    )}
+                      {txids.length > 1 && (
+                        <div className={cstyles.primarybutton} onClick={() => Utils.openTxid(txids[1], info.currencyName)}>
+                          View TXID &nbsp;
+                          <i className={["fas", "fa-external-link-square-alt"].join(" ")} />
+                        </div>
+                      )}
+                      {txids.length > 2 && (
+                        <div className={cstyles.primarybutton} onClick={() => Utils.openTxid(txids[2], info.currencyName)}>
+                          View TXID &nbsp;
+                          <i className={["fas", "fa-external-link-square-alt"].join(" ")} />
+                        </div>
+                      )}
+                    </div>
                   </div>
                 );  
               }

diff --git a/src/root/Routes.tsx b/src/root/Routes.tsx
@@ -547,22 +547,24 @@ class Routes extends React.Component<Props & RouteComponentProps, AppState> {
                     <div>{`TXID: ${resultJSON.txids[2]}`}</div>
                   )}
                 </div>
-                <div className={cstyles.primarybutton} onClick={() => Utils.openTxid(resultJSON.txids[0], this.state.info.currencyName)}>
-                  View TXID &nbsp;
-                  <i className={["fas", "fa-external-link-square-alt"].join(" ")} />
-                </div>
-                {resultJSON.txids.length > 1 && (
-                  <div className={cstyles.primarybutton} onClick={() => Utils.openTxid(resultJSON.txids[1], this.state.info.currencyName)}>
-                    View TXID &nbsp;
-                    <i className={["fas", "fa-external-link-square-alt"].join(" ")} />
-                  </div>
-                )}
-                {resultJSON.txids.length > 2 && (
-                  <div className={cstyles.primarybutton} onClick={() => Utils.openTxid(resultJSON.txids[2], this.state.info.currencyName)}>
+                <div style={{ display: 'flex', flexDirection: 'column', justifyContent: 'center', alignItems: 'center' }}>
+                  <div className={cstyles.primarybutton} onClick={() => Utils.openTxid(resultJSON.txids[0], this.state.info.currencyName)}>
                     View TXID &nbsp;
                     <i className={["fas", "fa-external-link-square-alt"].join(" ")} />
                   </div>
-                )}
+                  {resultJSON.txids.length > 1 && (
+                    <div className={cstyles.primarybutton} onClick={() => Utils.openTxid(resultJSON.txids[1], this.state.info.currencyName)}>
+                      View TXID &nbsp;
+                      <i className={["fas", "fa-external-link-square-alt"].join(" ")} />
+                    </div>
+                  )}
+                  {resultJSON.txids.length > 2 && (
+                    <div className={cstyles.primarybutton} onClick={() => Utils.openTxid(resultJSON.txids[2], this.state.info.currencyName)}>
+                      View TXID &nbsp;
+                      <i className={["fas", "fa-external-link-square-alt"].join(" ")} />
+                    </div>
+                  )}
+                </div>
               </div>
             );
           }