|
|
@@ -14,20 +14,22 @@ import { |
|
|
|
Paper, |
|
|
|
Popper, |
|
|
|
Stack, |
|
|
|
Tab, |
|
|
|
Tabs, |
|
|
|
// Tab, |
|
|
|
// Tabs, |
|
|
|
Typography |
|
|
|
} from '@mui/material'; |
|
|
|
|
|
|
|
// project import |
|
|
|
import MainCard from 'components/MainCard'; |
|
|
|
import Transitions from 'components/@extended/Transitions'; |
|
|
|
import ProfileTab from './ProfileTab'; |
|
|
|
import SettingTab from './SettingTab'; |
|
|
|
// import ProfileTab from './ProfileTab'; |
|
|
|
// import SettingTab from './SettingTab'; |
|
|
|
|
|
|
|
// assets |
|
|
|
import avatar1 from 'assets/images/users/avatar-1.png'; |
|
|
|
import { LogoutOutlined, SettingOutlined, UserOutlined } from '@ant-design/icons'; |
|
|
|
import { LogoutOutlined, |
|
|
|
// SettingOutlined, UserOutlined |
|
|
|
} from '@ant-design/icons'; |
|
|
|
import { handleLogoutFunction } from 'auth/index'; |
|
|
|
import {useNavigate} from "react-router-dom"; |
|
|
|
import {useDispatch} from "react-redux"; |
|
|
@@ -48,12 +50,12 @@ TabPanel.propTypes = { |
|
|
|
value: PropTypes.any.isRequired |
|
|
|
}; |
|
|
|
|
|
|
|
function a11yProps(index) { |
|
|
|
return { |
|
|
|
id: `profile-tab-${index}`, |
|
|
|
'aria-controls': `profile-tabpanel-${index}` |
|
|
|
}; |
|
|
|
} |
|
|
|
// function a11yProps(index) { |
|
|
|
// return { |
|
|
|
// id: `profile-tab-${index}`, |
|
|
|
// 'aria-controls': `profile-tabpanel-${index}` |
|
|
|
// }; |
|
|
|
// } |
|
|
|
|
|
|
|
// ==============================|| HEADER CONTENT - PROFILE ||============================== // |
|
|
|
|
|
|
@@ -82,11 +84,11 @@ const Profile = () => { |
|
|
|
setOpen(false); |
|
|
|
}; |
|
|
|
|
|
|
|
const [value, setValue] = useState(0); |
|
|
|
// const [value, setValue] = useState(0); |
|
|
|
|
|
|
|
const handleChange = (event, newValue) => { |
|
|
|
setValue(newValue); |
|
|
|
}; |
|
|
|
// const handleChange = (event, newValue) => { |
|
|
|
// setValue(newValue); |
|
|
|
// }; |
|
|
|
|
|
|
|
const iconBackColorOpen = 'grey.300'; |
|
|
|
|
|
|
@@ -165,7 +167,7 @@ const Profile = () => { |
|
|
|
</Grid> |
|
|
|
</Grid> |
|
|
|
</CardContent> |
|
|
|
{open && ( |
|
|
|
{/* {open && ( |
|
|
|
<> |
|
|
|
<Box sx={{ borderBottom: 1, borderColor: 'divider' }}> |
|
|
|
<Tabs variant="fullWidth" value={value} onChange={handleChange} aria-label="profile tabs"> |
|
|
@@ -202,7 +204,7 @@ const Profile = () => { |
|
|
|
<SettingTab /> |
|
|
|
</TabPanel> |
|
|
|
</> |
|
|
|
)} |
|
|
|
)} */} |
|
|
|
</MainCard> |
|
|
|
</ClickAwayListener> |
|
|
|
</Paper> |
|
|
|