@mojito-inc/secondary-market
Version:
Mojito secondary market is the platform to purchase NFT.
2 lines (1 loc) • 2.52 kB
JavaScript
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),i=require("@mui/material/Accordion"),r=require("@mui/material/AccordionSummary"),t=require("@mui/material/AccordionDetails"),o=require("@mui/material/Typography"),n=require("@mui/material/Box"),l=require("@mui/material/Checkbox"),a=require("@mui/material/FormControlLabel"),s=require("@mui/material/InputAdornment"),d=require("@mui/material/TextField"),p=require("@mui/icons-material/Search"),x=require("@mui/icons-material/KeyboardArrowDown"),c=require("@mui/material/styles");exports.default=({title:u,search:m,onChangeSearch:h,options:g,handleToggleOption:f,selectedOptions:j,renderSearch:S,headingTitle:v})=>{var y,b;const q=c.useTheme();return e.jsxs("div",{style:{display:"flex",flexDirection:"column",borderBottom:"1px solid #54585F",paddingBottom:"10px"},children:[v&&e.jsx(o,{variant:"body1",sx:{fontSize:"16px",fontWeight:"bold",textTransform:"uppercase",letterSpacing:"0.8px",marginTop:"15px",position:"relative",zIndex:1},children:v}),e.jsxs(i,{sx:{boxShadow:"none"},children:[e.jsxs(r,{sx:{padding:"0",width:"100%",position:"relative",zIndex:1},expandIcon:e.jsx(x,{sx:{fontSize:"16px",color:q.palette.grey[500]}}),"aria-controls":"panel1-content",id:"panel1-header",children:[e.jsx(o,{sx:{fontSize:"14px"},children:u.charAt(0).toUpperCase()+u.substring(1,u.length)}),e.jsx(o,{sx:{fontSize:"14px",position:"absolute",right:"28px",color:q.palette.grey[500]},children:null!==(y=null==g?void 0:g.length)&&void 0!==y?y:0})]}),e.jsxs(t,{sx:{padding:"0"},children:[S&&e.jsx(d,{placeholder:"Search...",sx:{width:"100%",marginBottom:"10px","& .MuiInputBase-input::placeholder":{fontSize:"16px"}},"data-testid":"list-search-text-field",value:m[u],onChange:e=>h(e,u),autoComplete:"off",InputProps:{style:{height:"40px",padding:"0 10px"},startAdornment:e.jsx(s,{position:"start",children:e.jsx(p,{sx:{color:null===(b=null==q?void 0:q.palette)||void 0===b?void 0:b.grey[500],fontSize:"22px"}})})}}),g.map(((i,r)=>e.jsxs(n,{onClick:e=>f(e,i,u),sx:{display:"flex",justifyContent:"space-between",alignItems:"center",cursor:"pointer"},children:[e.jsx(a,{control:e.jsx(l,{sx:{[`&, &.${l.checkboxClasses.checked}`]:{color:q.palette.primary.main},"& .MuiSvgIcon-root":{fontSize:24}},checked:null==j?void 0:j.includes(i.value)}),label:e.jsx(o,{sx:{fontSize:"16px",marginTop:"2px"},children:i.title})}),i.count&&e.jsx(o,{sx:{fontSize:"14px",color:q.palette.grey[500]},children:i.count})]},null==r?void 0:r.toString())))]})]})]})};