|  |  | 
 |  |  |     } | 
 |  |  |  | 
 |  |  |     useEffect(() => { | 
 |  |  |         if (info) { | 
 |  |  |         if (curAgvNo) { | 
 |  |  |             setLoading(true); | 
 |  |  |             setTimeout(() => { | 
 |  |  |                 startThree(containerRef.current); | 
 |  |  | 
 |  |  |             }, 200); | 
 |  |  |         } | 
 |  |  |         return endThree; | 
 |  |  |     }, [info]); | 
 |  |  |     }, [curAgvNo]); | 
 |  |  |  | 
 |  |  |     const handleRestoreAll = () => { | 
 |  |  |         handleRestoreAgvAll({ agvNo: info.agvNo }); | 
 |  |  | 
 |  |  |                                 <KeyValuePair label={translate('table.field.agvDetail.pos')} value={info?.pos} bool /> | 
 |  |  |                             </Grid> | 
 |  |  |                             <Grid item xs={12}> | 
 |  |  |                                 <KeyValuePair label={translate('table.field.agvDetail.code')} value={info?.code} /> | 
 |  |  |                             </Grid> | 
 |  |  |                             <Grid item xs={12}> | 
 |  |  |                                 <KeyValuePair label={translate('common.field.status')} value={info?.agvStatus} /> | 
 |  |  |                             </Grid> | 
 |  |  |                             <Grid item xs={12}> | 
 |  |  |                                 <KeyValuePair label={translate('table.field.agvDetail.vol')} value={info?.vol} /> | 
 |  |  |                             </Grid> | 
 |  |  |                             <Grid item xs={12}> | 
 |  |  |                             {/* <Grid item xs={12}> | 
 |  |  |                                 <KeyValuePair label={translate('table.field.agvDetail.soc')} value={info?.soc} /> | 
 |  |  |                             </Grid> | 
 |  |  |                             </Grid> */} | 
 |  |  |                             <Grid item xs={12}> | 
 |  |  |                                 <KeyValuePair label={translate('table.field.agvDetail.agvAngle')} value={info?.direction} /> | 
 |  |  |                             </Grid> | 
 |  |  |                             <Grid item xs={12}> | 
 |  |  |                                 <KeyValuePair label={translate('table.field.agvDetail.backpack')} value={info?.backpack.filter(item => item.loaded === true).length} /> | 
 |  |  |                                 <KeyValuePair label={translate('table.field.agvDetail.backpack')} value={info?.backpack?.filter(item => item.loaded === true).length} /> | 
 |  |  |                             </Grid> | 
 |  |  |                             <Grid item xs={12}> | 
 |  |  |                                 <KeyValuePair label={translate('table.field.agvDetail.error')} value={info?.error} /> | 
 |  |  |                             </Grid> | 
 |  |  |                             <Grid item xs={12}> | 
 |  |  |                                 <KeyValuePair label={translate('table.field.agvDetail.task')} value={info?.taskIds?.join(',')} /> |