26 lines
844 B
TypeScript
26 lines
844 B
TypeScript
import CommandListDownloadedModel from '@/containers/Layout/TopBar/CommandListDownloadedModel'
|
|
import CommandSearch from '@/containers/Layout/TopBar/CommandSearch'
|
|
|
|
import { useMainViewState } from '@/hooks/useMainViewState'
|
|
|
|
const TopBar = () => {
|
|
const { viewStateName } = useMainViewState()
|
|
|
|
return (
|
|
<div className="fixed left-0 top-0 z-50 flex h-12 w-full border-b border-border bg-background/50">
|
|
<div className="relative left-16 flex w-[calc(100%-64px)] items-center justify-between space-x-4 pl-6 pr-2">
|
|
<div>
|
|
<span className="font-medium">
|
|
{viewStateName.replace(/([A-Z])/g, ' $1').trim()}
|
|
</span>
|
|
</div>
|
|
<CommandSearch />
|
|
{/* Command without trigger interface */}
|
|
<CommandListDownloadedModel />
|
|
</div>
|
|
</div>
|
|
)
|
|
}
|
|
|
|
export default TopBar
|