make sure we renew the cache

src/app/main.tsx

@@ -3,7 +3,6 @@
 import { useStore } from "./state/useStore"
 import { HomeView } from "./views/home-view"
 import { PublicChannelsView } from "./views/public-channels-view"
-import { UserChannelsView } from "./views/user-channels-view"
 import { PublicChannelView } from "./views/public-channel-view"
 import { UserChannelView } from "./views/user-channel-view"
 import { PublicVideoView } from "./views/public-video-view"
@@ -69,7 +68,6 @@ export function Main({
       {view === "public_video" && <PublicVideoView />}
       {view === "public_channels" && <PublicChannelsView />}
       {view === "public_channel" && <PublicChannelView />}
-      {view === "user_channels" && <UserChannelsView />}
       {/*view === "user_videos" && <UserVideosView />*/}
       {view === "user_channel" && <UserChannelView />}
       {view === "user_account" && <UserAccountView />}

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

@@ -38,7 +38,7 @@ export async function getChannels(options: {
     ? { owner } // search channels of a specific user
     : prefix // global search (note: might be costly?)
 
- 
+  console.log("search:", search)
   for await (const { id, name, likes, updatedAt } of listDatasets({
     search,
     credentials,

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

@@ -28,7 +28,10 @@ export function UserAccountView() {
     if (!isLoaded) {
       startTransition(async () => {
         try {
-          const channels = await getChannels({ apiKey: huggingfaceApiKey })
+          const channels = await getChannels({
+            apiKey: huggingfaceApiKey,
+            renewCache: true,
+          })
           setCurrentChannels(channels)
         } catch (err) {
           console.error("failed to load the channel for the current user:", err)

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

@@ -1,82 +0,0 @@
-"use client"
-
-import { useEffect, useState, useTransition } from "react"
-import { useLocalStorage } from "usehooks-ts"
-
-import { useStore } from "@/app/state/useStore"
-import { cn } from "@/lib/utils"
-import { getChannels } from "@/app/server/actions/ai-tube-hf/getChannels"
-import { ChannelList } from "@/app/interface/channel-list"
-import { localStorageKeys } from "@/app/state/localStorageKeys"
-import { defaultSettings } from "@/app/state/defaultSettings"
-import { Input } from "@/components/ui/input"
-
-export function UserChannelsView() {
-  const [_isPending, startTransition] = useTransition()
-  const [huggingfaceApiKey, setHuggingfaceApiKey] = useLocalStorage<string>(
-    localStorageKeys.huggingfaceApiKey,
-    defaultSettings.huggingfaceApiKey
-  )
-  const setView = useStore(s => s.setView)
-  const setCurrentChannel = useStore(s => s.setCurrentChannel)
-
-  const currentChannels = useStore(s => s.currentChannels)
-  const setCurrentChannels = useStore(s => s.setCurrentChannels)
-  const [isLoaded, setLoaded] = useState(false)
-
-  useEffect(() => {
-    if (!isLoaded) {
-      startTransition(async () => {
-        try {
-          const channels = await getChannels({ apiKey: huggingfaceApiKey })
-          setCurrentChannels(channels)
-        } catch (err) {
-          console.error("failed to load the channel for the current user:", err)
-          setCurrentChannels([])
-        } finally {
-          setLoaded(true)
-        }
-      })
-    }
-  }, [isLoaded, huggingfaceApiKey])
-
-  return (
-    <div className={cn(`flex flex-col space-y-4`)}>
-      <h2 className="text-3xl font-bold">Want your own channels? Setup your account!</h2>
-        
-      <div className="flex flex-col space-y-4 max-w-2xl">
-        <div className="flex flex-row space-x-2 items-center">
-          <label className="flex w-64">Hugging Face token:</label>
-          <Input
-            placeholder="Hugging Face token (with WRITE access)"
-            type="password"
-            className="font-mono"
-            onChange={(x) => {
-              setHuggingfaceApiKey(x.target.value)
-            }}
-            value={huggingfaceApiKey}
-          />
-        </div>
-        <p className="text-neutral-100/70">
-          Note: your Hugging Face token must be a <span className="font-bold font-mono text-yellow-300">WRITE</span> access token.
-        </p>
-        {huggingfaceApiKey
-        ? <p className="">Nice, looks like you are ready to go!</p>
-        : <p>Please setup your account (see above) to get started</p>}
-      </div>
-
-      {huggingfaceApiKey ? 
-      <div className="flex flex-col space-y-4">
-        <h2 className="text-3xl font-bold">Your custom channels:</h2>
-        {currentChannels?.length ? <ChannelList
-          layout="grid"
-          channels={currentChannels}
-          onSelect={(channel) => {
-            setCurrentChannel(channel)
-            setView("user_channel")
-          }}
-        /> : <p>Ask <span className="font-mono">@jbilcke-hf</span> for help to create a channel!</p>}
-      </div> : null}
-    </div>
-  )
-}