import React from "react"; import { Table, Thead, Tbody, Tr, Th, Td, TableCaption, Switch, Text, } from "@chakra-ui/react"; import Head from "next/head"; import { useSession } from "next-auth/client"; import axios from "axios"; import { FaBullseye } from "react-icons/fa"; function Controller({ initialState }) { const [online, setOnline] = React.useState(initialState); return ( { setOnline(!online); }} /> ); } function processOnline(status) { console.log(status); if (status == "online") { return true; } if (status == "offline") { return false; } if (status == "maintenance") { return false; } } function Commands() { const [session, loading] = useSession(); const [categories, setCategories] = React.useState([ { name: "Help", commands: [{ name: "Help", online: true }] }, ]); React.useEffect(() => { axios .get("https://api.cath.gq/api/v1/client/commands") .then(res => setCategories(res.data)); }, []); return ( <> {session && ( <> Cath Commands Command Controls {categories.map((category, idx) => ( <> {category.name} {category.commands.map((command, commandIdx) => ( ))} ))}

Command	Enabled
{command.name}

)}{" "} {!session && ( <>

Seems like you're not logged in. Log in to get started!

)} ); } export default Commands;