@sofaws/dapp-core
Version:
A library to hold the main logic for a dapp on the Elrond Network
3 lines (2 loc) • 2.54 kB
JavaScript
import{b as u}from"./chunk-2NWUS3DO.js";import{a as c}from"./chunk-GYPWYUOA.js";import{a as f}from"./chunk-W54AMDD4.js";import{b as e}from"./chunk-I2NWMXXW.js";import{m as p}from"./chunk-HBP5N4FR.js";p();import t,{useEffect as h}from"react";import{faChevronLeft as g,faChevronRight as B,faCircleNotch as C}from"@fortawesome/free-solid-svg-icons";import{FontAwesomeIcon as v}from"@fortawesome/react-fontawesome";import r from"classnames";var P="Waiting for device",S=10,I=({loading:n,accounts:o,startIndex:d,selectedAddress:a,onGoToPrevPage:A,onGoToNextPage:N,onConfirmSelectedAddress:x,onSelectAddress:l,className:y="dapp-ledger-address-table"})=>{let s={wrapper:r(e.card,e.px4,y),cardBody:r(e.cardBody,e.p4),tableWrapper:e.tableResponsive,tableContent:r(u.ledgerAddressTable,e.table,e.m0,e.borderBottom),tableHeader:r(e.py2,e.textBlack50,e.borderBottom),tableHeaderText:r(e.textLeft,e.border0),buttonsWrapper:r(e.dFlex,e.justifyContentCenter,e.mt2),arrowButton:r(e.btn,e.btnLink,e.mx2),confirmButton:r(e.btn,e.btnPrimary,e.px4,e.mt4)};return h(()=>{if(o.length>0&&!n&&(!a&&d===0)){let T=o[0];l({address:T,index:0})}},[o,a,n,d]),n?t.createElement(c,{icon:C,iconClass:`fa-spin ${e.textPrimary}`,title:P}):t.createElement(t.Fragment,null,t.createElement("div",{className:e.mAuto},t.createElement("div",{className:s.wrapper},t.createElement("div",{className:s.cardBody},t.createElement("div",{className:s.tableWrapper,"data-testid":"ledgerAddresses"},t.createElement("table",{className:s.tableContent},t.createElement("thead",{className:s.tableHeader},t.createElement("tr",null,t.createElement("th",{className:s.tableHeaderText},"Address"),t.createElement("th",{className:s.tableHeaderText},"Balance"),t.createElement("th",{className:s.tableHeaderText},"#"))),t.createElement("tbody",{"data-testid":"addressesTable"},o.map((m,b)=>{let i=b+d*S;return t.createElement(f,{key:i,address:m,index:i,selectedAddress:a,onSelectAddress:l})})))),t.createElement("div",{className:s.buttonsWrapper},t.createElement("button",{type:"button",className:s.arrowButton,onClick:A,"data-testid":"prevBtn",disabled:d===0},t.createElement(v,{size:"sm",icon:g})," Prev"),t.createElement("button",{type:"button",className:r(s.arrowButton,e.linkSecondStyle),onClick:N,"data-testid":"nextBtn"},"Next ",t.createElement(v,{size:"sm",icon:B}))),t.createElement("div",{className:e.centering},t.createElement("button",{className:s.confirmButton,disabled:a==="",onClick:x,"data-testid":"confirmBtn"},"Confirm"))))))};export{I as a};
//# sourceMappingURL=chunk-XARB3IMU.js.map