@mojito-inc/secondary-market/esm/layout/WaletsAccountLayout.js

Mojito secondary market is the platform to purchase NFT.

import{jsx as o,jsxs as l,Fragment as i}from"react/jsx-runtime";import{useState as e,useCallback as n}from"react";import t from"@mui/material/Tooltip";import r from"@mui/material/Button";import d from"@mui/material/Box";import{useTheme as a}from"@mui/material/styles";import u from"@mui/icons-material/ExitToAppOutlined";import p from"@mui/icons-material/FileCopyOutlined";import v from"../component/AccountContainer.js";import c from"../component/WalletNotConnectedContainer.js";const m=({copied:m,currency:s,walletAddress:g,walletBalance:x,hideWalletBalance:h,isMobile:y,disconnectText:C,networkName:f,copyAddressText:k,isFullAddress:b,nonNativeCurrency:T,walletType:W,accountConfig:w,onClickLogout:B,onConnectWallet:A,onClickCopy:I,onClickTopUp:N,handleRefetchBalance:j,refreshIcon:R})=>{var z,F,O,S,$,L,M,D,E,U,V,X,q,G,H,J,K,P,Q,Y,Z,_,oo,lo,io,eo,no,to,ro,ao;const uo=a(),[po,vo]=e(),co=n((o=>{vo(null!=o?o:"Icon"),I(g)}),[g,I]);return o(d,{paddingX:y?"0":"195px",marginTop:"16px",children:g?l(i,{children:[o(v,{isMobile:y,isFullAddress:b,currency:s,networkName:f,accountConfig:w,nonNativeCurrency:T,walletAddress:g,walletBalance:null!=x?x:0,hideWalletBalance:h,isCopied:g===m&&"Icon"===po,onClickCopy:co,handleRefetchBalance:j,refreshIcon:R}),l(r,"solana"===W?{fullWidth:!0,onClick:()=>N(),sx:{marginTop:"24px",backgroundColor:null===(F=null===(z=null==uo?void 0:uo.palette)||void 0===z?void 0:z.grey)||void 0===F?void 0:F[50],color:null===(S=null===(O=null==uo?void 0:uo.palette)||void 0===O?void 0:O.text)||void 0===S?void 0:S.primary,fontWeight:700,fontSize:"16px",border:`1px solid ${null===(L=null===($=uo.palette)||void 0===$?void 0:$.grey)||void 0===L?void 0:L[400]}`,"&:hover":{color:null===(D=null===(M=null==uo?void 0:uo.palette)||void 0===M?void 0:M.text)||void 0===D?void 0:D.primary,backgroundColor:null===(U=null===(E=null==uo?void 0:uo.palette)||void 0===E?void 0:E.grey)||void 0===U?void 0:U[50]},display:"flex",justifyContent:"center",alignItems:"center",gap:"8px"},children:[o("img",{src:T.currencyIcon,style:{height:"18px",width:"18px"},alt:"sol"}),"Top up VIN"]}:{fullWidth:!0,onClick:()=>co("Button"),sx:{marginTop:"24px",backgroundColor:null===(X=null===(V=null==uo?void 0:uo.palette)||void 0===V?void 0:V.grey)||void 0===X?void 0:X[50],color:null===(G=null===(q=null==uo?void 0:uo.palette)||void 0===q?void 0:q.text)||void 0===G?void 0:G.primary,fontWeight:700,fontSize:"16px",border:`1px solid ${null===(J=null===(H=uo.palette)||void 0===H?void 0:H.grey)||void 0===J?void 0:J[400]}`,"&:hover":{color:null===(P=null===(K=null==uo?void 0:uo.palette)||void 0===K?void 0:K.text)||void 0===P?void 0:P.primary,backgroundColor:null===(Y=null===(Q=null==uo?void 0:uo.palette)||void 0===Q?void 0:Q.grey)||void 0===Y?void 0:Y[50]}},children:[o(t,{open:m===g&&"Button"===po,title:"Copied!",children:o(p,{sx:{height:"20px",weight:"20px",marginRight:"6px",cursor:"pointer"}})}),k||"Copy Address"]}),l(r,{fullWidth:!0,onClick:B,sx:{marginTop:"24px",backgroundColor:null===(_=null===(Z=null==uo?void 0:uo.palette)||void 0===Z?void 0:Z.grey)||void 0===_?void 0:_[50],color:null===(lo=null===(oo=null==uo?void 0:uo.palette)||void 0===oo?void 0:oo.text)||void 0===lo?void 0:lo.primary,fontWeight:700,fontSize:"16px",border:`1px solid ${null===(eo=null===(io=uo.palette)||void 0===io?void 0:io.grey)||void 0===eo?void 0:eo[400]}`,"&:hover":{color:null===(to=null===(no=null==uo?void 0:uo.palette)||void 0===no?void 0:no.text)||void 0===to?void 0:to.primary,backgroundColor:null===(ao=null===(ro=null==uo?void 0:uo.palette)||void 0===ro?void 0:ro.grey)||void 0===ao?void 0:ao[50]}},children:[o(u,{sx:{height:"20px",weight:"20px",marginRight:"6px",cursor:"pointer"}}),C||"Log Out"]})]}):o(c,{message:"Account Details",onConnectWallet:A})})};export{m as default};