Skip to content

Feature like button#8

Open
2Lebelo wants to merge 6 commits intonextwork-projects:mainfrom
2Lebelo:feature-like-btn
Open

Feature like button#8
2Lebelo wants to merge 6 commits intonextwork-projects:mainfrom
2Lebelo:feature-like-btn

Conversation

@2Lebelo
Copy link
Copy Markdown

@2Lebelo 2Lebelo commented Jan 15, 2026

This pull request introduces UI improvements and new interactive features to the application, focusing on the header and card components. The most significant changes include a visual refresh of the header, removal of the global keyboard shortcut for the command palette, and the addition of a "like" (heart) button to both album and track cards. Additionally, a new dependency is added to package.json.

UI and UX Improvements:

  • The header (Header in src/common/Header/index.tsx) receives a visual refresh: it now always has a black background, fixed z-index, and consistently uses white text for all elements, regardless of page or scroll state. Conditional styling for NotFound and active states is removed, simplifying the appearance. [1] [2] [3] [4] [5]
  • The main content area in App.tsx is adjusted to add top padding, ensuring it sits below the fixed header.

Feature Removal:

  • The global keyboard shortcut (Cmd/Ctrl+K) for opening the command palette is disabled by removing the useEffect listener from App.tsx. The palette can still be opened via the header button. The shortcut hint (⌘K) is also removed from the Search button. [1] [2] [3]

New Interactive Features:

  • Both AlbumCard and TrackCard components now include a "like" (heart) button in the top-right corner. Clicking toggles the liked state, visually updating the heart icon color. [1] [2] [3] [4] [5] [6]

Dependency Updates:

  • Adds the baseline-browser-mapping package to package.json, potentially for browser compatibility or feature detection.

@2Lebelo 2Lebelo closed this Jan 15, 2026
@2Lebelo 2Lebelo deleted the feature-like-btn branch January 15, 2026 10:55
@2Lebelo 2Lebelo restored the feature-like-btn branch January 15, 2026 10:55
@2Lebelo 2Lebelo reopened this Jan 15, 2026
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant