Moved bot api files

ui/src/app/admin/page.tsx

@@ -14,31 +14,33 @@ import {
   stopTrack
 } from '@/api/guilds';
 import { GuildChannel, GuildInfo } from '@/api/guilds.types';
+import { userState } from '@/state/auth';
 import { Button, Card, Grid, Select, Slider, Tabs, TextInput, Textarea } from '@mantine/core';
 import { useForm } from '@mantine/form';
+import { useRouter } from 'next/navigation';
 import React, { useEffect, useState } from 'react';
+import { useRecoilValue } from 'recoil';
 
 export default function Page() {
+  const user = useRecoilValue(userState);
   const [guilds, setGuilds] = useState<GuildInfo[]>([]);
   const [activeGuild, setActiveGuild] = useState<GuildInfo | null>(null);
-  const [voiceChannels, setVoiceChannels] = useState<GuildChannel[]>([]);
-  const [guildVolume, setGuildVolume] = useState<number>(50.0);
+  const router = useRouter();
 
   useEffect(() => {
-    getGuilds().then((g) => {
-      setGuilds(g);
-      if (g.length > 0) {
-        setActiveGuild(g[0]);
-      }
-    });
-  }, []);
-
-  useEffect(() => {
-    if (activeGuild) {
-      getVoiceChannels(activeGuild.id).then((c) => setVoiceChannels(c));
-      getVolume(activeGuild.id).then((v) => setGuildVolume(v));
+    // Check if the user is logged in and an admin, otherwise redirect to the home page
+    // if (!user || !user.roles.includes('admin')) {
+      if (!user || user.role !== 'admin') {
+      router.push('/');
+    } else {
+      getGuilds().then((g) => {
+        setGuilds(g);
+        if (g.length > 0) {
+          setActiveGuild(g[0]);
+        }
+      });
     }
-  }, [activeGuild]);
+  }, []);
 
   return (
     <Tabs orientation='vertical' defaultValue={activeGuild?.name}>
@@ -171,11 +173,9 @@ function VoiceChannelsCard({ guild }: { guild: GuildInfo | null }) {
               <Button type='submit'>Set Volume</Button>
             </form>
             <form
-            style={{ margin: '1em' }}
-            onSubmit={(e) => {
-              e.preventDefault();
-            }}
-          >
+              style={{ margin: '1em' }}
+              onSubmit={form.onSubmit((values) => playTrack(guild!.id, activeChannel.id, values.trackUrl))}
+            >
             <TextInput placeholder='Youtube URL...' />
             <Button type='submit'>Play Track</Button>
           </form>