| | |
| | | import JsonShow from '../../JsonShow'; |
| | | |
| | | const ShelfInsight = (props) => { |
| | | const { sprite } = props; |
| | | const { sprite, setTitle } = props; |
| | | const theme = useTheme(); |
| | | const themeMode = theme.palette.mode; |
| | | const translate = useTranslate(); |
| | |
| | | }; |
| | | |
| | | return ( |
| | | <> |
| | | <Box sx={{ height: '100%', display: 'flex', flexDirection: 'column' }}> |
| | | <Tabs |
| | | value={activeTab} |
| | | onChange={handleTabChange} |
| | | indicatorColor="primary" |
| | | textColor="primary" |
| | | centered |
| | | sx={{ mb: 0 }} |
| | | > |
| | | <Tab label={translate('page.map.settings.map.title')} /> |
| | | <Tab label={translate('page.map.settings.config.title')} /> |
| | | <Tab label={translate('page.map.insight.title')} /> |
| | | <Tab label={'JSON'} /> |
| | | </Tabs> |
| | | |
| | | <Divider /> |
| | | |
| | | <Box pt={1}> |
| | | <Box flex={1} pt={2}> |
| | | {activeTab === 0 && ( |
| | | <ShelfMain |
| | | data={sprite?.data} |
| | |
| | | /> |
| | | )} |
| | | </Box> |
| | | </> |
| | | </Box> |
| | | ) |
| | | } |
| | | |