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

Mojito secondary market is the platform to purchase NFT.

import{jsxs as o,jsx as i}from"react/jsx-runtime";import{useMemo as e,useCallback as t}from"react";import r from"@mui/material/Stack";import n from"@mui/material/Table";import l from"@mui/material/TableCell";import a from"@mui/material/TableHead";import m from"@mui/material/TableBody";import d from"@mui/material/TableRow";import p from"@mui/material/Typography";import c from"@mui/material/Box";import{useTheme as s}from"@mui/material/styles";import u from"@mui/material/TableContainer";import h from"@mui/material/IconButton";import f from"@mui/icons-material/OpenInNew";import v from"moment";import"@mui/material/Skeleton";import"@mui/material/Grid";import x from"../loader/TableRowLoader.js";import"@mui/material/CardActions";import"@mui/material/Card";import"@mui/material/CardContent";import g from"./Pagination.js";import{getEtherScanURL as b}from"../utils/getEtherScanURL.utils.js";import{getProvenanceEventIcons as w}from"../utils/getProvenanceEventIcons.js";import{formatNumberWithCommas as T}from"../utils/formatNumberWithCommas.js";const S=({data:S,chainId:y,totalData:C,offset:z,onHandlePagination:W,provenanceLoading:$})=>{var j,k,B;const I=s(),P=e((()=>{var o,i,e,t;return{borderBottom:`1px solid ${null===(i=null===(o=null==I?void 0:I.palette)||void 0===o?void 0:o.grey)||void 0===i?void 0:i[300]}`,fontSize:"12px",fontWeight:"700",color:`${null===(t=null===(e=null==I?void 0:I.palette)||void 0===e?void 0:e.grey)||void 0===t?void 0:t[500]} !important`}}),[I]),_=t((o=>{const i=b(y,o);window.open(i,"_blank")}),[y]);return o(c,{children:[i(p,{id:"provenance-title",sx:{fontSize:"32px",fontWeight:"500",marginBottom:"5px"},children:"Provenance"}),i(u,{sx:{boxShadow:"none",backgroundColor:null===(B=null===(k=null===(j=null==I?void 0:I.palette)||void 0===j?void 0:j.appDefaultColor)||void 0===k?void 0:k.secondary)||void 0===B?void 0:B.light,borderRadius:"4px"},children:o(n,{"aria-label":"simple table",children:[i(a,{sx:{"& .MuiTableCell-head":{lineHeight:"5px"}},children:o(d,{children:[i(l,{sx:P,children:"Event"}),i(l,{sx:P,children:"Price"}),i(l,{sx:P,children:"From"}),i(l,{sx:P,children:"T0"}),i(l,{sx:P,children:"Date"})]})}),i(m,{sx:{"& .MuiTableCell-root":{borderBottom:"none"}},children:$?i(x,{name:"provenance",rows:10,columns:5}):null==S?void 0:S.map((e=>{var t,n,a;const m=Object.assign({},e);return o(d,{sx:{"&:last-child td, &:last-child th":{border:0},"& td":{fontSize:"16px",fontWeight:"400"}},children:[o(l,{sx:{fontSize:"16px",fontWeight:"400",display:"flex",alignItems:"center",gap:"5px"},component:"th",scope:"row",children:[w(null==m?void 0:m.eventType,I)," ",`${null!==(t=null==m?void 0:m.eventType.replace("_"," "))&&void 0!==t?t:""}`]}),i(l,{sx:{fontSize:"16px",fontWeight:"400",whiteSpace:"nowrap"},component:"th",scope:"row",children:`${T(null==m?void 0:m.price.split(" ")[0])} ${null==m?void 0:m.price.split(" ")[1]}`}),i(l,{sx:{fontSize:"16px",fontWeight:"400"},component:"th",scope:"row",children:null==m?void 0:m.from}),i(l,{sx:{fontSize:"16px",fontWeight:"400"},component:"th",scope:"row",children:null==m?void 0:m.to}),i(l,{component:"th",scope:"row",children:o(r,{direction:"row",sx:{alignItems:"center",whiteSpace:"nowrap"},children:[i(p,{sx:{fontSize:"16px",fontWeight:"400"},children:v(null==m?void 0:m.blockTimestamp).format("DD MMM YYYY")}),(null==m?void 0:m.hash)&&i(h,{"data-testid":"view_on_etherscan",onClick:()=>_(String(null==m?void 0:m.hash)),children:i(f,{sx:{fontSize:"16px",marginLeft:"3px",color:null===(a=null===(n=null==I?void 0:I.palette)||void 0===n?void 0:n.primary)||void 0===a?void 0:a.main}})})]})})]},`${null==m?void 0:m.blockTimestamp}_${e.hash}_${e.eventType}`)}))})]})}),C>1&&i(c,{sx:{marginTop:"16px"},children:i(g,{total:C,offset:z+1,onHandlePagination:W})})]})};export{S as default};