UNPKG

@mojito-inc/secondary-market

Version:

Mojito secondary market is the platform to purchase NFT.

2 lines (1 loc) 2.89 kB
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("react"),i=require("@mui/material/Typography"),n=require("@mui/material/Box"),r=require("@mui/material/Stack"),o=require("@mui/material/styles"),s=require("@mui/icons-material/HelpOutline"),a=require("../utils/getEtherScanURL.utils.js"),l=require("../utils/truncateAddress.utils.js");exports.default=({networkName:d,tokenType:c,contractAddress:x,tokenId:u,chainId:p,metaDataURL:m,edition:h,walletType:f})=>{var g,j,w,v,y,S;const k=o.useTheme(),b=t.useMemo((()=>"solana"===f),[f]),C=t.useCallback((()=>{const e=a.getChainExplorerURL(p,x,u);window.open(e,"_blank")}),[p,x,u]),z=t.useCallback((()=>{window.open(m,"_blank")}),[m]);return e.jsxs(n,{children:[e.jsxs(r,{direction:"row",sx:{alignItems:"center",justifyContent:"space-between",marginBottom:"10px"},children:[e.jsx(i,{sx:{fontSize:"12px",fontWeight:"500"},children:"Network:"}),e.jsx(i,{sx:{fontSize:"12px",padding:"10px",borderRadius:"100px",backgroundColor:"#424242",height:"10px",display:"flex",alignItems:"center",justifyContent:"center",color:k.palette.text.secondary,textTransform:"uppercase",fontWeight:700},children:b?"Solana":d})]}),e.jsxs(r,{direction:"row",sx:{alignItems:"center",justifyContent:"space-between",marginBottom:"14px"},children:[e.jsx(i,{sx:{fontSize:"12px",fontWeight:"500"},children:"On-chain Collection:"}),e.jsx(i,{"data-testid":"contract_address",onClick:C,sx:{fontSize:"12px",fontWeight:"400",textDecorationLine:"underline",color:null===(j=null===(g=null==k?void 0:k.palette)||void 0===g?void 0:g.primary)||void 0===j?void 0:j.main,cursor:"pointer"},children:l.truncateAddress(x)})]}),e.jsxs(r,{direction:"row",sx:{alignItems:"center",justifyContent:"space-between",marginBottom:"14px"},children:[e.jsx(i,{sx:{fontSize:"12px",fontWeight:"500"},children:"Token Address:"}),e.jsx(i,{"data-testid":"meta_data_url",onClick:z,sx:{fontSize:"12px",fontWeight:"400",textDecorationLine:"underline",color:null===(v=null===(w=null==k?void 0:k.palette)||void 0===w?void 0:w.primary)||void 0===v?void 0:v.main,cursor:"pointer"},children:l.truncateAddress(u)})]}),e.jsxs(r,{direction:"row",sx:{alignItems:"center",justifyContent:"space-between"},children:[e.jsx(i,{sx:{fontSize:"12px",fontWeight:"500"},children:"Token Standard:"}),e.jsx(i,{"data-testid":"meta_data_url",sx:{fontSize:"12px",fontWeight:"400"},children:b?"Programmable NFT":c})]}),h&&!b&&e.jsxs(r,{direction:"row",sx:{alignItems:"center",justifyContent:"space-between",marginTop:"14px"},children:[e.jsxs(r,{direction:"row",sx:{alignItems:"center"},children:[e.jsx(i,{sx:{fontSize:"12px",fontWeight:"500"},children:"Editions:"}),e.jsx(s,{sx:{marginLeft:"4px",fontSize:"14px",color:null===(S=null===(y=k.palette)||void 0===y?void 0:y.grey)||void 0===S?void 0:S[400]}})]}),e.jsx(i,{sx:{fontSize:"12px",fontWeight:"400"},children:h})]})]})};