(this["webpackJsonp@arcblock/forge-web"]=this["webpackJsonp@arcblock/forge-web"]||[]).push([[29],{1516:function(e,n,t){"use strict";t.r(n),t.d(n,"default",(function(){return g}));var a=t(0),r=t.n(a),c=t(1086),i=t(1090),l=t(1089),o=t(1087),s=t(1088),u=t(867);class g extends r.a.Component{constructor(...e){super(...e),this.state={currentPage:1},this.setCurrentPage=e=>{this.setState({currentPage:e})}}render(){const e=this.props.peers;if(!Array.isArray(e)||e.length<=0)return null;const n=e.slice(20*(this.state.currentPage-1),20*this.state.currentPage);return r.a.createElement("div",null,r.a.createElement(c.a,null,r.a.createElement(o.a,null,r.a.createElement(s.a,null,r.a.createElement(l.a,{align:"center"},"Moniker"),r.a.createElement(l.a,{align:"center"},"IP"),r.a.createElement(l.a,{align:"center"},"Network"),r.a.createElement(l.a,{align:"center"},"Geo"),r.a.createElement(l.a,{align:"center"},"Consensus Version "))),r.a.createElement(i.a,null,n.map(({id:e,moniker:n,ip:t,network:a,geoInfo:c,consensusVersion:i})=>r.a.createElement(s.a,{key:e,hover:!0},r.a.createElement(l.a,{align:"center"},n),r.a.createElement(l.a,{align:"center"},t),r.a.createElement(l.a,{align:"center"},a),r.a.createElement(l.a,{align:"center"},c?"".concat(c.city,", ").concat(c.country):""),r.a.createElement(l.a,{align:"center"},i))))),e.length>20&&r.a.createElement(u.a,{onChange:this.setCurrentPage,pageSize:20,current:this.state.currentPage,total:e.length,className:"pagination"}))}}g.defaultProps={peers:[]}},867:function(e,n,t){"use strict";var a=t(202),r=t(645),c=t(0),i=t.n(c),l=t(15),o=t.n(l),s=t(79),u=t(909),g=t.n(u),p=t(910),m=t.n(p),h=t(954);t(908);function E(){const e=Object(a.a)(["\n  .rc-pagination {\n    .rc-pagination-prev,\n    .rc-pagination-next {\n      border: none;\n      background: transparent;\n    }\n\n    .rc-pagination-item {\n      border: none;\n      background: transparent;\n      font-size: 16px;\n      font-weight: 600;\n      color: ",";\n      outline: none;\n    }\n\n    .rc-pagination-item-active {\n      a {\n        color: ",";\n      }\n    }\n  }\n"]);return E=function(){return e},e}const b=i.a.memo(e=>{let n=e.pageSize,t=e.currentPage,a=e.onChange,c=e.total,l=Object(r.a)(e,["pageSize","currentPage","onChange","total"]);return i.a.createElement(d,null,i.a.createElement(h.a,Object.assign({className:"pagination",onChange:a,pageSize:n,current:t,nextIcon:i.a.createElement(g.a,null),prevIcon:i.a.createElement(m.a,null),total:c},l)))});b.propTypes={total:o.a.number.isRequired,onChange:o.a.func.isRequired,currentPage:o.a.number,pageSize:o.a.number},b.defaultProps={currentPage:1,pageSize:10};const d=s.default.div(E(),e=>e.theme.palette.primary.main,e=>e.theme.palette.primary.main);n.a=b}}]);
//# sourceMappingURL=29.2533e328.chunk.js.map