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

Mojito secondary market is the platform to purchase NFT.

import{jsxs as i,jsx as o,Fragment as t}from"react/jsx-runtime";import*as e from"react";import r from"@mui/material/Stack";import l from"@mui/material/IconButton";import n from"@mui/material/Typography";import a from"@mui/material/Box";import{useTheme as d}from"@mui/material/styles";import m from"@mui/icons-material/FavoriteBorder";import p from"@mui/icons-material/Favorite";import s from"@mui/material/Tooltip";import c from"@mui/icons-material/FileCopyOutlined";import{truncateAddress as u}from"../utils/truncateAddress.utils.js";import{getChainExplorerURL as f}from"../utils/getEtherScanURL.utils.js";import{formatNumberWithCommas as v}from"../utils/formatNumberWithCommas.js";import{formatUsdAndEuroCurrency as x}from"../utils/usdAndEuroCurrencyFormat.js";const h=({collectionName:h,isFavorite:g,tokenName:y,owner:S,cryptoPrice:k,usdPrice:C,loaderImage:w,isLoading:z,showFavorite:j=!0,onClickFavorite:F,chainId:T,tokenId:W})=>{var b,I,B,$,L,N,P,_,A,E,O,R,U,Y;const q=d(),[D,G]=e.useState(!1),H=e.useCallback((()=>{const i=f(T,S,W);window.open(i,"_blank")}),[T,S,W]);return i(a,{children:[i(r,{direction:"row",sx:{alignItems:"center",justifyContent:"space-between"},children:[h&&o(n,{sx:{fontSize:"12px",fontWeight:"400",color:null===(I=null===(b=null==q?void 0:q.palette)||void 0===b?void 0:b.primary)||void 0===I?void 0:I.main,textTransform:"uppercase"},children:h}),o(t,{children:j&&(z?o("img",{src:w,style:{width:"20px",height:"20px",objectFit:"contain"},alt:"loader"}):o(l,g?{"data-testid":"favorite_icon",onClick:F,children:o(p,{sx:{fontSize:"20px",color:null===($=null===(B=null==q?void 0:q.palette)||void 0===B?void 0:B.grey)||void 0===$?void 0:$[400]}})}:{"data-testid":"favorite_icon",onClick:F,children:o(m,{sx:{fontSize:"20px",color:null===(N=null===(L=null==q?void 0:q.palette)||void 0===L?void 0:L.grey)||void 0===N?void 0:N[400]}})}))})]}),o(n,{id:"pdp-token-name",sx:{fontSize:"32px",fontWeight:"500",marginY:"-5px"},children:y}),i(a,{sx:{display:"flex",marginTop:"10px"},children:[o(n,{sx:{fontSize:"12px",fontWeight:"500",color:null===(_=null===(P=null==q?void 0:q.palette)||void 0===P?void 0:P.grey)||void 0===_?void 0:_[400],display:"flex",cursor:"pointer",alignItems:"center"},children:"Owner:"}),i(a,{sx:{display:"flex",fontSize:"12px",fontWeight:"400",color:null===(E=null===(A=null==q?void 0:q.palette)||void 0===A?void 0:A.background)||void 0===E?void 0:E.default,marginLeft:"5px",justifyContent:"center",alignItems:"center"},children:[i(n,{sx:{fontSize:"12px"},onClick:H,children:[u(S)," "]}),o(s,{open:D,title:"Copied!",children:o(c,{sx:{height:"12px",weight:"12px",marginRight:"6px",cursor:"pointer"},onClick:()=>{navigator.clipboard.writeText(S),G(!0),setTimeout((()=>{G(!1)}),1e3)}})})]})]}),k&&i(t,{children:[o(n,{sx:{fontSize:"12px",fontWeight:"500",color:null===(R=null===(O=null==q?void 0:q.palette)||void 0===O?void 0:O.grey)||void 0===R?void 0:R[400],marginBottom:"2px",marginTop:"10px",textTransform:"uppercase"},children:"Price"}),o(n,{sx:{fontSize:"20px",fontWeight:"500",marginBottom:"2px"},children:`${v(k.split(" ")[0])} ${k.split(" ")[1]}`}),o(n,{sx:{fontSize:"12px",fontWeight:"500",color:null===(Y=null===(U=null==q?void 0:q.palette)||void 0===U?void 0:U.grey)||void 0===Y?void 0:Y[400]},children:`${x(C.split(" ")[0],C.split(" ")[1])} ${C.split(" ")[1]}`})]})]})};export{h as default};