AFFiNE-Mirror/packages/frontend/component/src/utils/keyboard-mapping.ts at 7fca13076a054c3df6adcbae926ed3b9b11e2c45 - AFFiNE-Mirror - Gitea: Git with a cup of tea

Jayden/AFFiNE-Mirror

mirror of https://github.com/toeverything/AFFiNE.git synced 2026-02-12 20:38:52 +00:00

Files

CatsJuice 249f3471c9 feat(component): shortcut style for tooltip (#7721 )

![image.png](https://graphite-user-uploaded-assets-prod.s3.amazonaws.com/LakojjjzZNf6ogjOVwKE/2e68337c-91f1-4ea7-8426-7fb33be02081.png)

- New `shortcut` prop for `<Tooltip />`
  - single key
      ```tsx
      <Tooltip shortcut="T" />
      ```
  - multiple
      ```tsx
      <Tooltip shortcut={["⌘",  "K"]} />
      ```
- Round tooltip's arrow
- Use new design system colors
- Replace some usage
  - App sidebar switch
  - Editor mode switch
  - New tab (new)

2024-08-05 02:57:24 +00:00

11 lines

317 B

TypeScript

Raw Blame History

 import { isMacOS } from './platform';
 const macOS = isMacOS();
 export const getCommand = (cmd: '$mod' | '$shift' | '$alt' | string) => {
   if (cmd === '$mod') return macOS ? '⌘' : 'Ctrl';
   if (cmd === '$alt') return macOS ? '⌥' : 'Alt';
   if (cmd === '$shift') return macOS ? '⇧' : 'Shift';
   return cmd;
 };