[PR #79] [MERGED] Feature: add swiping gestures to Now Playing #112

New issue

Closed

opened 2026-02-28 15:42:12 +03:00 by kerem · 0 comments

kerem commented

2026-02-28 15:42:12 +03:00

Owner

📋 Pull Request Information

Original PR: https://github.com/usenocturne/nocturne-ui/pull/79
Author: @angelolz
Created: 1/16/2025
Status: ✅ Merged
Merged: 1/18/2025
Merged by: @brandonsaldan

Base: main ← Head: feature/add-swiping-gesture

📝 Commits (6)

a29cc00 added swiping to go previous/next song
2f8116c moved to useNowPlaying
c4115cf removed import
c981dee added swipe up gesture
bf32b78 forgot to remove comment
701e22d added settings

📊 Changes

3 files changed (+178 additions, -96 deletions)

View changed files

📝 src/components/settings/Settings.jsx (+18 -0)
📝 src/hooks/useNowPlaying.js (+58 -0)
📝 src/pages/now-playing.jsx (+102 -96)

📄 Description

This feature will add swiping gestures to the Now Playing page.

Swiping right will go to the previous song (or restart the song from the beginning).
Swiping left will go to the next song.
Swiping up will show the lyrics (only if the lyrics aren't being displayed already).
- Left/Right swipes will still work even if the lyrics are showing.

There's a swipe threshold so that tiny, tiny swipes don't trigger these gestures. For the left/right swipes, the swipe needs to be at least 30px wide. For the up swipe, the swipe needs to be at least 18px wide.

Here's a small demo video:
https://github.com/user-attachments/assets/0fdc0e09-f8e1-4bb7-a610-5aa6233d59f4

_{🔄 This issue represents a GitHub Pull Request. It cannot be merged through Gitea due to API limitations.}

## 📋 Pull Request Information **Original PR:** https://github.com/usenocturne/nocturne-ui/pull/79 **Author:** [@angelolz](https://github.com/angelolz) **Created:** 1/16/2025 **Status:** ✅ Merged **Merged:** 1/18/2025 **Merged by:** [@brandonsaldan](https://github.com/brandonsaldan) **Base:** `main` ← **Head:** `feature/add-swiping-gesture` --- ### 📝 Commits (6) - [`a29cc00`](https://github.com/usenocturne/nocturne-ui/commit/a29cc00729accfa27ddfdde2b2c47d760b13c373) added swiping to go previous/next song - [`2f8116c`](https://github.com/usenocturne/nocturne-ui/commit/2f8116c57149a914252a0db19efe1e5001686762) moved to useNowPlaying - [`c4115cf`](https://github.com/usenocturne/nocturne-ui/commit/c4115cf032015de8d730a9fcd46bab7c544c06f0) removed import - [`c981dee`](https://github.com/usenocturne/nocturne-ui/commit/c981dee66298a0f08330658c273bc33d3f9ff4a4) added swipe up gesture - [`bf32b78`](https://github.com/usenocturne/nocturne-ui/commit/bf32b785150b5202969c1929ff1c774fb2ff0f43) forgot to remove comment - [`701e22d`](https://github.com/usenocturne/nocturne-ui/commit/701e22dc63beb979118dd74d25de995e16770671) added settings ### 📊 Changes **3 files changed** (+178 additions, -96 deletions) <details> <summary>View changed files</summary> 📝 `src/components/settings/Settings.jsx` (+18 -0) 📝 `src/hooks/useNowPlaying.js` (+58 -0) 📝 `src/pages/now-playing.jsx` (+102 -96) </details> ### 📄 Description This feature will add swiping gestures to the Now Playing page. - Swiping **right** will go to the previous song (or restart the song from the beginning). - Swiping **left** will go to the next song. - Swiping **up** will show the lyrics (only if the lyrics aren't being displayed already). - Left/Right swipes will still work even if the lyrics are showing. There's a swipe threshold so that tiny, tiny swipes don't trigger these gestures. For the left/right swipes, the swipe needs to be at least 30px wide. For the up swipe, the swipe needs to be at least 18px wide. Here's a small demo video: https://github.com/user-attachments/assets/0fdc0e09-f8e1-4bb7-a610-5aa6233d59f4 --- <sub>🔄 This issue represents a GitHub Pull Request. It cannot be merged through Gitea due to API limitations.</sub>