fixing bugs

README.md

@@ -1,7 +1,7 @@
 ---
 title: AI Tube
 emoji: 🍿
-colorFrom: red
+colorFrom: yellow
 colorTo: red
 sdk: docker
 pinned: true

src/app/server/actions/ai-tube-hf/uploadVideoRequestToDataset.ts

@@ -96,7 +96,7 @@ ${prompt}
     id: videoId,
     status: "submitted",
     label: title,
-    description,,
+    description,
     prompt,
     thumbnailUrl: "", // will be generated in async
     assetUrl: "", // will be generated in async

src/app/views/home-view/index.tsx

@@ -9,8 +9,8 @@ export function HomeView() {
   const setDisplayMode = useStore(s => s.setDisplayMode)
   const currentChannel = useStore(s => s.currentChannel)
   const setCurrentChannel = useStore(s => s.setCurrentChannel)
-  const currentCategory = useStore(s => s.currentCategory)
-  const setCurrentCategory = useStore(s => s.setCurrentCategory)
+  const currentTag = useStore(s => s.currentTag)
+  const setCurrentTag = useStore(s => s.setCurrentTag)
   const currentVideos = useStore(s => s.currentVideos)
   const setCurrentVideos = useStore(s => s.setCurrentVideos)
   const currentVideo = useStore(s => s.currentVideo)
@@ -20,28 +20,9 @@ export function HomeView() {
 
     // we use fake data for now
     // this will be pulled from the Hugging Face API
-    const newCategoryVideos: VideoInfo[] = [
-      {
-        id: "42",
-        label: "Test Julian",
-        thumbnailUrl: "",
-        assetUrl: "",
-        numberOfViews: 0,
-        createdAt: "2023-11-27",
-        categories: [],
-        channelId: "",
-        channel: {
-          id: "",
-          slug: "",
-          label: "Hugging Face",
-          thumbnail: "",
-          prompt: "",
-          likes: 0,
-        }
-      }
-    ]
+    const newCategoryVideos: VideoInfo[] = []
     setCurrentVideos(newCategoryVideos)
-  }, [currentCategory])
+  }, [currentTag])
 
   return (
     <div className={cn(

src/app/views/public-channel-view/index.tsx

@@ -2,12 +2,8 @@ import { useEffect, useTransition } from "react"
 
 import { useStore } from "@/app/state/useStore"
 import { cn } from "@/lib/utils"
-import { VideoInfo } from "@/types"
 import { VideoList } from "@/app/interface/video-list"
-import { getChannelVideos } from "@/app/server/actions/api"
-import { useLocalStorage } from "usehooks-ts"
-import { localStorageKeys } from "@/app/state/locaStorageKeys"
-import { defaultSettings } from "@/app/state/defaultSettings"
+
 
 export function PublicChannelView() {
   const [_isPending, startTransition] = useTransition()
@@ -22,10 +18,12 @@ export function PublicChannelView() {
     }
 
     startTransition(async () => {
+      /*
       const videos = await getChannelVideos({
         channel: currentChannel,
       })
       console.log("videos:", videos)
+      */
     })
 
     setCurrentVideos([])

src/app/views/public-channels-view/index.tsx

@@ -2,7 +2,7 @@ import { useEffect, useState, useTransition } from "react"
 
 import { useStore } from "@/app/state/useStore"
 import { cn } from "@/lib/utils"
-import { getChannels } from "@/app/server/actions/api"
+import { getChannels } from "@/app/server/actions/ai-tube-hf/getChannels"
 import { ChannelList } from "@/app/interface/channel-list"
 
 export function PublicChannelsView() {

src/app/views/public-video-view/index.tsx

@@ -16,7 +16,7 @@ export function PublicVideoView() {
 
   useEffect(() => {
 
-  }, [currentCategory])
+  }, [currentTag])
 
   return (
     <div className={cn(

src/app/views/user-channel-view/index.tsx

@@ -4,13 +4,14 @@ import { useStore } from "@/app/state/useStore"
 import { cn } from "@/lib/utils"
 import { VideoInfo } from "@/types"
 import { VideoList } from "@/app/interface/video-list"
-import { submitVideoRequest, getChannelVideos } from "@/app/server/actions/api"
+
 import { useLocalStorage } from "usehooks-ts"
 import { localStorageKeys } from "@/app/state/locaStorageKeys"
 import { defaultSettings } from "@/app/state/defaultSettings"
 import { Input } from "@/components/ui/input"
 import { Textarea } from "@/components/ui/textarea"
 import { Button } from "@/components/ui/button"
+import { submitVideoRequest } from "@/app/server/actions/submitVideoRequest"
 
 export function UserChannelView() {
   const [_isPending, startTransition] = useTransition()
@@ -34,11 +35,13 @@ export function UserChannelView() {
     }
 
     startTransition(async () => {
+      /*
       const videos = await getChannelVideos({
         channel: currentChannel,
         apiKey: huggingfaceApiKey,
       })
       console.log("videos:", videos)
+      */
     })
 
     setCurrentVideos([])
@@ -61,7 +64,9 @@ export function UserChannelView() {
           channel: currentChannel,
           apiKey: huggingfaceApiKey,
           title: titleDraft,
-          prompt: promptDraft
+          description: "",
+          prompt: promptDraft,
+          tags: [],
         })
 
         // in case of success we update the frontend immediately
@@ -71,11 +76,13 @@ export function UserChannelView() {
         setTitleDraft("")
 
         // also renew the cache on Next's side
+        /*
         await getChannelVideos({
           channel: currentChannel,
           apiKey: huggingfaceApiKey,
           renewCache: true,
         })
+        */
       } catch (err) {
         console.error(err)
       } finally {