\n \n
\n )\n}\n\nconst CustomAppBar = (props: any) => {\n const classes = useStyles();\n const pathname = useSelector((state: AppState) => {\n const location = state?.router?.location;\n return location.pathname || ''\n });\n const searchQValue = useSelector((state: AppState) => {\n const location = state?.router?.location;\n const query: any = 'query' in location ? location['query'] : {};\n const filter: string = 'filter' in query ? query.filter : '';\n try {\n const oFilter = JSON.parse(decodeURIComponent(filter));\n\n let q = '';\n if (typeof oFilter === 'object' && 'q' in oFilter) {\n q = typeof oFilter.q === 'string' ? oFilter.q : '';\n }\n return q;\n } catch (error) {\n return ''\n }\n });\n\n const needSearch = ['/mails', '/junks', '/sents', '/projects', '/assets', '/trashs'].includes(pathname);\n const isFirstLevel = pathname.includes('/mails/create') || !/^\\/[^\\/]+\\/[^\\/]+/.test(pathname);\n const backToPrev = () => {\n window.history.back();\n }\n // console.log(pathname, pathname === '/nft/create')\n let title = isFirstLevel ? null : ();\n if (pathname === '/nfts/create') {\n title = (NFT Market)\n }\n if (pathname.includes('/settings/show')) {\n title = Settings;\n }\n\n return (\n // \n {title}\n
\n );\n};\n\nexport default CustomAppBar;\n","export const sidebarWidth = 215","import * as React from 'react';\nimport { FC, Fragment, ReactElement } from 'react';\nimport { useSelector } from 'react-redux';\nimport {\n List,\n MenuItem,\n ListItemIcon,\n Typography,\n Collapse,\n Tooltip,\n} from '@material-ui/core';\nimport { makeStyles } from '@material-ui/core/styles';\nimport ExpandMore from '@material-ui/icons/ExpandMore';\nimport { useTranslate, ReduxState } from 'react-admin';\nimport clsx from 'clsx';\nimport up from '../assets/red/up.png';\n\nconst useStyles = makeStyles(theme => ({\n icon: {\n width: '20px',\n height: '10px',\n backgroundImage: `url(${up})`,\n backgroundSize: '100%',\n marginRight: '12px',\n transition: 'transform 0.3s ease-in-out 0s',\n transformOrigin: 'center center',\n },\n menuItemDown: {\n transform: 'rotate(180deg)',\n },\n sidebarIsOpen: {\n '& a': {\n paddingLeft: '47px',\n transition: 'padding-left 195ms cubic-bezier(0.4, 0, 0.6, 1) 0ms',\n },\n },\n sidebarIsClosed: {\n '& a': {\n transition: 'padding-left 195ms cubic-bezier(0.4, 0, 0.6, 1) 0ms',\n },\n },\n}));\n\ninterface Props {\n dense: boolean;\n handleToggle: () => void;\n icon: ReactElement;\n isOpen: boolean;\n name: string;\n className: string;\n}\n\nconst SubMenu: FC\n {needSearch ?
\n \n
\n );\n};\n\nexport default MenuWrapper;\n","export const darkTheme = {\n palette: {\n primary: {\n main: '#90caf9',\n },\n secondary: {\n main: '#FBBA72',\n },\n type: 'dark' as 'dark', // Switching the dark mode on is a single property value change.\n },\n overrides: {\n MuiAppBar: {\n colorSecondary: {\n color: '#ffffffb3',\n backgroundColor: '#616161e6',\n },\n },\n MuiButtonBase: {\n root: {\n '&:hover:active::after': {\n // recreate a static ripple color\n // use the currentColor to make it work both for outlined and contained buttons\n // but to dim the background without dimming the text,\n // put another element on top with a limited opacity\n content: '\"\"',\n display: 'block',\n width: '100%',\n height: '100%',\n position: 'absolute',\n top: 0,\n right: 0,\n backgroundColor: 'currentColor',\n opacity: 0.3,\n borderRadius: 'inherit',\n },\n },\n },\n },\n props: {\n MuiButtonBase: {\n // disable ripple for perf reasons\n disableRipple: true,\n },\n },\n};\n\nexport const lightTheme = {\n palette: {\n primary: {\n main: '#4f3cc9',\n },\n secondary: {\n light: '#5f5fc4',\n main: '#283593',\n dark: '#001064',\n contrastText: '#fff',\n },\n background: {\n default: '#fcfcfe',\n },\n type: 'light' as 'light',\n },\n shape: {\n borderRadius: 10,\n },\n overrides: {\n RaMenuItemLink: {\n root: {\n borderLeft: '3px solid #fff',\n },\n active: {\n borderLeft: '3px solid #4f3cc9',\n },\n },\n MuiPaper: {\n elevation1: {\n boxShadow: 'none',\n },\n root: {\n border: '1px solid #e0e0e3',\n backgroundClip: 'padding-box',\n },\n },\n MuiButton: {\n contained: {\n backgroundColor: '#fff',\n color: '#4f3cc9',\n boxShadow: 'none',\n },\n },\n MuiButtonBase: {\n root: {\n '&:hover:active::after': {\n // recreate a static ripple color\n // use the currentColor to make it work both for outlined and contained buttons\n // but to dim the background without dimming the text,\n // put another element on top with a limited opacity\n content: '\"\"',\n display: 'block',\n width: '100%',\n height: '100%',\n position: 'absolute',\n top: 0,\n right: 0,\n backgroundColor: 'currentColor',\n opacity: 0.3,\n borderRadius: 'inherit',\n },\n },\n },\n MuiAppBar: {\n colorSecondary: {\n color: '#808080',\n backgroundColor: '#fff',\n },\n },\n MuiLinearProgress: {\n colorPrimary: {\n backgroundColor: '#f5f5f5',\n },\n barColorPrimary: {\n backgroundColor: '#d7d7d7',\n },\n },\n MuiFilledInput: {\n root: {\n backgroundColor: 'rgba(0, 0, 0, 0.04)',\n '&$disabled': {\n backgroundColor: 'rgba(0, 0, 0, 0.04)',\n },\n },\n },\n MuiSnackbarContent: {\n root: {\n border: 'none',\n },\n },\n },\n props: {\n MuiButtonBase: {\n // disable ripple for perf reasons\n disableRipple: true,\n },\n },\n};\n","import { format } from 'date-fns';\nimport logo from '../assets/red/logo.png';\nimport loginBg from '../assets/red/login-bg.jpg';\nimport loginLogo from '../assets/red/login-logo.png';\nimport subTitle from '../assets/red/sub-title.png';\n\nimport compose from '../assets/red/compose.png';\nimport composeHover from '../assets/red/compose-hover.png';\n\nimport inbox from '../assets/red/inbox.png';\nimport inboxHover from '../assets/red/inbox-hover.png';\n\nimport junk from '../assets/red/junk.png';\nimport junkHover from '../assets/red/junk-hover.png';\n\nimport sent from '../assets/red/sent.png';\nimport sentHover from '../assets/red/sent-hover.png';\n\nimport subscription from '../assets/red/subscription.png';\nimport subscriptionHover from '../assets/red/subscription-hover.png';\n\nimport assets from '../assets/red/assets.png';\nimport assetsHover from '../assets/red/assets-hover.png';\n\nimport trash from '../assets/red/trash.png';\nimport trashHover from '../assets/red/trash-hover.png';\n\nimport nft from '../assets/red/nft.png';\nimport nftHover from '../assets/red/nft-hover.png';\n\nimport settings from '../assets/red/settings.png';\nimport settingsHover from '../assets/red/settings-hover.png';\n\nimport search from '../assets/red/search.png';\nimport prev from '../assets/red/prev.png';\nimport prevHover from '../assets/red/prev-hover.png';\nimport circles from '../assets/red/circles.png';\nimport down2 from '../assets/red/down2.png';\nimport down3 from '../assets/red/down3.png';\n\nconst RaPaginationBottonHover = {\n borderColor: '#FF7669',\n backgroundColor: '#FF7669',\n color: '#fff',\n}\n\nconst menuItemHovers = {\n '& .menu-item-compose': {\n backgroundImage: `url(${composeHover})`,\n },\n '& .menu-item-inbox': {\n backgroundImage: `url(${inboxHover})`,\n },\n '& .menu-item-junk': {\n backgroundImage: `url(${junkHover})`,\n },\n '& .menu-item-sent': {\n backgroundImage: `url(${sentHover})`,\n },\n '& .menu-item-subscription': {\n backgroundImage: `url(${subscriptionHover})`,\n },\n '& .menu-item-assets': {\n backgroundImage: `url(${assetsHover})`,\n },\n '& .menu-item-trash': {\n backgroundImage: `url(${trashHover})`,\n },\n '& .menu-item-nfts': {\n backgroundImage: `url(${nftHover})`,\n },\n '& .menu-item-settings': {\n backgroundImage: `url(${settingsHover})`,\n },\n}\n\n// // @media screen\n// declare module \"@material-ui/core/styles/createBreakpoints\" {\n// interface BreakpointOverrides {\n// // xs: false; \n// // sm: false;\n// // md: false;\n// // lg: false;\n// // xl: false;\n// loginHMax: true; \n// }\n// }\n\nexport const redTheme = {\n overrides: {\n // // @media screen\n // breakpoints: {\n // values: {\n // // xs: 0,\n // // sm: 600,\n // // md: 960,\n // // lg: 1280,\n // // xl: 1920,\n // loginHMax: 800,\n // },\n // },\n MuiContainer: {\n root: {\n '&.login-wrapper': {\n width: '100%',\n height: '100vh',\n background: `url(${loginBg}) center no-repeat`,\n backgroundSize: 'cover',\n },\n '& .login-card': {\n boxShadow: '0 2px 3px 1px rgba(255, 93, 80, .4)'\n },\n '& .login-btn': {\n backgroundColor: '#FF5D50',\n color: '#fff',\n },\n '& .login-logo': {\n backgroundImage: `url(${loginLogo})`,\n },\n '& .login-description': {\n width: '446px',\n height: '20px',\n backgroundImage: `url(${subTitle})`,\n }\n }\n },\n RaLayout: {\n content: {\n padding: '0px!important',\n },\n appFrame: {\n margin: '0px!important',\n },\n root: {\n padding: '30px',\n boxSizing: 'border-box',\n backgroundColor: '#F7F6F4',\n\n \"@media screen and (max-width: 1440px)\": {\n padding: '20px',\n },\n\n '&:fist-child': {\n display: 'none',\n },\n '&:nth-child(2)': {\n margin: 0,\n }\n },\n },\n\n RaSidebar: {\n paper: {\n '& .menu-bg': {\n background: 'linear-gradient(0deg, #FA4B49, #FA7B5E)',\n },\n '& .logo': {\n backgroundImage: `url(${logo})`,\n },\n },\n },\n\n // if RaMenuItemLink exist, then MuiMenuItem must have !!! hehe!\n MuiMenuItem: {\n root: {\n '&.sidebarMenuItem': {\n // for SubMenu\n height: '42px',\n marginBottom: '10px',\n borderRadius: '31px 0px 0px 31px',\n color: '#fff',\n fontSize: '18px',\n }\n },\n },\n\n RaMenuItemLink: {\n icon: {\n width: '32px',\n minWidth: 'auto',\n },\n\n root: {\n '&.sidebarMenuItem': {\n color: '#fff',\n position: 'relative',\n\n '&:hover': {\n background: '#F7F6F4',\n color: '#FF7D61',\n ...menuItemHovers,\n },\n '&:hover::before': {\n content: '\"\"',\n background: '#F7F6F4',\n position: 'absolute',\n top: '-20px',\n right: '0',\n },\n }\n },\n active: {\n '&.sidebarMenuItem': {\n background: '#F7F6F4',\n color: '#FF7D61',\n ...menuItemHovers,\n\n '&::before': {\n content: '\"\"',\n background: '#F7F6F4',\n position: 'absolute',\n top: '-20px',\n right: '0',\n },\n }\n },\n },\n\n MuiListItemIcon: {\n root: {\n minWidth: 'auto',\n\n '&.menu-item-icon': {\n backgroundSize: '100%',\n },\n\n '&.menu-item-compose': {\n width: '24px',\n height: '17px',\n backgroundImage: `url(${compose})`,\n },\n '& .menu-item-inbox': {\n width: '24px',\n height: '18px',\n backgroundImage: `url(${inbox})`,\n },\n '& .menu-item-junk': {\n width: '22px',\n height: '18px',\n backgroundImage: `url(${junk})`,\n },\n '& .menu-item-sent': {\n width: '19px',\n height: '19px',\n backgroundImage: `url(${sent})`,\n },\n '& .menu-item-subscription': {\n width: '18px',\n height: '16px',\n backgroundImage: `url(${subscription})`,\n },\n '& .menu-item-assets': {\n width: '18px',\n height: '20px',\n backgroundImage: `url(${assets})`,\n },\n '& .menu-item-trash': {\n width: '20px',\n height: '21px',\n backgroundImage: `url(${trash})`,\n },\n '& .menu-item-nfts': {\n width: '20px',\n height: '20px',\n backgroundImage: `url(${nft})`,\n },\n '& .menu-item-settings': {\n width: '20px',\n height: '20px',\n backgroundImage: `url(${settings})`,\n },\n },\n },\n\n RaUserMenu: {\n root: {\n },\n userButton: {\n fontSize: '18px',\n },\n avatar: {\n width: '42px',\n height: '42px',\n borderRadius: '5px',\n marginRight: '8px',\n },\n },\n\n MuiButton: {\n root: {\n '&.searchSubmit': {\n minWidth: 'auto',\n backgroundImage: `url(${search})`,\n padding: '0',\n }\n }\n },\n\n RaList: {\n bulkActionsDisplayed: {\n marginTop: '0',\n transition: 'none',\n },\n },\n\n RaBulkActionsToolbar: {\n toolbar: {\n position: 'relative',\n top: '10px',\n backgroundColor: 'transparent',\n height: 'auto!important',\n minHeight: 'auto!important',\n overflow: 'visible!important',\n color: '#FF7669',\n transition: 'none',\n justifyContent: 'end',\n padding: 0,\n marginBottom: '30px',\n },\n title: {\n color: '#FF7669',\n fontSize: '16px',\n\n '& button': {\n display: 'none',\n },\n\n '& h6': {\n fontWeight: 600,\n },\n },\n topToolbar: {\n marginLeft: '16px',\n padding: '0!important',\n minHeight: 'auto',\n\n // '& button': {\n // height: '28px',\n // lineHeight: '28px',\n // padding: '0 10px',\n // borderRadius: '5px',\n // backgroundColor: '#FA6755',\n // color: '#fff',\n // transition: 'transform 0.3s ease',\n\n // '&:hover': {\n // transform: 'scale(1.1)',\n // backgroundColor: '#FA6755',\n // },\n // },\n // '& svg': {\n // display: 'none',\n // },\n // '& span': {\n // padding: 0,\n // },\n },\n },\n\n // MuiCard: {\n\n // },\n\n MuiCard: {\n root: {\n boxShadow: 'none',\n borderRadius: '24px',\n padding: '20px 34px 34px',\n },\n },\n\n MuiTabs: {\n indicator: {\n height: '4px',\n background: '#FF7D61',\n }\n },\n\n MuiTableRow: {\n root: {\n borderRadius: '10px',\n\n '&.MuiTableRow-hover:hover': {\n backgroundColor: '#FFD8D3',\n }\n }\n },\n\n RaDatagrid: {\n table: {\n '& td:first-child': {\n borderRadius: '10px 0 0 10px',\n },\n\n '& td:last-child': {\n borderRadius: '0 10px 10px 0',\n }\n },\n\n rowEven: {\n backgroundColor: '#FFF6F6',\n },\n },\n\n MuiTable: {\n root: {\n }\n },\n\n MuiTableCell: {\n root: {\n height: '45px',\n lineHeight: '45px',\n padding: '0 16px 0 14px',\n border: 'none!important',\n fontSize: '16px',\n color: '#083353',\n\n '&:first-child': {\n padding: '0 6px 0 28px',\n },\n\n '&:last-child': {\n padding: '0 28px 0 14px',\n },\n\n '& span': {\n fontSize: '18px',\n color: '#48687F',\n },\n\n '& .select-all svg, & .select-item svg': {\n width: '24px',\n height: '24px',\n color: '#E6E7EA',\n },\n\n '& .Mui-checked svg': {\n color: '#FA6755',\n\n }\n },\n\n head: {\n '& span': {\n color: '#083353',\n },\n\n '& .Mui-checked svg': {\n color: '#FA6755',\n\n }\n },\n\n paddingCheckbox: {\n width: '54px',\n padding: '0 8px',\n },\n\n },\n\n MuiTablePagination: {\n root: {\n '& .MuiTypography-root': {\n display: 'none',\n }\n }\n },\n\n MuiTableSortLabel: {\n root: {\n '& .MuiTableSortLabel-iconDirectionDesc, & .MuiTableSortLabel-iconDirectionAsc': {\n width: '21px',\n height: '11px',\n marginLeft: '12px',\n background: `url(${down3})`,\n backgroundSize: '100%',\n\n '& path': {\n display: 'none',\n }\n },\n '& .MuiTableSortLabel-iconDirectionAsc': {\n transform: 'rotate(180deg)',\n }\n },\n },\n\n RaPaginationActions: {\n actions: {\n marginTop: '52px',\n width: '100%',\n textAlign: 'center',\n\n '& .previous-page, & .next-page': {\n width: '77px',\n height: '36px',\n overflow: 'hidden',\n marginRight: '9px',\n background: `url(${prev}) no-repeat`,\n backgroundSize: '100%',\n\n '&:hover': {\n backgroundImage: `url(${prevHover})`,\n },\n\n '& svg': {\n display: 'none',\n },\n\n '& .MuiButton-label': {\n textIndent: '-999px',\n },\n },\n '& .next-page': {\n margin: '0 0 0 9px',\n transform: 'rotate(180deg)',\n },\n },\n\n button: {\n minWidth: 'auto',\n width: '36px',\n height: '36px',\n padding: '0',\n lineHeight: '36px',\n marginRight: '7px',\n borderRadius: '50%',\n border: '2px solid #E6E7EA',\n boxSizing: 'border-box',\n fontSize: '18px',\n fontFamily: 'PingFang SC',\n fontWeight: '600',\n color: '#999999',\n\n '&:hover': {\n ...RaPaginationBottonHover,\n },\n },\n\n currentPageButton: {\n ...RaPaginationBottonHover,\n },\n\n hellip: {\n width: '18px',\n height: '5px',\n padding: '0',\n margin: '0 10px 0 3px',\n background: `url(${circles}) no-repeat`,\n backgroundSize: '100%',\n display: 'inline-block',\n overflow: 'hidden',\n\n '&:after': {\n display: 'none',\n },\n },\n },\n\n // form\n RaFormInput: {\n input: {\n '& .MuiOutlinedInput-root': {\n backgroundColor: '#F7F6F4',\n height: '48px',\n lineHeight: '48px',\n borderRadius: '0',\n },\n\n '& fieldset': {\n border: 'none',\n },\n\n '&.custom-input': {\n width: '100%',\n display: 'flex',\n alignItems: 'center',\n flexDirection: 'row',\n margin: '0 0 24px',\n position: 'relative',\n\n '& .MuiInputLabel-outlined': {\n width: '90px',\n marginRight: '10px',\n position: 'static',\n transform: 'none!important',\n fontWeight: 600,\n fontSize: '18px',\n color: '#666',\n\n '&.Mui-error': {\n color: '#f44336',\n },\n },\n\n '& .MuiOutlinedInput-root': {\n flex: 1,\n\n '&.Mui-error': {\n boxShadow: '0 0 3px 1px rgb(250, 101, 84, .9)',\n },\n },\n\n '& .MuiFormHelperText-contained': {\n top: '100%',\n left: 100,\n position: 'absolute',\n margin: 0,\n lineHeight: '20px',\n },\n\n '& .MuiSelect-iconOutlined': {\n width: '15px',\n height: '8px',\n right: 12,\n top: 20,\n background: `url(${down3})`,\n backgroundSize: '100%',\n\n '& path': {\n display: 'none',\n }\n },\n\n '& .MuiSelect-select': {\n padding: '0 14px',\n }\n }\n },\n },\n\n MuiFormControl: {\n root: {\n '&.ra-rich-text-input': {\n margin: '0 0 24px',\n paddingLeft: '100px',\n position: 'relative',\n boxSizing: 'border-box',\n\n '& .ql-toolbar.ql-snow': {\n margin: '10px 0 15px',\n },\n\n '& .MuiFormLabel-root': {\n width: '90px',\n marginRight: '10px',\n position: 'absolute',\n top: '52px',\n transform: 'none!important',\n fontWeight: 600,\n fontSize: '18px',\n color: '#666',\n },\n\n '& .ql-container': {\n border: 'none',\n },\n\n '& .ql-formats': {\n paddingRight: '12px',\n position: 'relative',\n\n '&:after': {\n content: '',\n position: 'absolute',\n width: 1.5,\n height: 15,\n top: 5,\n right: 0,\n backgroundColor: '#ccc',\n },\n\n '&:last-child:after': {\n display: 'none',\n },\n },\n\n '& .ql-icon-picker': {\n paddingLeft: '4px',\n },\n\n '& .ql-toolbar.ql-snow .ql-picker-label': {\n color: '#6E6E6E',\n\n '&:hover': {\n color: '#FA6554',\n },\n },\n\n '& .ql-toolbar.ql-snow .ql-picker-label.ql-active, & .ql-toolbar.ql-snow .ql-picker-item:hover, & .ql-toolbar.ql-snow .ql-picker-item.ql-selected, & .ql-snow.ql-toolbar button:hover': {\n color: '#FA6554',\n },\n\n '& .ql-toolbar.ql-snow button.ql-active .ql-fill, & .ql-toolbar.ql-snow button:hover .ql-fill': {\n fill: '#FA6554',\n },\n\n '& .ql-toolbar.ql-snow .ql-stroke, ': {\n stroke: '#6E6E6E',\n },\n\n '& .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke, & .ql-toolbar.ql-snow .ql-picker-label:hover .ql-stroke, & .ql-toolbar.ql-snow button.ql-active .ql-stroke, & .ql-toolbar.ql-snow button:hover .ql-stroke, & .ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-stroke, & .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke, & .ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke, & .ql-snow.ql-toolbar button:hover .ql-fill, & .ql-snow.ql-toolbar button.ql-active .ql-fill': {\n stroke: '#FA6554',\n },\n\n '& .ql-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label': {\n border: 'none',\n },\n\n '& .ql-editor': {\n backgroundColor: '#F7F6F4!important',\n minHeight: '190px',\n padding: '20px 25px 25px',\n boxSizing: 'border-box',\n\n '& p': {\n marginBottom: '12px',\n lineHeight: '24px',\n },\n\n '&::before, &::after': {\n display: 'none',\n },\n }\n },\n },\n },\n\n },\n props: {\n // MuiButtonBase: {\n // // disable ripple for perf reasons\n // disableRipple: true,\n // },\n },\n};\n\n","import * as React from 'react';\nimport { useSelector } from 'react-redux';\nimport { Layout, LayoutProps, Sidebar } from 'react-admin';\nimport AppBar from './AppBar';\nimport Menu from './Menu';\nimport { darkTheme, lightTheme } from './themes';\nimport { redTheme } from './redTheme';\nimport { AppState } from '../types';\nimport { ControlPointSharp } from '@material-ui/icons';\nimport { makeStyles } from '@material-ui/core/styles';\nimport { sidebarWidth } from './utils';\n\nconst useSidebarStyles = makeStyles({\n // This paper is stupid! We do no need it!\n drawerPaper: {\n width: sidebarWidth,\n },\n});\n\n// Why must have sidebar, the menu is enough !!!!\nconst CustomSidebar = (props: any) => {\n const classes = useSidebarStyles();\n return (\n \n
\n \n
\n );\n};\n\nexport default Dashboard;\n","import DashboardComponent from './Dashboard';\n\nexport const Dashboard = DashboardComponent;\n","import * as React from 'react';\nimport { useSelector, useDispatch } from 'react-redux';\nimport Card from '@material-ui/core/Card';\nimport CardContent from '@material-ui/core/CardContent';\nimport Button from '@material-ui/core/Button';\nimport { useTranslate, useLocale, useSetLocale, Title } from 'react-admin';\nimport { makeStyles } from '@material-ui/core/styles';\nimport { changeTheme } from './actions';\nimport { AppState } from '../types';\n\nconst useStyles = makeStyles({\n label: { width: '10em', display: 'inline-block' },\n button: { margin: '1em' },\n});\n\nconst Configuration = () => {\n const translate = useTranslate();\n const locale = useLocale();\n const setLocale = useSetLocale();\n const classes = useStyles();\n const theme = useSelector((state: AppState) => state.theme);\n const dispatch = useDispatch();\n return (\n \n
\n \n {translate('pos.theme.name')}\n
\n {translate('pos.language')}
\n \n {/*
\n ) : null;\n};\n\nFullNameField.defaultProps = {\n source: 'last_name',\n label: 'resources.customers.fields.name',\n};\n\nexport default memo\n {ids.map(id => (\n \n \n
\n }\n avatar={{`${data[id].first_name} ${data[id].last_name}`}
\n\n {translate(\n 'resources.customers.fields.last_seen_gte'\n )}\n \n
\n \n {translate(\n 'resources.commands.name',\n data[id].nb_commands || 1\n )}\n : \n
\n \n {translate(\n 'resources.customers.fields.total_spent'\n )}\n :{' '}\n
\n \n {ids.map(id => (\n \n \n \n {translate('resources.commands.name', 1)}\n : \n
\n }\n />\n \n {filterValues.status === 'ordered' && (\n \n \n \n \n \n )}\n {filterValues.status === 'delivered' && (\n \n \n \n \n \n )}\n {filterValues.status === 'cancelled' && (\n \n \n \n \n \n )}\n
\n )}\n - \n {(ids as Exclude
\n \n \n
\n );\n};\n\nexport default ReviewEdit;\n","import * as React from 'react';\nimport { Fragment, useCallback, FC } from 'react';\nimport classnames from 'classnames';\nimport {\n BulkDeleteButton,\n List,\n ListProps,\n BulkActionProps,\n} from 'react-admin';\nimport { Route, RouteChildrenProps, useHistory } from 'react-router-dom';\nimport { Drawer, useMediaQuery, Theme } from '@material-ui/core';\nimport { makeStyles } from '@material-ui/core/styles';\n\nimport BulkAcceptButton from './BulkAcceptButton';\nimport BulkRejectButton from './BulkRejectButton';\nimport ReviewListMobile from './ReviewListMobile';\nimport ReviewListDesktop from './ReviewListDesktop';\nimport ReviewFilter from './ReviewFilter';\nimport ReviewEdit from './ReviewEdit';\n\nconst ReviewsBulkActionButtons = (props: BulkActionProps) => (\n \n \n {translate('resources.reviews.detail')}\n \n \n \n
\n \n \n {({ match }: RouteChildrenProps<{ id: string }>) => {\n const isMatch = !!(\n match &&\n match.params &&\n match.params.id !== 'create'\n );\n\n return (\n \n \n {/* To avoid any errors if the route does not match, we don't render at all the component in this case */}\n {isMatch ? (\n \n );\n }}\n \n
\n );\n};\n\nexport default ReviewList;\n","import ReviewIcon from '@material-ui/icons/Comment';\nimport ReviewList from './ReviewList';\n\nexport default {\n icon: ReviewIcon,\n list: ReviewList,\n};\n","import * as React from 'react';\nimport { FC } from 'react';\nimport PropTypes from 'prop-types';\nimport {\n NumberField,\n TextField,\n DateField,\n useTranslate,\n useGetList,\n Record,\n RecordMap,\n Identifier,\n ReferenceField,\n useLocale,\n} from 'react-admin';\nimport {\n Typography,\n Card,\n CardContent,\n Box,\n Link,\n Stepper,\n Step,\n StepLabel,\n StepContent,\n} from '@material-ui/core';\nimport { Link as RouterLink } from 'react-router-dom';\nimport AccessTimeIcon from '@material-ui/icons/AccessTime';\nimport { makeStyles } from '@material-ui/core/styles';\n\nimport order from '../orders';\nimport review from '../reviews';\nimport StarRatingField from '../reviews/StarRatingField';\nimport { Order as OrderRecord, Review as ReviewRecord } from '../types';\n\nconst useAsideStyles = makeStyles(theme => ({\n root: {\n width: 400,\n [theme.breakpoints.down('md')]: {\n display: 'none',\n },\n },\n}));\n\ninterface AsideProps {\n record?: Record;\n basePath?: string;\n}\n\nconst Aside: FC\n {record &&
\n );\n};\n\nAside.propTypes = {\n record: PropTypes.any,\n basePath: PropTypes.string,\n};\n\ninterface EventListProps {\n record?: Record;\n basePath?: string;\n}\n\nconst useEventStyles = makeStyles({\n stepper: {\n background: 'none',\n border: 'none',\n marginLeft: '0.3em',\n },\n});\n\nconst EventList: FC\n {ids.map(id => (\n \n \n \n {translate('resources.commands.name', 1)}\n : \n
\n }\n />\n \n 
\n
\n )\n}\n\nexport default Empty;","import * as React from 'react';\nimport { Pagination } from 'react-admin';\n\n// https://material-ui.com/zh/components/data-grid/pagination/\nconst PostPagination = props => {\n return (\n - prop (where it's enabled by default).\n *\n * @example // basic usage\n * import * as React from 'react';\n * import { Fragment } from 'react';\n * import { BulkDeleteButton, BulkExportButton } from 'react-admin';\n *\n * const PostBulkActionButtons = ({ basePath }) => (\n *
\n DELETE\n
\n \n \n )\n}\n\n// export type BulkDeleteButtonProps = Props &\n// (BulkDeleteWithUndoButtonProps | BulkDeleteWithConfirmButtonProps);\n\ninterface BulkDeleteButtonProps extends BulkActionProps {\n undoable?: boolean;\n}\n\nBulkDeleteButton.propTypes = {\n // basePath: PropTypes.string,\n // label: PropTypes.string,\n resource: PropTypes.string,\n selectedIds: PropTypes.arrayOf(PropTypes.any),\n undoable: PropTypes.bool,\n};\n\nBulkDeleteButton.defaultProps = {\n undoable: true,\n};\n\n\nconst BulkActionButtons = props => \n \n \n \n {record.project.name}\n \n
\n ) : null;\n\n const CustomerAmountField: FC\n\n \n {record.amount}{record.unit}\n \n
\n ) : null;\n\n const selectedIds =\n filterValues.status === 'primary'\n ? primary\n : filterValues.status === 'other'\n ? other\n : subscription;\n\n return (\n \n {filterValues.status === 'primary' && (\n \n \n \n
\n )}\n \n
\n );\n};\n\nexport default Show;","import * as React from 'react';\nimport { FC } from 'react';\nimport {\n ShowProps,\n useShowController,\n useRedirect,\n} from 'react-admin';\nimport { Link as RouterLink } from 'react-router-dom';\nimport { makeStyles } from '@material-ui/core/styles';\n\nimport Show from '../components/show'\nimport { Mail, Customer } from '../types';\n\nconst useStyles = makeStyles(theme => ({\n root: {\n\n },\n}));\n\nconst InboxShow: FC\n
\n \n {record.subject}\n
\n \n
\n \n from\n {record.from}\n to\n {record.to}\n
\n \n {record.date}\n
\n \n
\n \n
\n );\n};\n\nexport default InboxShow;\n","import * as React from 'react';\nimport {\n Children,\n Fragment,\n isValidElement,\n ReactElement,\n FC,\n ReactNode,\n} from 'react';\nimport { ToolbarProps, SaveButton, useNotify } from 'react-admin';\nimport PropTypes from 'prop-types';\nimport MuiToolbar, {\n ToolbarProps as MuiToolbarProps,\n} from '@material-ui/core/Toolbar';\nimport withWidth from '@material-ui/core/withWidth';\nimport { makeStyles } from '@material-ui/core/styles';\nimport classnames from 'classnames';\nimport { Record, RedirectionSideEffect, MutationMode } from 'ra-core';\nimport { FormRenderProps } from 'react-final-form';\n\n// import { SaveButton, DeleteButton } from '../button';\nimport { Breakpoint } from '@material-ui/core/styles/createBreakpoints';\nimport { Storage, Create_Mail_Cached } from '../utils/storage'\n\nconst useStyles = makeStyles(\n theme => ({\n toolbar: {\n backgroundColor:\n theme.palette.type === 'light'\n ? theme.palette.grey[100]\n : theme.palette.grey[900],\n },\n desktopToolbar: {\n marginTop: theme.spacing(2),\n },\n mobileToolbar: {\n position: 'fixed',\n bottom: 0,\n left: 0,\n right: 0,\n padding: '16px',\n width: '100%',\n boxSizing: 'border-box',\n flexShrink: 0,\n zIndex: 2,\n },\n defaultToolbar: {\n flex: 1,\n display: 'flex',\n justifyContent: 'space-between',\n },\n spacer: {\n [theme.breakpoints.down('xs')]: {\n height: '5em',\n },\n },\n button: {\n height: '38px',\n lineHeight: '38px',\n padding: '0 15px',\n borderRadius: '10px',\n fontSize: '16px',\n color: '#fff',\n transition: 'transform 0.3s ease',\n textTransform: 'none',\n marginLeft: '35px',\n\n '&.Mui-disabled': {\n backgroundColor: 'rgba(0, 0, 0, 0.12)',\n color: '#fff',\n },\n\n '&:not(.Mui-disabled)': {\n backgroundColor: '#FA6755',\n\n '&:hover': {\n transform: 'scale(1.1)',\n backgroundColor: '#FA6755',\n },\n }\n },\n }),\n { name: 'RaToolbar' }\n);\n\n\nconst valueOrDefault = (value, defaultValue) =>\n typeof value === 'undefined' ? defaultValue : value;\n\n/**\n * The Toolbar displayed at the bottom of forms.\n *\n * @example Always enable the \n {/* }\n handleSubmitWithRedirect={\n onSave\n }\n className={classes.button}\n disabled={disabled}\n invalid={invalid}\n // redirect={redirect}\n saving={validating}\n submitOnEnter={false}\n />\n */}\n }\n handleSubmitWithRedirect={\n onSubmit\n }\n className={classes.button}\n disabled={disabled}\n invalid={invalid}\n redirect={redirect}\n saving={saving || validating}\n submitOnEnter={true}\n />\n
\n ) : (\n Children.map(children as any, (button: ReactElement) =>\n button && isValidElement\n {ids.map(id => (\n \n \n \n {translate('resources.commands.name', 1)}\n : \n
\n }\n />\n \n {filterValues.status === 'junk' && (\n \n
\n )}\n \n
\n );\n};\n\nexport default JunkShow;\n","import JunkIcon from '@material-ui/icons/Error';\n\nimport JunkList from './junkList';\nimport JunkShow from './junkShow';\n\n\n\nexport default {\n list: JunkList,\n icon: JunkIcon,\n show: JunkShow,\n};","// in src/comments.js\nimport * as React from 'react';\nimport { FC } from 'react';\nimport { Card, CardHeader, CardContent } from '@material-ui/core';\nimport { makeStyles } from '@material-ui/core/styles';\nimport {\n DateField,\n EditButton,\n NumberField,\n TextField,\n BooleanField,\n useTranslate,\n RecordMap,\n Identifier,\n Record,\n} from 'react-admin';\n\nimport CustomerReferenceField from '../visitors/CustomerReferenceField';\n\nconst useListStyles = makeStyles(theme => ({\n card: {\n height: '100%',\n display: 'flex',\n flexDirection: 'column',\n margin: '0.5rem 0',\n },\n cardTitleContent: {\n display: 'flex',\n flexDirection: 'row',\n alignItems: 'center',\n justifyContent: 'space-between',\n },\n cardContent: theme.typography.body1,\n cardContentRow: {\n display: 'flex',\n flexDirection: 'row',\n alignItems: 'center',\n margin: '0.5rem 0',\n },\n}));\n\ninterface MobileGridProps {\n ids?: Identifier[];\n data?: RecordMap\n {ids.map(id => (\n \n \n \n {translate('resources.commands.name', 1)}\n : \n
\n }\n />\n \n {filterValues.status === 'sent' && (\n \n
\n )}\n \n
\n );\n};\n\nexport default SentShow;\n","import SentIcon from '@material-ui/icons/Error';\n\nimport SentList from './sentList';\nimport SentShow from './sentShow';\n\n\n\nexport default {\n list: SentList,\n icon: SentIcon,\n show: SentShow,\n};","// in src/comments.js\nimport * as React from 'react';\nimport { FC } from 'react';\nimport { Card, CardHeader, CardContent } from '@material-ui/core';\nimport { makeStyles } from '@material-ui/core/styles';\nimport {\n DateField,\n EditButton,\n NumberField,\n TextField,\n BooleanField,\n useTranslate,\n RecordMap,\n Identifier,\n Record,\n} from 'react-admin';\n\nimport CustomerReferenceField from '../visitors/CustomerReferenceField';\n\nconst useListStyles = makeStyles(theme => ({\n card: {\n height: '100%',\n display: 'flex',\n flexDirection: 'column',\n margin: '0.5rem 0',\n },\n cardTitleContent: {\n display: 'flex',\n flexDirection: 'row',\n alignItems: 'center',\n justifyContent: 'space-between',\n },\n cardContent: theme.typography.body1,\n cardContentRow: {\n display: 'flex',\n flexDirection: 'row',\n alignItems: 'center',\n margin: '0.5rem 0',\n },\n}));\n\ninterface MobileGridProps {\n ids?: Identifier[];\n data?: RecordMap\n {ids.map(id => (\n \n \n \n {translate('resources.commands.name', 1)}\n : \n
\n }\n />\n \n {filterValues.status === 'trash' && (\n \n
\n )}\n \n
\n );\n};\n\nexport default TrashShow;\n","import TrashIcon from '@material-ui/icons/Error';\n\nimport TrashList from './trashList';\nimport TrashShow from './trashShow';\n\n\n\nexport default {\n list: TrashList,\n icon: TrashIcon,\n show: TrashShow,\n};","// in src/comments.js\nimport * as React from 'react';\nimport { FC } from 'react';\nimport { Card, CardHeader, CardContent } from '@material-ui/core';\nimport { makeStyles } from '@material-ui/core/styles';\nimport {\n DateField,\n EditButton,\n NumberField,\n TextField,\n BooleanField,\n useTranslate,\n RecordMap,\n Identifier,\n Record,\n} from 'react-admin';\n\nimport CustomerReferenceField from '../visitors/CustomerReferenceField';\n\nconst useListStyles = makeStyles(theme => ({\n card: {\n height: '100%',\n display: 'flex',\n flexDirection: 'column',\n margin: '0.5rem 0',\n },\n cardTitleContent: {\n display: 'flex',\n flexDirection: 'row',\n alignItems: 'center',\n justifyContent: 'space-between',\n },\n cardContent: theme.typography.body1,\n cardContentRow: {\n display: 'flex',\n flexDirection: 'row',\n alignItems: 'center',\n margin: '0.5rem 0',\n },\n}));\n\ninterface MobileGridProps {\n ids?: Identifier[];\n data?: RecordMap\n {ids.map(id => (\n \n \n \n {translate('resources.commands.name', 1)}\n : \n
\n }\n />\n \n {assetText || 'Please select'}\n
\n )\n};\n\nexport default DropDown;","import * as React from 'react';\nimport { FC, Fragment, useCallback, useEffect, useState, cloneElement } from 'react';\nimport {\n BooleanField,\n Datagrid,\n DatagridProps,\n DateField,\n DateInput,\n Filter,\n FilterProps,\n Identifier,\n List,\n ListContextProvider,\n ListProps,\n NullableBooleanInput,\n NumberField,\n ReferenceInput,\n ReferenceField,\n SearchInput,\n TextField,\n TextInput,\n useRedirect,\n useGetList,\n useListContext,\n useRecordContext,\n ImageField,\n FieldProps,\n TopToolbar,\n Button,\n BulkDeleteButton,\n Pagination,\n sanitizeListRestProps,\n DeleteButton\n} from 'react-admin';\nimport { useSelector, useDispatch } from 'react-redux';\nimport { AppState } from '../types';\nimport { useMediaQuery, Divider, Tabs, Tab, Theme, Avatar, Typography } from '@material-ui/core';\n\nimport { makeStyles } from '@material-ui/core/styles';\n\nimport NbItemsField from './NbItemsField';\nimport MobileGrid from './MobileGrid';\nimport { Project } from '../types'\n\nimport IconSubscriptions from '@material-ui/icons/Subscriptions';\nimport Empty from '../components/empty'\nimport PostPagination from '../components/pagination'\nimport DropDown from '../components/dropDown'\nimport { useStyles } from '../components/BulkActionButtons'\n// import { Storage, Create_Mail_Cached, Email_Name } from '../utils/storage'\n\nconst ProjectFilter: FC- \n {options.map(({ label, value }: { label: string, value: string }) => (\n
- {label} \n ))}\n
\n
\n ) : null\n );\n\n const CustomerProjectField: FC {props.record.assets.coinname}
\n \n \n \n \n {record.projectname}\n \n
\n ) : null;\n\n const selectedIds = project;\n\n return (\n \n {/* {filterValues.status === 'information' && ( */}\n \n
\n )}\n \n
\n )\n};\n\nconst useListStyles = makeStyles(\n theme => ({\n root: {\n '& h6': {\n display: 'none',\n },\n\n '& .MuiToolbar-root[data-test=\"bulk-actions-toolbar\"]': {\n position: 'absolute',\n right: '34px',\n top: '30px',\n flexWrap: 'nowrap',\n },\n },\n }));\n\nconst ProjectList: FC\n {ids.map(id => (\n \n \n \n {translate('resources.commands.name', 1)}\n : \n
\n }\n />\n \n \n \n
\n ) : null;\n\n\n useEffect(() => {\n if (ids && ids !== filterValues.status) {\n switch (filterValues.status) {\n case 'ongoing':\n setAsset(ids);\n break;\n }\n }\n }, [ids, filterValues.status]);\n\n const handleChange = useCallback(\n (event: React.ChangeEvent<{}>, value: any) => {\n setFilters &&\n setFilters(\n { ...filterValues, status: value },\n displayedFilters\n );\n },\n [displayedFilters, filterValues, setFilters]\n );\n\n\n const CustomerTotalField: FC\n
\n ) : null\n );\n\n const CustomerPriceField: FC {props.record.assets.coinname}
\n \n
\n ) : null\n );\n\n const CustomerAssetField: FC$
\n
\n ) : null\n );\n\n const selectedIds = asset;\n\n return (\n \n
\n \n
\n \n {filterValues.status === 'ongoing' && (\n \n
\n )}\n \n
\n )\n};\n\nconst useListStyles = makeStyles(\n theme => ({\n root: {\n '& h6': {\n display: 'none',\n },\n },\n }));\n\nconst AssetList: FC\n MOVE ASSET\n
\n \n {/* */}\n }>\n \n {/* */}\n
\n )\n};\n\nexport default Email;","import React, { FC, Fragment, useCallback, useEffect, useState, cloneElement } from 'react';\nimport Empty from '../components/empty'\nimport { makeStyles } from '@material-ui/core/styles';\nimport l1 from '../assets/red/1.png';\nimport l2 from '../assets/red/2.png';\nimport l3 from '../assets/red/3.png';\nimport l4 from '../assets/red/4.png';\nimport l5 from '../assets/red/5.png';\nimport l6 from '../assets/red/6.png';\nimport l7 from '../assets/red/7.png';\nimport l8 from '../assets/red/8.png';\n\nconst useStyles = makeStyles(\n theme => ({\n root: {\n\n },\n empty: {\n minHeight: 'auto',\n paddingTop: '50px',\n\n '& img': {\n width: 120,\n },\n },\n\n container: {\n padding: '30px 30px 40px',\n marginTop: '50px',\n border: '2px dashed #BFBFBF',\n backgroundColor: '#F2F2F2',\n borderRadius: '10px',\n },\n\n title: {\n fontSize: '20px',\n fontWeight: 'bold',\n color: '#083353',\n },\n list: {\n marginTop: '10px',\n display: 'flex',\n justifyContent: 'space-between',\n flexWrap: 'wrap',\n\n '& li': {\n display: 'flex',\n justifyContent: 'space-between',\n alignItems: 'center',\n padding: '5px 15px',\n width: '21%',\n marginTop: '30px',\n backgroundColor: '#fff',\n borderRadius: '10px',\n boxSizing: 'border-box',\n boxShadow: '0px 6px 7px 1px rgba(206, 186, 186, 0.39)',\n fontSize: '16px',\n fontWeight: 'normal',\n border: '1px solid transparent',\n cursor: 'pointer',\n\n '&:hover': {\n borderColor: '#FF9B86',\n boxShadow: 'none',\n },\n\n '& img': {\n width: '66px',\n height: '66px',\n }\n }\n\n }\n\n }));\n\ninterface Props {\n\n}\nconst Wallet: FC\n
\n Identity :
\n {identity || '--'}
\n \n
\n Modify Avatar :
\n \n \n */}\n
\n \n
\n {/* \n 
\n
\n Please upload a photo as avatar!
\n {\n uploadRef.current = e;\n }}>\n \n
\n Click or dray the file here to upload
\n\n
\n Mailbox alias settings:
\n \n
\n \n \n @ic.dmail.ai\n
\n \n \n {emailError ? (\n (Please input the email!)\n ) : (\n (You need to verify the uniqueness of the alias. If it is repeated,you will be prompted.)\n )}\n
\n \n \n
\n \n
\n \n submit\n
\n \n
\n )\n};\n\nexport default Wallet;","import React, { FC, Fragment, useCallback, useEffect, useState, cloneElement, useMemo } from 'react';\nimport { Tabs, Tab } from '@material-ui/core';\nimport { useSelector } from 'react-redux';\nimport { AppState } from '../types';\n\nimport { makeStyles } from '@material-ui/core/styles';\nimport Email from './email'\nimport Wallet from './wallet'\n\nconst useStyles = makeStyles(\n theme => ({\n root: {\n padding: '20px 34px 34px',\n overflow: 'hidden',\n boxShadow: 'none',\n borderRadius: '24px',\n backgroundColor: '#fff',\n },\n tabs: {\n display: 'block',\n marginBottom: '25px',\n },\n tab: {\n marginRight: '50px',\n lineHeight: '17px',\n padding: '12px 0',\n fontSize: '17px',\n fontFamily: 'PingFang SC',\n color: '#56677B',\n fontWeight: 600,\n minWidth: 'auto',\n\n '&.Mui-selected': {\n color: '#153F5D',\n fontWeight: 'bold',\n fontSize: '20px',\n }\n },\n }));\n\nconst tabs = [\n { id: 'email', name: 'EMAIL ACCOUNT' },\n { id: 'wallet', name: 'WALLET ACCOUNT' },\n];\n\ninterface Props { }\n\nconst Show: FC\n
\n \n Choose your Blockchain and connect your wallet\n
\n - \n
- \n
\n Dfinity\n
\n - \n
\n BSC\n
\n - \n
\n Polygon\n
\n - \n
\n Cardano\n
\n - \n
\n Solana\n
\n - \n
\n Ethereum\n
\n - \n
\n MetaMask\n
\n - \n
\n Binance Chain\n
\n
\n \n {tabs.map(choice => (\n
\n );\n};\n\nexport default Show;\n","import SettingsShow from './settingsShow';\n\nexport default {\n list: SettingsShow,\n};","export const tags = [\n { label: 'ALL', value: 1 },\n { label: 'Dmail accounts', value: 2 },\n { label: 'Pictures', value: 3 },\n { label: 'Voices', value: 4 },\n { label: 'Art', value: 5 },\n { label: 'Music', value: 6 },\n { label: 'Sports', value: 7 },\n { label: 'Collectibles', value: 8 },\n]\n\nexport const priceTypes = [\n { label: 'USDT', value: 1 },\n { label: 'USDC', value: 2 },\n { label: 'BTC', value: 3 },\n { label: 'ETH', value: 4 },\n { label: 'ICP', value: 5 },\n]","import React, { FC, Fragment, useCallback, useEffect, useState, cloneElement, useMemo } from 'react';\nimport { makeStyles } from '@material-ui/core/styles';\n// import {\n// useNotify,\n// useRedirect,\n// } from 'react-admin';\n\nconst useStyles = makeStyles(\n theme => ({\n modal: {\n position: 'fixed',\n left: 0,\n right: 0,\n top: 0,\n bottom: 0,\n zIndex: 1000,\n display: 'none',\n\n '& .modal-mask': {\n height: '100%',\n backgroundColor: 'rgba(40, 15, 15, .3)',\n },\n '& .modal-wrap': {\n position: 'absolute',\n left: '50%',\n top: '40%',\n transform: 'translateX(-50%) translateY(-50%)',\n minWidth: '400px',\n boxShadow: '0px 7px 15px 3px rgba(40, 15, 15, 0.15)',\n borderRadius: '10px',\n backgroundColor: '#fff',\n padding: '40px',\n },\n '& .modal-title': {\n fontSize: '26px',\n fontWeight: 600,\n color: '#153F5D',\n marginBottom: '40px',\n textAlign: 'center',\n },\n '& .modal-body': {\n height: '100%',\n },\n '& .modal-form': {\n minWidth: '620px',\n },\n '& .modal-form-item': {\n display: 'flex',\n alignItems: 'center',\n marginBottom: '20px',\n\n '& label': {\n minWidth: '200px',\n textAlign: 'right',\n fontWeight: 'bold',\n fontSize: '18px',\n color: '#666666',\n marginRight: '20px',\n },\n },\n '& .modal-form-input': {\n position: 'relative',\n\n '& input': {\n width: '270px',\n lineHeight: '40px',\n padding: '0 15px',\n border: 'none',\n background: '#F7F6F4',\n borderRadius: '8px',\n fontSize: '16px',\n }\n },\n '& .modal-footer': {\n marginTop: '48px',\n },\n '& .modal-btn': {\n textAlign: 'center',\n\n '& a': {\n display: 'inline-block',\n color: '#fff',\n height: '42px',\n lineHeight: '42px',\n marginRight: '100px',\n padding: '0 30px',\n fontSize: '18px',\n transition: 'transform 0.3s ease',\n borderRadius: '8px',\n textTransform: 'none',\n backgroundColor: '#FA6755',\n cursor: 'pointer',\n boxSizing: 'border-box',\n fontWeight: 'bold',\n\n '&:last-child': {\n marginRight: '0',\n backgroundColor: '#bbb',\n\n '&:hover': {\n backgroundColor: '#FA6755',\n }\n },\n\n '&:hover': {\n transform: 'scale(1.05)'\n }\n }\n },\n }\n }));\n\n\ninterface Props {\n visible: boolean;\n setVisible: (value: boolean) => void;\n}\nconst Modal: FC\n {currentTab === 'wallet' ?
\n \n \n \n
\n )\n}\n\nexport default Modal;","import React, { FC, Fragment, useCallback, useEffect, useState, cloneElement, useMemo } from 'react';\nimport { makeStyles } from '@material-ui/core/styles';\nimport {\n useNotify,\n useGetList,\n useRedirect,\n useListContext,\n} from 'react-admin';\nimport { tags, priceTypes } from './utils';\nimport test from '../assets/test/test1.jpeg';\nimport email from '../assets/red/nft-email.png';\nimport date from '../assets/red/nft-date.png';\nimport dapper from '../assets/red/nft-dapper.png';\nimport type from '../assets/red/6.png';\nimport dmail from '../assets/red/d.png';\nimport dbg from '../assets/red/dbg.jpg';\nimport down from '../assets/red/down3.png';\n// import transparent from '../assets/red/transparent.png';\n\nimport Modal from './modal'\n\nconst useStyles = makeStyles(\n theme => ({\n root: {\n\n },\n desc: {\n fontSize: '16px',\n color: '#999',\n lineHeight: '24px',\n },\n tags: {\n display: 'flex',\n justifyContent: 'space-between',\n alignItems: 'center',\n flexWrap: 'wrap',\n fontSize: '16px',\n marginTop: '30px',\n\n '&>div': {\n display: 'flex',\n alignItems: 'center',\n },\n\n '& select, & input': {\n height: '28px',\n lineHeight: '28px',\n border: '1px solid #ccc',\n boxSizing: 'border-box',\n padding: '0 12px',\n fontSize: '14px',\n },\n\n '& select': {\n width: '165px',\n marginRight: '72px',\n },\n\n '& input': {\n width: '100px',\n },\n\n '& .search': {\n marginLeft: '20px',\n\n '& a': {\n display: 'inline-block',\n color: '#fff',\n height: '28px',\n lineHeight: '28px',\n padding: '0 15px',\n fontSize: '14px',\n transition: 'transform 0.3s ease',\n borderRadius: '5px',\n textTransform: 'none',\n backgroundColor: '#FA6755',\n cursor: 'pointer',\n\n '&:hover': {\n transform: 'scale(1.05)'\n }\n }\n },\n\n '& p': {\n margin: '0 20px',\n fontSize: '12px',\n color: 'rgba(8, 51, 83, 0.5)',\n display: 'inline-block',\n },\n\n '& strong': {\n width: '82px',\n display: 'inline-block',\n textAlign: 'right',\n marginRight: '35px',\n color: 'rgba(8, 51, 83, 1)',\n },\n\n '& span': {\n marginRight: '50px',\n color: 'rgba(8, 51, 83, 0.5)',\n cursor: 'pointer',\n verticalAlign: 'middle',\n },\n '& .more': {\n display: 'inline-block',\n width: '20px',\n height: '11px',\n background: `url(${down}) no-repeat`,\n backgroundSize: '100%',\n transition: 'transform 0.3s ease-in-out 0s',\n transformOrigin: 'center center',\n cursor: 'pointer',\n },\n '& .more.up': {\n transform: 'rotate(180deg)',\n },\n\n '& .on': {\n color: 'rgba(8, 51, 83, 1)',\n },\n '& a': {\n color: '#FF5745',\n cursor: 'pointer',\n },\n },\n list: {\n marginTop: '30px',\n\n '& ul': {\n display: 'flex',\n flexWrap: 'wrap',\n },\n\n '& li': {\n flex: 1,\n // let 4 li one line\n minWidth: '21%',\n maxWidth: '25%',\n marginRight: '30px',\n marginBottom: '40px',\n boxShadow: '0px 7px 7px 0px rgba(217, 216, 215, 0.58)',\n borderRadius: '10px',\n cursor: 'pointer',\n\n '&:nth-child(4n)': {\n marginRight: 0,\n }\n },\n\n '& .dmail': {\n borderRadius: '10px 10px 0 0',\n backgroundColor: '#FFC5BE',\n position: 'relative',\n\n '&::after': {\n content: '\"\"',\n width: '88px',\n height: '109px',\n background: `url(${dmail}) no-repeat`,\n backgroundSize: '100%',\n position: 'absolute',\n left: '50%',\n top: '50%',\n transform: 'translateX(-50%) translateY(-50%)',\n },\n },\n\n '& img': {\n width: '100%',\n display: 'block',\n borderRadius: '10px 10px 0 0',\n },\n\n '& .content': {\n padding: '5px 16px 15px',\n },\n\n '& .info': {\n display: 'flex',\n justifyContent: 'space-between',\n color: '#727A82',\n fontSize: '14px',\n },\n\n '& p': {\n display: 'flex',\n alignItems: 'center',\n lineHeight: '16px',\n marginTop: '5px',\n\n '& i': {\n width: '20px',\n height: '20px',\n marginRight: '6px',\n display: 'inline-block',\n background: `url(${email}) no-repeat`,\n backgroundSize: '100%',\n },\n\n '& .date': {\n backgroundImage: `url(${date})`,\n },\n\n '& .dapper': {\n backgroundImage: `url(${dapper})`,\n },\n\n '& .type': {\n backgroundImage: `url(${type})`,\n },\n },\n\n '& .right': {\n color: '#A5A5A5',\n // lineHeight value is equal the icon height\n lineHeight: '20px',\n\n '& i': {\n marginRight: '0',\n },\n\n '& span': {\n color: '#343434',\n fontSize: '18px',\n },\n },\n '& .action': {\n marginTop: '12px',\n textAlign: 'center',\n\n '& a': {\n display: 'inline-block',\n color: '#fff',\n height: '30px',\n lineHeight: '30px',\n padding: '0 25px',\n fontSize: '14px',\n fontWeight: 'bold',\n transition: 'transform 0.3s ease',\n borderRadius: '8px',\n textTransform: 'none',\n backgroundColor: '#FA6755',\n cursor: 'pointer',\n\n '&:hover': {\n transform: 'scale(1.05)'\n }\n }\n }\n },\n }));\n\ninterface Props {\n name: string;\n}\nconst Page: FC\n
\n )\n}\n\nexport default Page;","import React, { FC, Fragment, useCallback, useEffect, useState, cloneElement, useMemo } from 'react';\n\nimport {\n useGetList,\n ListContextProvider,\n useListContext,\n} from 'react-admin';\nimport { useMediaQuery, Divider, Tabs, Tab, Theme, Typography, Avatar } from '@material-ui/core';\n\nimport { makeStyles } from '@material-ui/core/styles';\nimport Page from './page';\n\nconst useStyles = makeStyles(\n theme => ({\n root: {\n\n },\n tabs: {\n display: 'block',\n marginBottom: '25px',\n },\n tab: {\n marginRight: '50px',\n lineHeight: '17px',\n padding: '12px 0',\n fontSize: '17px',\n fontFamily: 'PingFang SC',\n color: '#56677B',\n fontWeight: 600,\n minWidth: 'auto',\n\n '&.Mui-selected': {\n color: '#153F5D',\n fontWeight: 'bold',\n fontSize: '20px',\n }\n },\n }));\n\nconst tabs = [\n { id: 'auction', name: 'AUCTION PLACE' },\n { id: 'sell', name: 'SELL PLACE' },\n { id: 'my', name: 'MY NFT' },\n];\n\ninterface ContentProps { }\n\nconst Content: FC\n NFT is the abbreviation of non homogenous token. The biggest feature is that it is not interchangeable. Each token is different. One of the origins of NFT can be traced back to the encrypted cat game in 2017, which is used to represent the different colors, genes, generations and other information owned by each cat. At present, NFT is mainly used to encrypt the issuance and circulation of works of art, virtual land, game props, tickets and other fields. NFT market zone is the basic platform to support the auction and secondary sale of NFT assets.\n
\n {name !== 'my' ?\n <>\n \n
\n \n NFT Type:\n {filterTags.map(({ label, value }: { label: string, value: number | string }, index: number) => (\n <>\n \n {label}\n \n {index === filterTags.length - 1 ? setMoreTag(!moreTag)}> : null}\n \n ))}\n
\n {/* Put Away */}\n \n
\n \n :\n null\n }\n \n Price:\n \n
\n \n \n
\n to
\n \n\n Search\n
\n \n
\n - \n {Object.values(data).map((item, key) => (\n
- \n {item.isEmail ?\n \n\n :\n
\n
\n\n }\n\n
\n\n\n\n\n {item.subject} #{item.id}\n
\n\n Price\n
\n\n\n \n\n {item.time}\n
\n\n {item.price}\n
\n \n ))}\n {placeholderList.map((item, key) => ())}\n
\n {filterValues.status === 'auction' && (\n \n \n {/* \n {/*
\n \n
\n )\n}\n\nconst Auction = ({ data }) => {\n const classes = useStyles();\n\n const [eth, setEth] = useState('0');\n const onChangeETH = (e: React.ChangeEvent\n
\n \n \n {data.subject} #{data.id}\n
\n \n 
\n
\n \n
\n Creator
\n{data.creator}
\n\n
\n Price
\n\n {data.price}(${data.dollar})\n
\n\n
\n Product description
\n{data.description}
\n\n Buy Now\n Make Offer\n
\n \n
\n )\n}\n\ninterface Props {\n\n}\nconst NftShow: FC\n
\n \n \n {data.subject} #{data.id}\n
\n \n
\n Current Price：
\n\n {data.price}(${data.dollar})\n
\n\n
\n Bonds：
\n{data.price} ETH
\n \n
\n Add Price：
\n ETH
\n \n
\n Total：
\n{+eth + data.price} ETH
\n \n Submit\n
\n \n
\n );\n};\n\nexport default NftShow;\n","import NftList from './nftList';\nimport NftShow from './nftShow'\n\nexport default {\n list: NftList,\n show: NftShow,\n};","export default (type: string) => {\n switch (type) {\n case 'graphql':\n return import('./graphql').then(factory => factory.default());\n default:\n return import('./rest').then(factory => factory.default());\n }\n};\n","import {\n convertLegacyDataProvider,\n DataProvider,\n LegacyDataProvider,\n} from 'react-admin';\nimport fakeServerFactory from '../fakeServer';\nimport { resources } from '../App';\n\nexport default (type: string) => {\n // The fake servers require to generate data, which can take some time.\n // Here we start the server initialization but we don't wait for it to finish\n let dataProviderPromise = getDataProvider(type);\n\n // Instead we return this proxy which may be called immediately by react-admin if the\n // user is already signed-in. In this case, we simply wait for the dataProvider promise\n // to complete before requesting it the data.\n // If the user isn't signed in, we already started the server initialization while they see\n // the login page. By the time they come back to the admin as a signed-in user,\n // the fake server will be initialized.\n const dataProviderWithGeneratedData = new Proxy(defaultDataProvider, {\n get(_, name) {\n return (resource: string, params: any) => {\n return dataProviderPromise.then(dataProvider => {\n // We have to convert the dataProvider here otherwise the proxy would try to intercept the promise resolution\n if (typeof dataProvider === 'function') {\n return convertLegacyDataProvider(dataProvider)[\n name.toString()\n ](resource, params);\n }\n const path = resources.filter(({ name, useMock }) => name === resource && !useMock).length ? `${resource}/${name.toString()}` : resource;\n const data = dataProvider[name.toString()](path, params);\n return data\n });\n };\n },\n });\n\n return dataProviderWithGeneratedData;\n};\n\nconst getDataProvider = async (\n type: string\n): Promise\n 
\n {name === 'auction' ?
\n \n
\n
\n The NFT introduction:
\n
{data.introduction}
\n