Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Add icons to Cmd Palette actions #115

Open
2 tasks
tyler-dane opened this issue Jul 28, 2024 · 1 comment
Open
2 tasks

Add icons to Cmd Palette actions #115

tyler-dane opened this issue Jul 28, 2024 · 1 comment
Labels
enhancement New feature or request good first issue Good for newcomers

Comments

@tyler-dane
Copy link
Contributor

tyler-dane commented Jul 28, 2024

Context
Command palette support was added in #14 #102.

There are a few minor shortcomings with it, though:

  1. The tooltip text says, "Open command palette (CMD+k)".
    Although the text says 'CMD', the code actually uses [Meta Key] + k, where Meta Key is CMD on mac or WINDOWS KEY on windows. Without knowing that, however, Windows users might suspect that the command palette only works for mac users.
  2. The cmd palette wasn't tested on Windows
    I'm on Mac and have never tested that the command palette works on Windows.

Tasks

  • Update tooltip text so that it shows "{Cmd} + k" for mac users and "{Win} + k" for windows users*, where {Cmd} and {Win} refer to the icons

If you're a Windows user:

  • Test it works on Windows and post a comment here to confirm

Implementation Guidance
Update MetaKey.tsx
See icon prop in the react-cmdk ListItem API

@tyler-dane tyler-dane added enhancement New feature or request good first issue Good for newcomers labels Jul 28, 2024
@tyler-dane tyler-dane moved this to Todo in v1 Cleanup Jul 28, 2024
@tyler-dane tyler-dane changed the title Update cmd palette for Windows users Update cmd palette tooltip Jul 28, 2024
@tyler-dane
Copy link
Contributor Author

See the 'custom' section below for an example of how to use navigator.platform to accomplish this

https://github.com/albingroen/react-cmdk

@tyler-dane tyler-dane changed the title Update cmd palette tooltip Add icons to Cmd Palette actions Oct 20, 2024
@tyler-dane tyler-dane removed this from v1 Cleanup Dec 2, 2024
@tyler-dane tyler-dane moved this from Ready to Backlog in 🏗 Compass Roadmap Dec 6, 2024
@tyler-dane tyler-dane moved this from Backlog to Ready in 🏗 Compass Roadmap Dec 14, 2024
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
enhancement New feature or request good first issue Good for newcomers
Projects
Status: Ready
Development

No branches or pull requests

1 participant