"use client"
import { api } from "@/convex/_generated/api"
import { useConvexAuth, useQuery } from "convex/react"
import { Skeleton } from "@/components/ui/skeleton"
export function SideBar() {
const { isLoading } = useConvexAuth()
const username = useQuery(
api.db.username,
isLoading ? "skip" : {}
)
return <span className="capitalize">{username}</span>
}
"use client"
import { api } from "@/convex/_generated/api"
import { useConvexAuth, useQuery } from "convex/react"
import { Skeleton } from "@/components/ui/skeleton"
export function SideBar() {
const { isLoading } = useConvexAuth()
const username = useQuery(
api.db.username,
isLoading ? "skip" : {}
)
return <span className="capitalize">{username}</span>
}