mirror of
https://github.com/monkeytypegame/monkeytype.git
synced 2025-10-06 05:26:54 +08:00
0bf76e8990
### Add Quick Favorite ~~Toggle~~ **Indicator** and Prioritized Favorites to Theme Picker This pull request adds a new feature to MonkeyType’s theme picker & (**current theme button** in the **footer**) ~~making it super easy for users to save/unsave and access their favorite themes instead of going to the settings or any other thing~~ to display a small **star icon** indicating whether the **the theme** is marked as a favorite. Favorited themes appear at the top of the theme list for quick access. ~~Also, I added a small heart icon next to the current theme button in the footer to quickly favorite the active theme with one click—making it even easier to save a new favorite without needing to open the list.~~ The star icon next to the current theme button **only acts as a visual indicator**, showing whether the current theme is a favorite or not. **No longer clickable**. --- **User Benefits:** * **Favorites at the Top:** Favorite themes appear first in the theme picker, so you can switch to them instantly without searching through the list. * ~~**One-Click Star Toggle:**~~ ~~Click a star next to any theme to favorite or unfavorite it right in the picker. No need to dig through settings, saving you time and effort.~~ * **Visual Indicator for Active Theme:** A small star icon beside the current theme button tells you at a glance whether your active theme is in your favorites—without needing to open the list. --- **What I Did:** * Added a star icon appears next to the favorite themes ~~each theme in the theme picker for quick favoriting or unfavoriting.~~ * Made favorite themes show up at the top of the list for easy access. * ~~Added a small heart icon next to the current theme button in the footer to favorite the active theme quickly.~~ * Added a small star icon next to the current theme button in the footer **as an indicator only** — it shows whether the active theme is a favorite, but **is not clickable**. * ~~- Added notifications to confirm when a theme is favorited or unfavorited.~~ --- **Preview:** (**OUTDATED**) [https://github.com/user-attachments/assets/5bba15c4-edbb-4577-abfe-fd581f196b98](https://github.com/user-attachments/assets/5bba15c4-edbb-4577-abfe-fd581f196b98) --- ### Checks * [ ] Adding quotes? * [ ] Make sure to include translations for the quotes in the description (or another comment) so we can verify their content. * [ ] Adding a language or a theme? * [ ] If it’s a language, did you edit `_list.json`, `_groups.json`, and add `languages.json`? * [ ] If it’s a theme, did you add the theme.css? * Also please add a screenshot of the theme, it would be extra awesome if you do so! * [x] Check if any open issues are related to this PR; if so, be sure to tag them below. * [x] Make sure the PR title follows the Conventional Commits standard. ([https://www.conventionalcommits.org/](https://www.conventionalcommits.org) for more info) * [x] Make sure to include your GitHub username prefixed with @ inside parentheses at the end of the PR title. --- --------- Co-authored-by: Miodec <jack@monkeytype.com> Co-authored-by: Nginearing <142851004+Nginearing@users.noreply.github.com> Co-authored-by: Pavel Ivashkov <paiv@users.noreply.github.com> Co-authored-by: Christian Fehmer <fehmer@users.noreply.github.com> Co-authored-by: siilyg <149881151+siily-g@users.noreply.github.com> Co-authored-by: Omar Abdelrahman Abbas <tryomarabbas@gmail.com> |
||
|---|---|---|
| .. | ||
| __tests__ | ||
| docker | ||
| scripts | ||
| src | ||
| static | ||
| .eslintrc.cjs | ||
| .firebaserc_example | ||
| .oxlintrc.json | ||
| firebase.json | ||
| gulpfile.js | ||
| knip.json | ||
| package.json | ||
| tsconfig.json | ||
| vite.config.dev.js | ||
| vite.config.js | ||
| vite.config.prod.js | ||
| vitest.config.js | ||