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