Hugging Face's logo

Spaces:
jbilcke-hf
/
ai-tube
Running on CPU Upgrade

App Files Community
9
ai-tube
File size: 2,164 Bytes 
d160b97
 
1f122c3
 
 
f62b8d3
 
8f2b05f
1f122c3
 
 
f27679f
 
d160b97
1f122c3
 
 
f27679f
1f122c3
 
d160b97
 
1f122c3
f27679f
1f122c3
 
f62b8d3
 
 
9cea1bb
 
 
 
df83860
 
 
 
 
 
 
 
 
 
 
 
 
 
 
63769e0
 
 
8f2b05f
63769e0
 
 
 
 
 
f62b8d3
 
 
f27679f
f62b8d3
 
 
 
 
 
 
 
 
b965e2b
 
 
a3f1817
b965e2b
 
 
 
f62b8d3
1f122c3
 
 
 
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
 
import Link from "next/link"

import { GrChannel } from "react-icons/gr"
import { MdVideoLibrary } from "react-icons/md"
import { RiHome8Line } from "react-icons/ri"
import { PiRobot } from "react-icons/pi"
import { CgProfile } from "react-icons/cg"
import { MdOutlinePlayCircleOutline } from "react-icons/md";

import { useStore } from "@/app/state/useStore"
import { cn } from "@/lib/utils"
import { showBetaFeatures } from "@/app/config"

import { MenuItem } from "./menu-item"

export function LeftMenu() {
  const view = useStore(s => s.view)

  return (
    <div className={cn(
      `hidden sm:flex`,
       `flex-col`,
      `w-24 px-1 pt-4`,
      `justify-between`
     // `bg-orange-500`,
    )}>
      <div className={cn(
        `flex flex-col w-full`,
      )}>
        <Link href={{
            pathname: '/',
            query: { v: undefined },
          }}>
          <MenuItem
            icon={<RiHome8Line className="h-6 w-6" />}
            selected={view === "home"}
            >
            Discover
          </MenuItem>
        </Link>
        <Link href="/channels">
          <MenuItem
            icon={<GrChannel className="h-5 w-5" />}
            selected={view === "public_channels"}
            >
            Channels
          </MenuItem>
        </Link>
        {/*
        <Link href="/music">
          <MenuItem
            icon={<MdOutlinePlayCircleOutline className="h-6.5 w-6.5" />}
            selected={view === "public_music_videos"}
            >
            Music
          </MenuItem>
        </Link>
        */}
      </div>
      <div className={cn(
        `flex flex-col w-full`,
       
      )}>
        {/*<MenuItem
          icon={<MdVideoLibrary className="h-6 w-6" />}
          selected={view === "user_videos"}
          onClick={() => setView("user_videos")}
          >
          My Videos
        </MenuItem>
      */}
        <Link href="/account">
          <MenuItem
            icon={<CgProfile className="h-6 w-6" />}
            selected={view === "user_account" || view === "user_channel"}
            >
            Account
          </MenuItem>
        </Link>
      </div>
    </div>
    )
}