Files
supabase/apps/studio/components/to-be-cleaned/KeyMap.tsx
Ivan Vasilov 436bdb10ae chore: Move the studio app to apps/studio (#18915)
* Move all studio files from /studio to /apps/studio.

* Move studio specific prettier ignores.

* Fix the ui references from studio.

* Fix the css imports.

* Fix all package.json issues.

* Fix the prettier setup for the studio app.

* Add .turbo folder to prettierignore.

* Fix the github workflows.
2023-11-15 12:38:55 +01:00

31 lines
694 B
TypeScript

/**
* Render keyMap
*
* @param {String} keyMap ex: Command+Enter ; separate key using +
*/
const customKeyChars: any = {
command: '⌘',
control: '⌃',
option: '⌥',
enter: '↵',
}
const KeyMap = ({ keyMap }: any) => {
if (!keyMap) return null
const keys = keyMap.split('+')
const keymapRender = keys.map((key: any) => {
let keyChar = key
if (key.toLowerCase() in customKeyChars) keyChar = customKeyChars[key.toLowerCase()]
return (
<span key={key} className={`btn-keymap ${keyChar.length > 1 ? 'px-2' : ''}`}>
{keyChar}
</span>
)
})
return <p className="inline-flex space-x-1.5">{keymapRender}</p>
}
export default KeyMap