mirror of
https://github.com/Psychotoxical/psysonic.git
synced 2026-07-21 23:05:46 +00:00
fix(internet-radio): restore delete button styling on station cards (#698)
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:
committed by
GitHub
parent
5d53a63553
commit
d94e5c75b3
@@ -109,14 +109,16 @@ export default function RadioCard({
|
||||
</button>
|
||||
</div>
|
||||
|
||||
<button
|
||||
className={`playlist-card-delete ${deleteConfirmId === s.id ? 'playlist-card-delete--confirm' : ''}`}
|
||||
onClick={onDelete}
|
||||
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>
|
||||
<div className="playlist-card-actions">
|
||||
<button
|
||||
className={`playlist-card-action playlist-card-action--delete ${deleteConfirmId === s.id ? 'playlist-card-action--delete-confirm' : ''}`}
|
||||
onClick={onDelete}
|
||||
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>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
{/* Info */}
|
||||
|
||||
Reference in New Issue
Block a user