1(this.webpackJsonpmetamasklogin=this.webpackJsonpmetamasklogin||[]).push([[0],{173:function(e,t){},177:function(e,t){},185:function(e,t,n){"use strict";n.r(t);var r=n(0),o=n.n(r),c=n(68),i=n.n(c),l=n(219),a=n(217),s=n(203),d=n(9);function b(e){var t=e.children;return Object(d.jsx)(s.a,{flexDirection:"column",alignItems:"center",justifyContent:"center",h:"100vh",bg:"gray.800",children:t})}var j,h=n(206),x=n(207),u=n(218),O=n(204),p=n(216),g=n(137),m=n(123),f=n(93),y=n(124),C=n.n(y),v=f.a.div(j||(j=Object(m.a)(["\n height: 1rem;\n width: 1rem;\n border-radius: 1.125rem;\n background-color: black;\n"])));function w(){var e=Object(r.useRef)(),t=Object(O.a)().account;return Object(r.useEffect)((function(){t&&e.current&&(e.current.innerHTML="",e.current.appendChild(C()(16,parseInt(t.slice(2,10),16))))}),[t]),Object(d.jsx)(v,{ref:e})}function k(e){var t=e.handleOpenModal,n=Object(O.a)(),r=n.activateBrowserWallet,o=n.account,c=Object(p.a)(o);return o?Object(d.jsxs)(h.a,{display:"flex",alignItems:"center",background:"gray.700",borderRadius:"xl",py:"0",children:[Object(d.jsx)(h.a,{px:"3",children:Object(d.jsxs)(x.a,{color:"white",fontSize:"md",children:[c&&parseFloat(Object(g.a)(c)).toFixed(3)," ETH"]})}),Object(d.jsxs)(u.a,{onClick:t,bg:"gray.800",border:"1px solid transparent",_hover:{border:"1px",borderStyle:"solid",borderColor:"blue.400",backgroundColor:"gray.700"},borderRadius:"xl",m:"1px",px:3,height:"38px",children:[Object(d.jsx)(x.a,{color:"white",fontSize:"md",fontWeight:"medium",mr:"2",children:o}),Object(d.jsx)(w,{})]})]}):Object(d.jsx)(u.a,{onClick:function(){r()},children:"Connect to a wallet"})}var S=n(209),z=Object(S.a)({fonts:{heading:"Inter",body:"Inter"}}),I=n(213),R=n(211),W=n(210),A=n(212);function B(e){var t=e.isOpen,n=e.onClose,r=Object(O.a)(),o=r.account,c=r.deactivate;return Object(d.jsxs)(I.a,{isOpen:t,onClose:n,isCentered:!0,size:"md",children:[Object(d.jsx)(I.g,{}),Object(d.jsxs)(I.d,{background:"gray.900",border:"1px",borderStyle:"solid",borderColor:"gray.700",borderRadius:"3xl",children:[Object(d.jsx)(I.f,{color:"white",px:4,fontSize:"lg",fontWeight:"medium",children:"Account"}),Object(d.jsx)(I.c,{color:"white",fontSize:"sm",_hover:{color:"whiteAlpha.700"}}),Object(d.jsx)(I.b,{pt:0,px:4,children:Object(d.jsxs)(h.a,{borderRadius:"3xl",border:"1px",borderStyle:"solid",borderColor:"gray.600",px:5,pt:4,pb:2,mb:3,children:[Object(d.jsxs)(s.a,{justifyContent:"space-between",alignItems:"center",mb:3,children:[Object(d.jsx)(x.a,{color:"gray.400",fontSize:"sm",children:"Connected with MetaMask"}),Object(d.jsx)(u.a,{variant:"outline",size:"sm",borderColor:"blue.800",borderRadius:"3xl",color:"blue.500",fontSize:"13px",fontWeight:"normal",px:2,height:"26px",_hover:{background:"none",borderColor:"blue.300",textDecoration:"underline"},onClick:function(){c(),n()},children:"Logout"})]}),Object(d.jsxs)(s.a,{alignItems:"center",mt:2,mb:4,lineHeight:1,children:[Object(d.jsx)(w,{}),Object(d.jsx)(x.a,{color:"white",fontSize:"xl",fontWeight:"semibold",ml:"2",lineHeight:"1.1",children:o&&"".concat(o.slice(0,6),"...").concat(o.slice(o.length-4,o.length))})]}),Object(d.jsxs)(s.a,{alignContent:"center",m:3,children:[Object(d.jsxs)(u.a,{variant:"link",color:"gray.400",fontWeight:"normal",fontSize:"sm",_hover:{textDecoration:"none",color:"whiteAlpha.800"},children:[Object(d.jsx)(W.a,{mr:1}),"Copy Address"]}),Object(d.jsxs)(R.a,{fontSize:"sm",display:"flex",alignItems:"center",href:"https://ropsten.etherscan.io/address/".concat(o),isExternal:!0,color:"gray.400",ml:6,_hover:{color:"whiteAlpha.800",textDecoration:"underline"},children:[Object(d.jsx)(A.a,{mr:1}),"View on Explorer"]})]})]})}),Object(d.jsx)(I.e,{justifyContent:"end",background:"gray.700",borderBottomLeftRadius:"3xl",borderBottomRightRadius:"3xl",p:6,children:Object(d.jsx)(x.a,{color:"white",textAlign:"left",fontWeight:"medium",fontSize:"md",children:"Your transactions willl appear here..."})})]})]})}n(176);function M(){var e=Object(l.a)(),t=e.isOpen,n=e.onOpen,r=e.onClose;return Object(d.jsx)(a.a,{theme:z,children:Object(d.jsxs)(b,{children:[Object(d.jsx)("p",{style:{color:"white"},children:"Click the Below Button : "}),Object(d.jsx)(k,{handleOpenModal:n}),Object(d.jsx)(B,{isOpen:t,onClose:r})]})})}var E=n(214);i.a.render(Object(d.jsx)(o.a.StrictMode,{children:Object(d.jsx)(E.a,{config:{},children:Object(d.jsx)(M,{})})}),document.getElementById("root"))}},[[185,1,2]]]); 2//# sourceMappingURL=main.b5915ce5.chunk.js.map
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.