import * as React from "react"; import { Navigate } from "react-router-dom"; import { authTokenStorageHandlerInit } from "../components/storageHandler.ts"; import TilingItem from "../components/TilingItem.tsx"; import SettingButton from "../components/SettingButton.tsx"; import AccountSetting from "./settings/Account.tsx"; import SecuritySetting from "./settings/Security.tsx"; import NotFoundSetting from "./settings/NotFound.tsx"; function renderCurrentSetting(setting: string) { switch (setting) { case "Account": return ; case "Security": return ; default: return ; } } export default function Home() { const settings = ["Account", "Security"]; const [currentSetting, setCurrentSetting] = React.useState(settings[0]); /* Make object to pass by reference */ const currentSettingHook = { currentSetting, setCurrentSetting, }; const authTokenStorageHandler = authTokenStorageHandlerInit(); if (!authTokenStorageHandler.authTokenValue) { return ; } return ( <>

USER SETTINGS

    {settings.map((value, index) => ( ))}

{renderCurrentSetting(currentSetting)}
); }