03e289af20
* Fix Commands button to show correct shortcut
* Fix onboarding to use the same shortcut reference
* Rename test file to be more general
* Add test for commands button text
* Remove outdated reference to Ctrl+/
* Change shortcut separator to be + and no spaces
* Add JSDocs and improve comments
* Add unit tests
* Change control modifier to regular ASCII caret
* Add browser test and fix platform detection
* A snapshot a day keeps the bugs away! 📷🐛 (OS: ubuntu-latest)
* Add useful debug info to the error message
* Fix to display metaKey as Super on Linux
* Revert "A snapshot a day keeps the bugs away! 📷🐛 (OS: windows-latest)"
This reverts commit f8da90d5d2.
* A snapshot a day keeps the bugs away! 📷🐛 (OS: windows-latest)
* Approve snapshots
---------
Co-authored-by: github-actions[bot] <github-actions[bot]@users.noreply.github.com>
Co-authored-by: Jess Frazelle <jessfraz@users.noreply.github.com>
22 lines
999 B
TypeScript
22 lines
999 B
TypeScript
import { useCommandsContext } from 'hooks/useCommandsContext'
|
|
import usePlatform from 'hooks/usePlatform'
|
|
import { hotkeyDisplay } from 'lib/hotkeyWrapper'
|
|
import { COMMAND_PALETTE_HOTKEY } from './CommandBar/CommandBar'
|
|
|
|
export function CommandBarOpenButton() {
|
|
const { commandBarSend } = useCommandsContext()
|
|
const platform = usePlatform()
|
|
|
|
return (
|
|
<button
|
|
className="group rounded-full flex items-center justify-center gap-2 px-2 py-1 bg-primary/10 dark:bg-chalkboard-90 dark:backdrop-blur-sm border-primary hover:border-primary dark:border-chalkboard-50 dark:hover:border-inherit text-primary dark:text-inherit"
|
|
onClick={() => commandBarSend({ type: 'Open' })}
|
|
>
|
|
<span>Commands</span>
|
|
<kbd className="bg-primary/10 dark:bg-chalkboard-80 dark:group-hover:bg-primary font-mono rounded-sm dark:text-inherit inline-block px-1 border-primary dark:border-chalkboard-90">
|
|
{hotkeyDisplay(COMMAND_PALETTE_HOTKEY, platform)}
|
|
</kbd>
|
|
</button>
|
|
)
|
|
}
|