@mojito-inc/secondary-market
Version:
Mojito secondary market is the platform to purchase NFT.
2 lines (1 loc) • 4.77 kB
JavaScript
import{jsxs as i,jsx as l}from"react/jsx-runtime";import{useMemo as e}from"react";import{useTheme as o}from"@mui/material/styles";import n from"@mui/material/Box";import d from"@mui/material/Card";import t from"@mui/material/CardContent";import a from"@mui/material/Typography";import r from"@mui/material/Button";import{ListingType as v,ProvenanceEventType as u}from"../constant/index.js";import p from"./ImageWithVideoPlayer.js";import{Currency as s}from"../interface/index.js";const c=({listingType:c,activityDetail:m,desktopView:x,showInvoice:h,showViewItem:f,placeholderImage:y,enableCardVideo:g,freeClaimText:w,onClickDownload:C,onClickEtherscan:I,onClickActivityViewItem:$,walletType:S,walletAddress:k,currency:b})=>{var D,V,T,A,z,E,N,j,B,L,O,F,R,W,M,P,U,H,X,_,q,G;const J=o(),K=e((()=>{var i;const l=null===(i=null==m?void 0:m.price)||void 0===i?void 0:i.usdValue;return!Number.isNaN(+l)&&!(+l<=0)}),[null===(D=null==m?void 0:m.price)||void 0===D?void 0:D.usdValue]);return i(d,{sx:x?{display:"flex",gap:"16px"}:{display:"display"},style:{background:null===(V=null==J?void 0:J.palette)||void 0===V?void 0:V.grey[900],border:`1px solid ${null===(T=null==J?void 0:J.palette)||void 0===T?void 0:T.grey[800]}`,boxShadow:"none",width:x?"830px":"100%",display:"flex",flexDirection:"column",alignItems:"start",padding:x?"16px":"10px"},children:["solana"!==S&&l(p,{placeholderImage:y,width:"300px",height:"180px",videoAttributes:{playBtnEnabled:g},url:g?null==m?void 0:m.tokenImage:null!==(A=null==m?void 0:m.listingImage)&&void 0!==A?A:""}),l(n,{sx:{display:"flex",flexDirection:"column"},children:i(t,{sx:{padding:0},children:[i(a,{sx:{fontSize:"14px",fontWeight:500,display:"flex",juscifyContent:"center",alignItems:"center"},color:null===(E=null===(z=null==J?void 0:J.palette)||void 0===z?void 0:z.text)||void 0===E?void 0:E.secondary,children:[c===(null==v?void 0:v.CLAIMABLE)?l(n,{sx:{height:"10px",width:"10px",borderRadius:"50%",backgroundColor:null===(N=null==J?void 0:J.palette)||void 0===N?void 0:N.toastSuccess[400],marginRight:"8px"}}):`${null==m?void 0:m.status}`," ","| ",`${null==m?void 0:m.date}`]}),l(a,{sx:{fontSize:"16px",marginTop:"12px",color:null===(B=null===(j=null==J?void 0:J.palette)||void 0===j?void 0:j.text)||void 0===B?void 0:B.secondary},variant:"h5",component:"div",children:c===(null==v?void 0:v.CLAIMABLE)?`${(null==m?void 0:m.activityName)||`#${null==m?void 0:m.tokenId}`} ${w||"collected for free"}`:(null==m?void 0:m.isSecondary)?`${null==m?void 0:m.itemName} of ${null===(L=null==m?void 0:m.price)||void 0===L?void 0:L.value} ${null===(O=null==m?void 0:m.price)||void 0===O?void 0:O.unit} \n ${K?`[${b===s.USD?"$":"€"} ${null===(F=null==m?void 0:m.price)||void 0===F?void 0:F.usdValue}]`:""} for ${null==m?void 0:m.activityName}`:"Expired"===(null==m?void 0:m.status)?null==m?void 0:m.activityName:`${null==m?void 0:m.itemName} ${null==m?void 0:m.activityName} for ${null===(R=null==m?void 0:m.price)||void 0===R?void 0:R.usdValue} USD`})]})}),i(n,{sx:{width:"100%",display:"flex",flexDirection:"row",alignItems:"center",justifyContent:"space-between",marginTop:"-1rem"},children:[i(n,{sx:{display:"flex",alignItems:"center",gap:"10px"},children:[(null==m?void 0:m.eventType)===u.OFFER&&"Pending"===(null==m?void 0:m.status)&&l(r,{"data-testid":"viewitem-id",onClick:()=>$(m),size:"small",sx:{width:"100%",fontSize:"12px",height:"32.5px",paddingX:"10px",whiteSpace:"nowrap",marginTop:"2.5px"},children:k===(null==m?void 0:m.fromWalletAddress)?"Cancel Offer":"Accept Offer"}),(f||h)&&i(n,{display:"flex",flexDirection:"row",gap:"8px",height:"30px",children:[f&&l(r,{"data-testid":"viewitem-id",onClick:()=>$(m),size:"small",sx:{width:"106.5px",fontSize:"12px",height:"32px"},children:"View Item"}),(null==m?void 0:m.InvoiceID)&&h&&((null==m?void 0:m.eventType)===u.OFFER_SOLD||(null==m?void 0:m.eventType)===u.SALE)&&l(r,{"data-testid":"download-id",size:"small",onClick:()=>C(m),sx:{width:"106.5px",fontSize:"12px",color:null===(M=null===(W=null==J?void 0:J.palette)||void 0===W?void 0:W.primary)||void 0===M?void 0:M.main,border:`1px solid ${null===(U=null===(P=null==J?void 0:J.palette)||void 0===P?void 0:P.primary)||void 0===U?void 0:U.main}`,background:null===(_=null===(X=null===(H=null==J?void 0:J.palette)||void 0===H?void 0:H.appDefaultColor)||void 0===X?void 0:X.secondary)||void 0===_?void 0:_.light,height:"32px"},children:"Download"})]})]}),(null==m?void 0:m.TransactionHash)&&l(a,{"data-testid":"viewetherscan-id",onClick:()=>I(m),variant:"body2",sx:{color:null===(G=null===(q=null==J?void 0:J.palette)||void 0===q?void 0:q.primary)||void 0===G?void 0:G.main,fontSize:"12px",cursor:"pointer"},children:"solana"!==S?"View on Block Explorer":"View on Solscan"})]})]})};export{c as MediaCardContainer};