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(internet-radio): restore delete button styling on station cards (#698)

Browse Source 
The delete button referenced the CSS classes `playlist-card-delete` /
`playlist-card-delete--confirm`, which were renamed to
`playlist-card-action--delete` / `--delete-confirm` long ago when
PlaylistCard was reworked. InternetRadio was missed, so the button
rendered unstyled and effectively invisible.

Wrap it in `.playlist-card-actions` and use the current classes,
matching PlaylistCard — no new CSS needed.
This commit is contained in:
Frank Stellmacher
2026-05-14 21:24:51 +02:00
committed by GitHub
parent 5d53a63553
commit d94e5c75b3
1 changed files with 10 additions and 8 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/components/internetRadio/RadioCard.tsx
+10 -8
View File
@@ -109,14 +109,16 @@ export default function RadioCard({
</button> </button>
</div> </div>
<button <div className="playlist-card-actions">
className={`playlist-card-delete ${deleteConfirmId === s.id ? 'playlist-card-delete--confirm' : ''}`} <button
onClick={onDelete} className={`playlist-card-action playlist-card-action--delete ${deleteConfirmId === s.id ? 'playlist-card-action--delete-confirm' : ''}`}
data-tooltip={deleteConfirmId === s.id ? t('radio.confirmDelete') : t('radio.deleteStation')} onClick={onDelete}
data-tooltip-pos="bottom" data-tooltip={deleteConfirmId === s.id ? t('radio.confirmDelete') : t('radio.deleteStation')}
> data-tooltip-pos="bottom"
{deleteConfirmId === s.id ? <Trash2 size={12} /> : <X size={12} />} >
</button> {deleteConfirmId === s.id ? <Trash2 size={12} /> : <X size={12} />}
</button>
</div>
</div> </div>
{/* Info */} {/* Info */}