starred/nocturne-ui

Fork 0

mirror of https://github.com/usenocturne/nocturne-ui.git synced 2026-04-25 07:45:52 +03:00

[PR #75] [MERGED] Feature: added display for elapsed/remaining track time #108

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/75
Author: @angelolz
Created: 1/6/2025
Status: ✅ Merged
Merged: 1/6/2025
Merged by: @brandonsaldan

Base: main ← Head: feature/added-elapsed-time-main

📝 Commits (3)

c532d5f added display for elapsed and remaining track time
56c81c5 remove extra spaces
a9e9e98 fix(pr): use original spacing and conditionally render timestamps

📊 Changes

3 files changed (+104 additions, -3 deletions)

View changed files

📝 src/components/settings/Settings.jsx (+34 -0)
➕ src/hooks/useElapsedTime.js (+20 -0)
📝 src/pages/now-playing.jsx (+50 -3)

📄 Description

Redoing #72 to make my changes based off of main.

This feature shows the current progress of the track formatted to HH:MM:SS below the progress bar. It supports showing the elapsed time and remaining track time left.

Screenshots

New setting added.

Now playing page with elapsed time displayed.

Had to make the album cover and lyric box element 20px shorter.

Also includes support for media longer than an hour (plus remaining time on display).

_{🔄 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/75 **Author:** [@angelolz](https://github.com/angelolz) **Created:** 1/6/2025 **Status:** ✅ Merged **Merged:** 1/6/2025 **Merged by:** [@brandonsaldan](https://github.com/brandonsaldan) **Base:** `main` ← **Head:** `feature/added-elapsed-time-main` --- ### 📝 Commits (3) - [`c532d5f`](https://github.com/usenocturne/nocturne-ui/commit/c532d5f3cade03eddf5ee1ff509385515bef9635) added display for elapsed and remaining track time - [`56c81c5`](https://github.com/usenocturne/nocturne-ui/commit/56c81c580e7f61e98b5b7677bff086dc7d2ad061) remove extra spaces - [`a9e9e98`](https://github.com/usenocturne/nocturne-ui/commit/a9e9e98c319764ecf39fc260df6f43309ebf60f5) fix(pr): use original spacing and conditionally render timestamps ### 📊 Changes **3 files changed** (+104 additions, -3 deletions) <details> <summary>View changed files</summary> 📝 `src/components/settings/Settings.jsx` (+34 -0) ➕ `src/hooks/useElapsedTime.js` (+20 -0) 📝 `src/pages/now-playing.jsx` (+50 -3) </details> ### 📄 Description Redoing #72 to make my changes based off of `main`. This feature shows the current progress of the track formatted to HH:MM:SS below the progress bar. It supports showing the elapsed time and remaining track time left. <details> <summary>Screenshots</summary> ## New setting added. ![image](https://github.com/user-attachments/assets/f6f01f3e-e564-44a1-b158-6612830b9ccd) ## Now playing page with elapsed time displayed. ![image](https://github.com/user-attachments/assets/315c53b7-0bc2-44b9-b4bb-dedebe83be90) ## Had to make the album cover and lyric box element 20px shorter. ![image](https://github.com/user-attachments/assets/53841a91-cfce-45a3-a1e5-2a5393294d11) ## Also includes support for media longer than an hour (plus remaining time on display). ![image](https://github.com/user-attachments/assets/9473c0a3-073e-45b6-ba5f-6ad1767a3e37) </details> --- <sub>🔄 This issue represents a GitHub Pull Request. It cannot be merged through Gitea due to API limitations.</sub>

kerem

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

closed this issue
added the
pull-request
label

No labels

help wanted

pull-request

No milestone

No project

No assignees

1 participant

Notifications

Due date

The due date is invalid or out of range. Please use the format "yyyy-mm-dd".

No due date set.

Dependencies

No dependencies set.

Reference

starred/nocturne-ui#108

No description provided.

Rows
Columns