@mojito-inc/secondary-market/esm/component/WalletStatusContainer.js

Mojito secondary market is the platform to purchase NFT.

import{jsx as o,jsxs as i,Fragment as l}from"react/jsx-runtime";import e from"@mui/material/Stack";import t from"@mui/material/Tooltip";import n from"@mui/material/Button";import d from"@mui/material/Typography";import r from"@mui/material/Box";import{useTheme as a}from"@mui/material/styles";import c from"@mui/icons-material/ContentCopy";import{truncateAddress as p}from"../utils/truncateAddress.utils.js";import{formatNumberWithCommas as u}from"../utils/formatNumberWithCommas.js";const s=({walletAddress:s,ethIcon:v,balance:m,isSwap:x,copied:f,symbol:h,onClickCopy:g,onClickDisconnectWallet:y,onClickConnectWallet:C,onClickSwap:k})=>{var b,w,S,W,j,z,D,I,B,$,L,R,A,T,Y,E,F,N,X,_,q,G,H,J,K,M,O,P,Q;const U=a();return o(r,{sx:{background:null===(S=null===(w=null===(b=null==U?void 0:U.palette)||void 0===b?void 0:b.appDefaultColor)||void 0===w?void 0:w.secondary)||void 0===S?void 0:S.light,padding:"12px",borderRadius:"4px"},children:s?i(l,{children:[i(e,{direction:"row",sx:{justifyContent:"space-between",alignItems:"center",marginBottom:"16px"},children:[i(e,{direction:"row",sx:{alignItems:"center"},children:[i(d,{sx:{fontSize:"14px",fontWeight:"400"},children:["Your wallet: ",p(s,4,4)]}),o(t,{open:f,title:"Copied!",children:o(c,{onClick:g,sx:{fontSize:"15px",color:null===(j=null===(W=null==U?void 0:U.palette)||void 0===W?void 0:W.grey)||void 0===j?void 0:j[500],marginLeft:"10px",cursor:"pointer"}})})]}),o(r,{onClick:y,sx:{color:null===(z=null==U?void 0:U.palette)||void 0===z?void 0:z.text.secondary,height:"30px",paddingX:"10px",border:`1px solid ${null===(I=null===(D=null==U?void 0:U.palette)||void 0===D?void 0:D.grey)||void 0===I?void 0:I[400]}`,background:null===(L=null===($=null===(B=null==U?void 0:U.palette)||void 0===B?void 0:B.appDefaultColor)||void 0===$?void 0:$.secondary)||void 0===L?void 0:L.dark,fontSize:"12px",borderRadius:"5px",display:"flex",justifyContent:"center",alignItems:"center",cursor:"pointer"},children:"Disconnect"})]}),i(e,{direction:"row",sx:{background:null===(T=null===(A=null===(R=null==U?void 0:U.palette)||void 0===R?void 0:R.appDefaultColor)||void 0===A?void 0:A.secondary)||void 0===T?void 0:T.dark,padding:"16px",justifyContent:"space-between",alignItems:"center",marginBottom:"8px",borderRadius:"4px",color:null===(Y=null==U?void 0:U.palette)||void 0===Y?void 0:Y.text.secondary},children:[o(d,{sx:{fontSize:"12px",fontWeight:"500"},children:"Balance"}),i(e,{direction:"row",sx:{alignItems:"center"},children:[o("img",{src:v,style:{width:"14px",height:"14px",objectFit:"contain"},alt:"eth"}),o(d,{sx:{fontSize:"12px",fontWeight:"500",marginLeft:"5px"},children:`${u(m.split(" ")[0])} ${m.split(" ")[1]}`})]})]}),x&&i(d,{sx:{fontSize:"12px",fontWeight:"400",color:null===(F=null===(E=null==U?void 0:U.palette)||void 0===E?void 0:E.toastError)||void 0===F?void 0:F[300],display:"inline"},children:["Your connected wallet does not have enough ",h," to complete your purchase."," ",o(d,{onClick:k,sx:{fontSize:"12px",fontWeight:"400",color:null===(X=null===(N=null==U?void 0:U.palette)||void 0===N?void 0:N.primary)||void 0===X?void 0:X.main,textDecorationLine:"underline",display:"inline",cursor:"pointer"},children:"Click here to swap"})]})]}):o(r,{sx:{display:"flex",justifyContent:"center",alignItems:"center"},children:o(n,{"data-testid":"connect_wallet",onClick:C,sx:{color:null===(_=null==U?void 0:U.palette)||void 0===_?void 0:_.text.secondary,height:"30px",width:"140px",fontSize:"12px",border:`1px solid ${null===(G=null===(q=null==U?void 0:U.palette)||void 0===q?void 0:q.grey)||void 0===G?void 0:G[400]}`,background:null===(K=null===(J=null===(H=null==U?void 0:U.palette)||void 0===H?void 0:H.appDefaultColor)||void 0===J?void 0:J.secondary)||void 0===K?void 0:K.dark,"&:hover":{background:null===(P=null===(O=null===(M=null==U?void 0:U.palette)||void 0===M?void 0:M.appDefaultColor)||void 0===O?void 0:O.secondary)||void 0===P?void 0:P.dark,color:null===(Q=null==U?void 0:U.palette)||void 0===Q?void 0:Q.text.secondary}},children:"Connect Wallet"})})})};export{s as default};