|  |  |  | 
|---|
|  |  |  | import { useTranslate } from "react-admin"; | 
|---|
|  |  |  | import { Box, Typography, Tabs, Tab, Stack, useTheme, Divider } from '@mui/material'; | 
|---|
|  |  |  | import AgvMain from './AgvMain'; | 
|---|
|  |  |  | import AgvControl from './AgvControl'; | 
|---|
|  |  |  | import JsonShow from '../../JsonShow'; | 
|---|
|  |  |  |  | 
|---|
|  |  |  | const AgvInsight = (props) => { | 
|---|
|  |  |  | 
|---|
|  |  |  | sx={{ mb: 0 }} | 
|---|
|  |  |  | > | 
|---|
|  |  |  | <Tab label={translate('page.map.insight.title')} /> | 
|---|
|  |  |  | <Tab label={translate('page.map.insight.tabs.control')} /> | 
|---|
|  |  |  | <Tab label={'JSON'} /> | 
|---|
|  |  |  | </Tabs> | 
|---|
|  |  |  |  | 
|---|
|  |  |  | 
|---|
|  |  |  | /> | 
|---|
|  |  |  | )} | 
|---|
|  |  |  | {activeTab === 1 && ( | 
|---|
|  |  |  | <AgvControl | 
|---|
|  |  |  | data={sprite?.data} | 
|---|
|  |  |  | /> | 
|---|
|  |  |  | )} | 
|---|
|  |  |  | {activeTab === 2 && ( | 
|---|
|  |  |  | <JsonShow | 
|---|
|  |  |  | data={sprite?.data} | 
|---|
|  |  |  | height={550} | 
|---|