| | |
| | | |
| | | import React, { useState, useRef, useEffect } from 'react'; |
| | | import { useTranslate } from "react-admin"; |
| | | import { Box, Typography, Tabs, Tab, Stack, useTheme, Divider } from '@mui/material'; |
| | | |
| | | const ShelfInsight = (props) => { |
| | | const { } = props; |
| | | const theme = useTheme(); |
| | | const themeMode = theme.palette.mode; |
| | | const translate = useTranslate(); |
| | | |
| | | const [activeTab, setActiveTab] = useState(0); |
| | | |
| | | const handleTabChange = (event, newValue) => { |
| | | setActiveTab(newValue); |
| | | }; |
| | | |
| | | return ( |
| | | <> |
| | | <h1>SHleft</h1> |
| | | <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')} /> |
| | | </Tabs> |
| | | |
| | | <Divider /> |
| | | |
| | | <Box p={3}> |
| | | {activeTab === 0 && ( |
| | | <Box> |
| | | <h1>1</h1> |
| | | </Box> |
| | | )} |
| | | {activeTab === 1 && ( |
| | | <Box> |
| | | <h1>2</h1> |
| | | </Box> |
| | | )} |
| | | </Box> |
| | | </> |
| | | ) |
| | | } |