import GroupDetails from "./GroupDetails"; import SessionDetails from "./SessionDetails"; import SessionDeviceCredentials from "./SessionDeviceCredentials"; import Container from "@mui/material/Container"; import React, {FC, useContext} from "react"; import { UserInfoPageData } from "src/types"; import {Drawer, useMediaQuery} from "@mui/material"; import { useTheme } from '@mui/material/styles'; import { ToolbarOffset } from "./ToolbarOffset"; import {UserSidebarContent} from "./UserSidebarContent"; import {SubpageContext} from "../context/Subpage"; import Stack from "@mui/material/Stack"; type UserInfoPageProps = { data: UserInfoPageData; }; const UserInfoPage: FC = ({ data }) => { const theme = useTheme(); const mdUp = useMediaQuery(() => theme.breakpoints.up('md'), { defaultMatches: true, noSsr: false }); const {subpage} = useContext(SubpageContext); return ( {mdUp && ( )} {subpage === 'User' && ( )} {subpage === 'Groups Info' && ( )} {subpage === 'Devices Info' && ( )} ); }; export default UserInfoPage;