|  |  |  | 
|---|
|  |  |  | import { HotTub } from '@mui/icons-material'; | 
|---|
|  |  |  | import { useNavigate } from 'react-router-dom'; | 
|---|
|  |  |  | import MyCreateButton from './MyCreateButton'; | 
|---|
|  |  |  | import { useTranslate } from 'react-admin'; | 
|---|
|  |  |  |  | 
|---|
|  |  |  | const NotFound = ({ children, onClick, btnMsg }) => { | 
|---|
|  |  |  | const navigate = useNavigate(); | 
|---|
|  |  |  |  | 
|---|
|  |  |  | const translate = useTranslate(); | 
|---|
|  |  |  | return ( | 
|---|
|  |  |  | <Box | 
|---|
|  |  |  | display="flex" | 
|---|
|  |  |  | 
|---|
|  |  |  | opacity: .5, | 
|---|
|  |  |  | mt: 2 | 
|---|
|  |  |  | }}> | 
|---|
|  |  |  | Data Empty | 
|---|
|  |  |  | {translate('create.empty.title')} | 
|---|
|  |  |  | </Typography> | 
|---|
|  |  |  | <Typography variant="subtitle1" gutterBottom sx={{ | 
|---|
|  |  |  | fontSize: '1em', | 
|---|
|  |  |  | opacity: .5, | 
|---|
|  |  |  | mt: 2 | 
|---|
|  |  |  | }}> | 
|---|
|  |  |  | Please Create Data First | 
|---|
|  |  |  | {translate('create.empty.desc')} | 
|---|
|  |  |  | </Typography> | 
|---|
|  |  |  | {children} | 
|---|
|  |  |  | {!children && ( | 
|---|
|  |  |  | 
|---|
|  |  |  | mt: 2 | 
|---|
|  |  |  | }} | 
|---|
|  |  |  | > | 
|---|
|  |  |  | {btnMsg || 'Create Data'} | 
|---|
|  |  |  | {btnMsg || translate('create.empty.button')} | 
|---|
|  |  |  | </Button> | 
|---|
|  |  |  | )} | 
|---|
|  |  |  | </Box> | 
|---|