(this["webpackJsonp@arcblock/forge-web"]=this["webpackJsonp@arcblock/forge-web"]||[]).push([[34],{1018:function(e,n,a){"use strict";var t=a(250),r=a(850),c=a(1),i=a.n(c),l=a(13),o=a.n(l),u=a(91),s=a(1061),g=a.n(s),p=a(1062),m=a.n(p),f=a(1088);a(1060);function h(){var e=Object(t.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 h=function(){return e},e}var b=i.a.memo(function(e){var n=e.pageSize,a=e.currentPage,t=e.onChange,c=e.total,l=Object(r.a)(e,["pageSize","currentPage","onChange","total"]);return i.a.createElement(E,null,i.a.createElement(f.a,Object.assign({className:"pagination",onChange:t,pageSize:n,current:a,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};var E=u.default.div(h(),function(e){return e.theme.palette.primary.main},function(e){return e.theme.palette.primary.main});n.a=b},1681:function(e,n,a){"use strict";a.r(n),a.d(n,"default",function(){return b});var t=a(855),r=a(856),c=a(859),i=a(857),l=a(858),o=a(1),u=a.n(o),s=a(1239),g=a(1243),p=a(1242),m=a(1240),f=a(1241),h=a(1018),b=function(e){function n(){var e,a;Object(t.a)(this,n);for(var r=arguments.length,l=new Array(r),o=0;o<r;o++)l[o]=arguments[o];return(a=Object(c.a)(this,(e=Object(i.a)(n)).call.apply(e,[this].concat(l)))).state={currentPage:1},a.setCurrentPage=function(e){a.setState({currentPage:e})},a}return Object(l.a)(n,e),Object(r.a)(n,[{key:"render",value:function(){var e=this.props.peers;if(!Array.isArray(e)||e.length<=0)return null;var n=e.slice(20*(this.state.currentPage-1),20*this.state.currentPage);return u.a.createElement("div",null,u.a.createElement(s.a,null,u.a.createElement(m.a,null,u.a.createElement(f.a,null,u.a.createElement(p.a,{align:"center"},"Moniker"),u.a.createElement(p.a,{align:"center"},"IP"),u.a.createElement(p.a,{align:"center"},"Network"),u.a.createElement(p.a,{align:"center"},"Geo"),u.a.createElement(p.a,{align:"center"},"Consensus Version "))),u.a.createElement(g.a,null,n.map(function(e){var n=e.id,a=e.moniker,t=e.ip,r=e.network,c=e.geoInfo,i=e.consensusVersion;return u.a.createElement(f.a,{key:n,hover:!0},u.a.createElement(p.a,{align:"center"},a),u.a.createElement(p.a,{align:"center"},t),u.a.createElement(p.a,{align:"center"},r),u.a.createElement(p.a,{align:"center"},c?"".concat(c.city,", ").concat(c.country):""),u.a.createElement(p.a,{align:"center"},i))}))),e.length>20&&u.a.createElement(h.a,{onChange:this.setCurrentPage,pageSize:20,current:this.state.currentPage,total:e.length,className:"pagination"}))}}]),n}(u.a.Component);b.defaultProps={peers:[]}}}]);
//# sourceMappingURL=34.33b0b6ce.chunk.js.map