@mojito-inc/secondary-market
Version:
Mojito secondary market is the platform to purchase NFT.
2 lines (1 loc) • 2 kB
JavaScript
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),i=require("@mui/material/Stack"),l=require("@mui/material/MenuItem"),n=require("@mui/material/Button"),t=require("@mui/material/ListItemText"),r=require("@mui/material/Box"),d=require("@mui/material/styles"),o=require("@mui/icons-material/CheckRounded"),a=require("@mui/material/Typography");exports.default=({selectedValue:p,options:u,isMobileScreen:x,handleApply:s,handleMenuItemClick:m})=>{var v,c,h,g,y;const j=d.useTheme();return e.jsxs(r,{children:[e.jsx(t,{sx:{fontFamily:null===(v=null==j?void 0:j.typography)||void 0===v?void 0:v.fontFamily,fontWeight:500,gap:"16px",marginLeft:x?"0px":"16px",padding:x?"16px 16px 0 0":null},children:e.jsx(a,{sx:{fontWeight:"500",fontSize:"16px"},children:"Sort Items"})}),u.map(((n,t)=>{var d,a;return e.jsx(r,{sx:x?{paddingTop:0===t?"8px":"0px"}:{padding:0===t?"8px 16px 0px 16px":"0px 16px"},children:e.jsx(l,{"data-testid":`menuitem_id_${null==n?void 0:n.value}`,sx:{padding:"6px 10px",fontWeight:400,background:(null==n?void 0:n.label)===(null==p?void 0:p.label)?null===(a=null===(d=null==j?void 0:j.palette)||void 0===d?void 0:d.grey)||void 0===a?void 0:a[700]:"none"},onClick:()=>m(n),children:e.jsxs(i,{flexDirection:"row",sx:{width:"100%",alignItems:"center"},children:[e.jsx(i,{sx:{width:"95%"},children:null==n?void 0:n.label}),(null==n?void 0:n.label)===(null==p?void 0:p.label)&&e.jsx(i,{justifyContent:"end",children:e.jsx(o,{sx:{fontSize:"18px"}})})]})},null==n?void 0:n.label)},null==n?void 0:n.label)})),e.jsx(r,{padding:x?"24px 0px":"24px 16px 8px",children:e.jsx(n,{"data-testid":"sortApply-id",onClick:s,title:"Apply",name:"Apply",sx:{background:null===(h=null===(c=null==j?void 0:j.palette)||void 0===c?void 0:c.background)||void 0===h?void 0:h.paper,color:null===(y=null===(g=null==j?void 0:j.palette)||void 0===g?void 0:g.text)||void 0===y?void 0:y.primary,height:"40px",width:"100%",marginTop:"-10px"},children:"Apply"})})]})};