import Head from 'next/head' import styles from '../styles/Home.module.css' import Processes from "../components/elements/processes"; import {Tabs, Tab} from '@mui/material'; import {useContext, useState} from "react"; import Commands from "../components/elements/commands"; import {Provider as TabProvider} from '../context/tab' import Context from "../context/token"; import Tokens from "../components/elements/tokens"; export enum TabEnum { Commands, Processes, } export default function Home() { let {token} = useContext(Context) const [tab, setTab] = useState(TabEnum.Processes); const handleChange = (event: any, tab: number) => setTab(tab) return ( <> System monitoring
{token && <> {tab === TabEnum.Commands && } {tab === TabEnum.Processes && } }
) }