|  |  | 
 |  |  | import React, { useState, useRef, useEffect, useMemo } from "react"; | 
 |  |  | import { useNavigate } from 'react-router-dom'; | 
 |  |  | import { | 
 |  |  |     Edit, | 
 |  |  |     SimpleForm, | 
 |  |  | 
 |  |  |     required, | 
 |  |  |     useRecordContext, | 
 |  |  |     useTheme, | 
 |  |  |     useAuthProvider, | 
 |  |  | } from 'react-admin'; | 
 |  |  | import { useWatch, useFormContext } from "react-hook-form"; | 
 |  |  | import { Stack, Grid, Box, Typography, Card, CardContent, Tabs, Tab } from '@mui/material'; | 
 |  |  | 
 |  |  | import { } from '@/config/setting'; | 
 |  |  |  | 
 |  |  | const Settings = () => { | 
 |  |  |     const authProvider = useAuthProvider(); | 
 |  |  |     const navigate = useNavigate(); | 
 |  |  |     const translate = useTranslate(); | 
 |  |  |     const theme = useTheme(); | 
 |  |  |     const [value, setValue] = React.useState(0); | 
 |  |  |  | 
 |  |  |     useEffect(() => { | 
 |  |  |         authProvider.checkAuth().catch(() => { | 
 |  |  |             navigate('/login'); | 
 |  |  |         }); | 
 |  |  |     }, [authProvider, navigate]); | 
 |  |  |  | 
 |  |  |     useEffect(() => { | 
 |  |  |     }, [value]); | 
 |  |  | 
 |  |  |             sx={{ p: 3 }} | 
 |  |  |             {...other} | 
 |  |  |         > | 
 |  |  |             <Typography> | 
 |  |  |                 Base Settings | 
 |  |  |             </Typography> | 
 |  |  |             <Grid container spacing={6}> | 
 |  |  |                 <Grid item xs={12}> | 
 |  |  |                     {/* https://github.com/themeselection/materio-mui-nextjs-admin-template-free/blob/main/javascript-version/src/views/account-settings/account/AccountDetails.jsx */} | 
 |  |  |                     <Card> | 
 |  |  |                         <CardContent className='mbe-5'> | 
 |  |  |                             <Typography> | 
 |  |  |                                 Base Settings | 
 |  |  |                             </Typography> | 
 |  |  |                         </CardContent> | 
 |  |  |                     </Card> | 
 |  |  |  | 
 |  |  |                 </Grid> | 
 |  |  |             </Grid> | 
 |  |  |         </Box> | 
 |  |  |  | 
 |  |  |     ) |