|  |  | 
 |  |  | import React, { useRef, useEffect, useState } from 'react'; | 
 |  |  | import * as THREE from 'three'; | 
 |  |  | import { useTranslate, useDataProvider } from 'react-admin'; | 
 |  |  | import { useTranslate, useDataProvider, useRedirect } from 'react-admin'; | 
 |  |  | import { | 
 |  |  |     Box, | 
 |  |  |     CircularProgress, | 
 |  |  | 
 |  |  | } from '@mui/material'; | 
 |  |  | import { useNotification } from '../../Notification'; | 
 |  |  | import AgvThree from './AgvThree'; | 
 |  |  | import { getAgvInfo } from '../../http'; | 
 |  |  | import { handleRestoreAgvAll } from '../../http'; | 
 |  |  | import BoolValueIcon from '../BoolValueIcon'; | 
 |  |  | import ConfirmButton from '../../../page/components/ConfirmButton'; | 
 |  |  |  | 
 |  |  | 
 |  |  |     const theme = useTheme(); | 
 |  |  |     const translate = useTranslate(); | 
 |  |  |     const dataProvider = useDataProvider(); | 
 |  |  |     const redirect = useRedirect(); | 
 |  |  |     const notify = useNotification(); | 
 |  |  |     const containerRef = useRef(); | 
 |  |  |     const [loading, setLoading] = useState(true); | 
 |  |  | 
 |  |  |         return endThree; | 
 |  |  |     }, [info]); | 
 |  |  |  | 
 |  |  |     const handleReset = () => { | 
 |  |  |         alert(1) | 
 |  |  |     const handleRestoreAll = () => { | 
 |  |  |         handleRestoreAgvAll({ agvNo: info.agvNo }); | 
 |  |  |     } | 
 |  |  |  | 
 |  |  |     const updateStatus = (status) => { | 
 |  |  |     const updateStatus = () => { | 
 |  |  |         dataProvider.update('agv', { | 
 |  |  |             id: info.agvId, | 
 |  |  |             data: { | 
 |  |  |                 status: status === 0 ? 1 : 0 | 
 |  |  |                 status: info.status === 0 ? 1 : 0 | 
 |  |  |             } | 
 |  |  |         }).then(({ data }) => { | 
 |  |  |             fetchAgvInfo(curAgvNo); | 
 |  |  | 
 |  |  |                         <Grid container spacing={2} style={{ marginTop: '0px' }}> | 
 |  |  |                             <Grid item xs={12}> | 
 |  |  |                                 <Stack spacing={2} mt={2}> | 
 |  |  |                                     <ConfirmButton | 
 |  |  |                                         label="page.map.action.reset" | 
 |  |  |                                     <Button | 
 |  |  |                                         color="primary" | 
 |  |  |                                         variant="contained" | 
 |  |  |                                         onConfirm={() => { | 
 |  |  |                                             handleReset(); | 
 |  |  |                                         onClick={() => { | 
 |  |  |                                             redirect(`/agv/${info?.agvId}/show`); | 
 |  |  |                                         }} | 
 |  |  |                                     /> | 
 |  |  |                                     <ConfirmButton | 
 |  |  |                                         label="page.map.action.reset" | 
 |  |  |                                         color="primary" | 
 |  |  |                                         variant="contained" | 
 |  |  |                                         onConfirm={() => { | 
 |  |  |                                             handleReset(); | 
 |  |  |                                         }} | 
 |  |  |                                     /> | 
 |  |  |                                     > | 
 |  |  |                                         {translate('page.map.settings.map.more.title')} | 
 |  |  |                                     </Button> | 
 |  |  |                                     {info && ( | 
 |  |  |                                         info.status === 1 | 
 |  |  |                                             ? <Button variant="contained" color="error" fullWidth onClick={() => { | 
 |  |  |                                                 updateStatus(info.status); | 
 |  |  |                                                 updateStatus(); | 
 |  |  |                                             }}> | 
 |  |  |                                                 {translate('page.map.action.disable')} | 
 |  |  |                                             </Button> | 
 |  |  |                                             : <Button variant="contained" fullWidth onClick={() => { | 
 |  |  |                                                 updateStatus(info.status); | 
 |  |  |                                                 updateStatus(); | 
 |  |  |                                             }}> | 
 |  |  |                                                 {translate('page.map.action.enable')} | 
 |  |  |                                             </Button> | 
 |  |  |                                     )} | 
 |  |  |                                     <ConfirmButton | 
 |  |  |                                         label="page.map.action.restoreALl" | 
 |  |  |                                         color="inherit" | 
 |  |  |                                         // variant="contained" | 
 |  |  |                                         onConfirm={() => { | 
 |  |  |                                             handleRestoreAll(); | 
 |  |  |                                         }} | 
 |  |  |                                     /> | 
 |  |  |                                 </Stack> | 
 |  |  |                             </Grid> | 
 |  |  |                         </Grid> |