tom/hermes-web
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Updated list of commands to v4.3. Added groups & permissions. Added connections. Updated redemptions and actions to v4.3.

Browse Source
This commit is contained in:
Tom
2024-08-14 20:33:40 +00:00
parent 6548ce33e0
commit b92529d8c0
51 changed files with 3910 additions and 799 deletions
Download Patch File Download Diff File Expand all files Collapse all files

80
components/navigation/menu.tsx Normal file
View File

@@ -0,0 +1,80 @@
'use client';
import Link from "next/link";
import RoleGate from "@/components/auth/role-gate";
import {
NavigationMenu,
NavigationMenuContent,
NavigationMenuItem,
NavigationMenuLink,
NavigationMenuList,
NavigationMenuTrigger,
navigationMenuTriggerStyle,
} from "@/components/ui/navigation-menu"
const components: { title: string; href: string; description: string }[] = [
{
title: "Alert Dialog",
href: "/docs/primitives/alert-dialog",
description:
"A modal dialog that interrupts the user with important content and expects a response.",
},
]
const MenuNavigation = () => {
return (
<NavigationMenu
className="absolute top-0 flex justify-center left-auto z-51 flex-wrap">
<p className="w-[300px] text-3xl text-center align-middle invisible md:visible">Tom To Speech</p>
<NavigationMenuList>
{/* <NavigationMenuItem>
<NavigationMenuTrigger>Getting started</NavigationMenuTrigger>
<NavigationMenuContent>
<ul className="grid gap-3 p-6 md:w-[400px] lg:w-[500px] lg:grid-cols-[.75fr_1fr]">
<li className="row-span-3">
<NavigationMenuLink asChild>
<a
className="flex h-full w-full select-none flex-col justify-end rounded-md bg-gradient-to-b from-muted/50 to-muted p-6 no-underline outline-none focus:shadow-md"
href="/">
<div className="mb-2 mt-4 text-lg font-medium">
Tom-to-Speech
</div>
<p className="text-sm leading-tight text-muted-foreground">
Text to speech software
</p>
</a>
</NavigationMenuLink>
</li>
</ul>
</NavigationMenuContent>
</NavigationMenuItem> */}
<NavigationMenuItem>
<Link href="/commands" legacyBehavior passHref>
<NavigationMenuLink className={navigationMenuTriggerStyle()}>
Commands
</NavigationMenuLink>
</Link>
</NavigationMenuItem>
<NavigationMenuItem>
<Link href="/settings" legacyBehavior passHref>
<NavigationMenuLink className={navigationMenuTriggerStyle()}>
Settings
</NavigationMenuLink>
</Link>
</NavigationMenuItem>
<RoleGate
roles={["ADMIN"]}>
<NavigationMenuItem>
<Link href="/admin" legacyBehavior passHref>
<NavigationMenuLink className={navigationMenuTriggerStyle()}>
Admin
</NavigationMenuLink>
</Link>
</NavigationMenuItem>
</RoleGate>
</NavigationMenuList>
</NavigationMenu>
);
}
export default MenuNavigation;

133
components/navigation/settings.tsx
View File

@@ -5,73 +5,78 @@ import AdminProfile from "./adminprofile";
import RoleGate from "@/components/auth/role-gate";
const SettingsNavigation = async () => {
return (
<div>
<div className="text-4xl flex pl-[15px] pb-[33px]">Hermes</div>
return (
<div className="mt-[100px]">
<div className="w-full pl-[30px] pr-[30px] pb-[50px]">
<UserProfile />
<RoleGate roles={["ADMIN"]}>
<AdminProfile />
</RoleGate>
</div>
<div className="w-full pl-[30px] pr-[30px] pb-[50px]">
<UserProfile />
<RoleGate roles={["ADMIN"]}>
<AdminProfile />
</RoleGate>
</div>
<div className="flex flex-grow h-full w-full">
<ul className="rounded-lg shadow-md flex flex-col w-full justify-between text-center align-center">
<li className="text-xs text-gray-200">
Settings
</li>
<li>
<Link href={"/settings/connections"} className="m-0 p-0 gap-0">
<Button variant="ghost" className="w-full text-lg">
Connections
</Button>
</Link>
</li>
<div className="flex flex-grow h-full w-full">
<ul className="rounded-lg shadow-md flex flex-col w-full justify-between text-center align-center">
<li className="text-xs text-gray-200">
Settings
</li>
<li>
<Link href={"/settings/connections"} className="m-0 p-0 gap-0">
<Button variant="ghost" className="w-full text-lg">
Connections
</Button>
</Link>
</li>
<li className="text-xs text-gray-200">
Text to Speech
</li>
<li className="">
<Link href={"/settings/tts/voices"}>
<Button variant="ghost" className="w-full text-lg">
Voices
</Button>
</Link>
</li>
<li className="">
<Link href={"/settings/tts/filters"}>
<Button variant="ghost" className="w-full text-lg">
Filters
</Button>
</Link>
</li>
<li className="">
<Link href={"/settings/groups/permissions"}>
<Button variant="ghost" className="w-full text-lg">
Permissions
</Button>
</Link>
</li>
<li className="text-xs text-gray-200">
Text to Speech
</li>
<li className="">
<Link href={"/settings/tts/voices"}>
<Button variant="ghost" className="w-full text-lg">
Voices
</Button>
</Link>
</li>
<li className="">
<Link href={"/settings/tts/filters"}>
<Button variant="ghost" className="w-full text-lg">
Filters
</Button>
</Link>
</li>
<li className="text-xs text-gray-200">
Twitch
</li>
<li className="">
<Link href={"/settings/redemptions"}>
<Button variant="ghost" className="w-full text-lg">
Channel Redemptions
</Button>
</Link>
</li>
<li className="text-xs text-gray-200">
Twitch
</li>
<li className="">
<Link href={"/settings/redemptions"}>
<Button variant="ghost" className="w-full text-lg">
Channel Redemptions
</Button>
</Link>
</li>
<li className="text-xs text-gray-200">
API
</li>
<li className="">
<Link href={"/settings/api/keys"}>
<Button variant="ghost" className="w-full text-lg">
Keys
</Button>
</Link>
</li>
</ul>
</div>
</div>
);
<li className="text-xs text-gray-200">
API
</li>
<li className="">
<Link href={"/settings/api/keys"}>
<Button variant="ghost" className="w-full text-lg">
Keys
</Button>
</Link>
</li>
</ul>
</div>
</div>
);
}
export default SettingsNavigation;