Mathias JakobsenandCopybot
eddec90cb1
[web] Add command palette GitOrigin-RevId: 5bf1903836810ca5f0e2bc7f6c00a4b1da797ea2
40 lines
893 B
TypeScript
40 lines
893 B
TypeScript
import {
|
|
Dispatch,
|
|
SetStateAction,
|
|
useCallback,
|
|
useEffect,
|
|
useState,
|
|
} from 'react'
|
|
import useCommandPaletteTriggers from '../hooks/use-command-palette-triggers'
|
|
import CommandPaletteBody from './command-palette-body'
|
|
import { useLayoutContext } from '@/shared/context/layout-context'
|
|
|
|
const CommandPaletteRoot = () => {
|
|
const [show, _setShow] = useState(false)
|
|
const { view } = useLayoutContext()
|
|
|
|
const setShow: Dispatch<SetStateAction<boolean>> = useCallback(
|
|
value => {
|
|
_setShow(view === 'history' ? false : value)
|
|
},
|
|
[view]
|
|
)
|
|
|
|
useEffect(() => {
|
|
if (view === 'history') {
|
|
_setShow(false)
|
|
}
|
|
}, [view])
|
|
|
|
useCommandPaletteTriggers(setShow)
|
|
const onHide = useCallback(() => setShow(false), [setShow])
|
|
|
|
if (!show) {
|
|
return null
|
|
}
|
|
|
|
return <CommandPaletteBody show={show} onHide={onHide} />
|
|
}
|
|
|
|
export default CommandPaletteRoot
|