itlxrd/psysonic
1
0
Fork 0
mirror of https://github.com/kilyabin/psysonic.git synced 2026-07-21 22:15:40 +00:00
Code Issues Packages Projects Releases Wiki Activity

fix(queue): restore pre-#419 Play-icon prefix on the active row (#469)

Browse Source 
PR #419 replaced the small (10px) Play icon next to the active queue
title with an animated 3-bar eq-bars block prefixed before the row.
Restore the original Play-icon-in-title behaviour and drop the unused
isStorePlaying selector.
This commit is contained in:
Frank Stellmacher
2026-05-05 23:40:07 +02:00
committed by GitHub
parent 9d30285ff1
commit 072bef473f
1 changed files with 1 additions and 8 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/components/QueuePanel.tsx
+1 -8
View File
@@ -395,7 +395,6 @@ function QueuePanelHostOrSolo() {
const crossfadeBtnRef = useRef<HTMLButtonElement>(null); const crossfadeBtnRef = useRef<HTMLButtonElement>(null);
const crossfadePopoverRef = useRef<HTMLDivElement>(null); const crossfadePopoverRef = useRef<HTMLDivElement>(null);
const reanalyzeLoudnessForTrack = usePlayerStore(s => s.reanalyzeLoudnessForTrack); const reanalyzeLoudnessForTrack = usePlayerStore(s => s.reanalyzeLoudnessForTrack);
const isStorePlaying = usePlayerStore(s => s.isPlaying);
const authLoudnessTargetLufs = useAuthStore(s => s.loudnessTargetLufs); const authLoudnessTargetLufs = useAuthStore(s => s.loudnessTargetLufs);
const setLoudnessTargetLufs = useAuthStore(s => s.setLoudnessTargetLufs); const setLoudnessTargetLufs = useAuthStore(s => s.setLoudnessTargetLufs);
const loudnessPreAnalysisAttenuationDb = useAuthStore(s => s.loudnessPreAnalysisAttenuationDb); const loudnessPreAnalysisAttenuationDb = useAuthStore(s => s.loudnessPreAnalysisAttenuationDb);
@@ -1092,15 +1091,9 @@ function QueuePanelHostOrSolo() {
}} }}
style={dragStyle} style={dragStyle}
> >
{isPlaying && (
<div className={`eq-bars${isStorePlaying ? '' : ' paused'}`} style={{ marginRight: '8px', flexShrink: 0 }}>
<div className="eq-bar" />
<div className="eq-bar" />
<div className="eq-bar" />
</div>
)}
<div className="queue-item-info"> <div className="queue-item-info">
<div className="queue-item-title truncate" style={{ display: 'flex', alignItems: 'center', gap: '6px' }}> <div className="queue-item-title truncate" style={{ display: 'flex', alignItems: 'center', gap: '6px' }}>
{isPlaying && <Play size={10} fill="currentColor" style={{ flexShrink: 0 }} />}
<span className="truncate">{track.title}</span> <span className="truncate">{track.title}</span>
</div> </div>
<div className="queue-item-artist truncate">{track.artist}</div> <div className="queue-item-artist truncate">{track.artist}</div>