38 lines
1.2 KiB
TypeScript
38 lines
1.2 KiB
TypeScript
|
"use client"
|
||
|
|
|
||
|
|
import { UserButton } from "@clerk/nextjs"
|
||
|
|
import { dark } from "@clerk/themes"
|
||
|
|
import Image from "next/image"
|
||
|
|
import Link from "next/link"
|
||
|
|
import Logo from "@/assets/logo.svg"
|
||
|
|
import { Input } from "../../ui/input"
|
||
|
|
import { Search } from "lucide-react"
|
||
|
|
import { Suspense, useCallback, useEffect, useState } from "react"
|
||
|
|
import { useRouter, useSearchParams } from "next/navigation"
|
||
|
|
import DashboardNavbarSearch from "./search"
|
||
|
|
|
||
|
|
export default function DashboardNavbar() {
|
||
|
|
return (
|
||
|
|
<div className="h-16 px-4 w-full flex items-center justify-between border-b border-border">
|
||
|
|
<div className="flex items-center space-x-4">
|
||
|
|
<Link
|
||
|
|
href="/"
|
||
|
|
className="ring-offset-2 ring-offset-background focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:pointer-events-none rounded-sm"
|
||
|
|
>
|
||
|
|
<Image src={Logo} alt="Logo" width={36} height={36} />
|
||
|
|
</Link>
|
||
|
|
<div className="text-sm font-medium flex items-center">Sandbox</div>
|
||
|
|
</div>
|
||
|
|
<div className="flex items-center space-x-4">
|
||
|
|
<DashboardNavbarSearch />
|
||
|
|
<UserButton
|
||
|
|
appearance={{
|
||
|
|
baseTheme: dark,
|
||
|
|
}}
|
||
|
|
afterSignOutUrl="/"
|
||
|
|
/>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
)
|
||
|
|
}
|