Spaces:
Running
Running
File size: 3,279 Bytes
d160b97 ac7030c 2156c54 1f122c3 ac7030c 1f122c3 f62b8d3 8f2b05f 1f122c3 f42b4a1 f27679f d160b97 2156c54 1f122c3 f27679f 1f122c3 d160b97 1f122c3 f27679f 1f122c3 f62b8d3 9cea1bb df83860 63769e0 8f2b05f 63769e0 ac7030c f62b8d3 f27679f f62b8d3 f42b4a1 f62b8d3 2156c54 655b911 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 84 85 86 87 88 89 90 91 92 93 94 95 96 97 98 99 100 101 102 103 104 105 106 107 108 109 110 111 112 113 114 115 116 117 |
import Link from "next/link"
import { TbBrandDiscord, TbOctahedron } from "react-icons/tb"
import { AiOutlineQuestionCircle } from "react-icons/ai"
import { GrChannel } from "react-icons/gr"
import { MdOutlineLiveTv, MdOutlineVideogameAsset, 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/cn"
import { showBetaFeatures } from "@/app/config"
import { MenuItem } from "./menu-item"
import { About } from "../about"
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>
{/*
<Link href="/gaming">
<MenuItem
icon={<TbOctahedron className="h-6.5 w-6.5" />}
selected={view === "public_4d"}
>
4D
</MenuItem>
</Link>
<Link href="/gaming">
<MenuItem
icon={<MdOutlineVideogameAsset className="h-6.5 w-6.5" />}
selected={view === "public_gaming"}
>
Gaming
</MenuItem>
</Link>
<Link href="/live">
<MenuItem
icon={<MdOutlineLiveTv className="h-6.5 w-6.5" />}
selected={view === "public_live"}
>
Live
</MenuItem>
</Link>
*/}
</div>
<div className={cn(
`flex flex-col w-full`,
)}>
{/*<MenuItem
icon={<MdVideoLibrary className="h-6 w-6" />}
selected={view === "user_medias"}
onClick={() => setView("user_medias")}
>
My Videos
</MenuItem>
*/}
<About />
<a href="https://discord.gg/Q6mJ2rnDPe" target="_blank">
<MenuItem
icon={<TbBrandDiscord className="h-6 w-6" />}
>
Community
</MenuItem>
</a>
<Link href="/account">
<MenuItem
icon={<CgProfile className="h-6 w-6" />}
selected={view === "user_account" || view === "user_channel"}
>
Account
</MenuItem>
</Link>
</div>
</div>
)
} |