@mojito-inc/secondary-market
Version:
Mojito secondary market is the platform to purchase NFT.
2 lines (1 loc) • 4.04 kB
JavaScript
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),i=require("react"),t=require("@mui/icons-material/KeyboardArrowDown"),n=require("@mui/material/Select"),r=require("@mui/material/TextField"),o=require("@mui/material/Grid"),l=require("@mui/material/Typography"),d=require("@mui/material/Box"),a=require("@mui/material/styles"),u=require("@mui/material/MenuItem");function s(e){var i=Object.create(null);return e&&Object.keys(e).forEach((function(t){if("default"!==t){var n=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(i,t,n.get?n:{enumerable:!0,get:function(){return e[t]}})}})),i.default=e,Object.freeze(i)}var p=s(i);exports.default=({ethIcon:i,title:s,price:x,selectCurrency:c,isDropdown:m,currencyData:g,currencyList:h,disabled:v,maxLength:f,transferField:y,iconClick:b,onChangeCurrency:j,onChangePrice:C,hideBorder:O})=>{var I,k,q,w,M,S,z,T;const F=a.useTheme(),[L,P]=p.useState(!1);return e.jsx(d,{children:e.jsxs(d,{sx:{border:O?"none":`1px solid ${null===(k=null===(I=null==F?void 0:F.palette)||void 0===I?void 0:I.grey)||void 0===k?void 0:k[600]}`,maxHeight:"75px",borderRadius:"5px",paddingBottom:m?"0px":"10px",background:null===(q=null==F?void 0:F.palette)||void 0===q?void 0:q.surfaceColor,display:"flex",flexDirection:"column",justifyContent:"space-between"},children:[e.jsx(l,{sx:{paddingTop:y?"16px":"8px",paddingLeft:"10px",fontSize:"10px",fontWeight:"500",color:null===(M=null===(w=null==F?void 0:F.palette)||void 0===w?void 0:w.text)||void 0===M?void 0:M.primary},children:s}),e.jsxs(o,{container:!0,spacing:0,sx:{display:"flex"},children:[e.jsx(o,{item:!0,xs:y&&x?12:8,children:v?e.jsx(l,{sx:{color:null===(z=null===(S=null==F?void 0:F.palette)||void 0===S?void 0:S.text)||void 0===z?void 0:z.primary,paddingLeft:"10px",marginTop:"10px"},children:x}):e.jsx(r,{"data-testid":"input-field",autoFocus:!0,value:x,onChange:C,disabled:v,placeholder:y?"0x000000000000000000000000":"",type:y?"text":"number",inputProps:{maxLength:f||6},sx:{width:"100%",border:"none !important","& fieldset":{border:"none"},maxHeight:"40px",marginTop:"-8px",fontSize:"16px",backgroundColor:"transparent"}})}),e.jsxs(o,{item:!0,xs:4,sx:{display:"flex",justifyContent:"flex-end",position:"relative"},children:[e.jsx(d,{sx:{position:"absolute",zIndex:1,right:"10px",top:"5px",display:m?"block":"none"},children:e.jsx(t,{sx:{fontSize:"16px"}})}),m?e.jsx(n,{"data-testid":"currency-dropdown",style:{background:"transparent"},sx:{border:"none",maxHeight:"40px",boxShadow:"none",backgroundColor:"transparent",".MuiOutlinedInput-notchedOutline":{border:0},"&.MuiOutlinedInput-root:hover .MuiOutlinedInput-notchedOutline":{border:0},"&.MuiOutlinedInput-root.Mui-focused .MuiOutlinedInput-notchedOutline":{border:0}},value:c,onChange:j,inputProps:{IconComponent:()=>null},renderValue:t=>e.jsx(d,{sx:{display:"flex",gap:1,fontSize:"14px",alignItems:"center",backgroundColor:"transparent"},children:e.jsxs(e.Fragment,{children:[e.jsx("img",{src:i,width:15,height:15,alt:"eth"}),t]})}),children:null==h?void 0:h.map(((i,t)=>{var n,r,o,l;return e.jsx(u,{onMouseEnter:()=>P(!0),onMouseLeave:()=>P(!1),style:{fontSize:"14px",margin:"-7px 0",backgroundColor:L?null===(r=null===(n=null==F?void 0:F.palette)||void 0===n?void 0:n.primary)||void 0===r?void 0:r.main:""},value:null==i?void 0:i.value,sx:t!==h.length-1?{borderBottom:`1px solid ${null===(l=null===(o=null==F?void 0:F.palette)||void 0===o?void 0:o.grey)||void 0===l?void 0:l[300]}`,padding:"10px"}:{padding:"10px"},children:null==i?void 0:i.label},null==i?void 0:i.value)}))}):i?e.jsxs(d,{sx:{fontSize:"14px",marginTop:"10px",marginRight:"10px",display:"flex",alignItems:"center"},children:[e.jsx("img",{style:{marginRight:"5px"},src:i,width:15,height:15,alt:"eth"}),g]}):e.jsx(d,{sx:{fontSize:"12px",display:"flex",justifyContent:"center",alignItems:"end",marginRight:"16px",color:F.palette.text.primary,cursor:"pointer",fontFamily:null===(T=null==F?void 0:F.typography)||void 0===T?void 0:T.fontFamily},onClick:b,children:g})]})]})]})})};