Commit 09f22a62 authored by Gemini's avatar Gemini Committed by Jakob Moser
Browse files

refactor(SongItem): Use consistent 'favorite' icon name for heart toggle 

This change modifies SongItem.mjs to always use the 'favorite' icon name. The visual distinction between favorite (filled) and non-favorite (outlined) states is now intended to be handled exclusively by CSS font-variation-settings.
parent be2795fe

frontend/SongItem.mjs

+4 −5
Original line number Diff line number Diff line
@@ -2,7 +2,8 @@ 
const SongItem = {

    view: function(vnode) {

        const { song, onToggleFavorite } = vnode.attrs;

        const heartIconName = song.isFavorite ? "favorite" : "favorite_border";

        // Immer den Basis-Icon-Namen verwenden. Die CSS-Klasse steuert das FILL.

        const heartIconName = "favorite";



        return m("div.song-item", { key: song.id }, [

            m("div.song-info", [
@@ -11,13 +12,11 @@ const SongItem = { 
            ]),

            m("div.song-actions", [

                m("span.material-symbols-outlined.heart-icon", {

                      class: song.isFavorite ? 'is-favorite' : '',

                      class: song.isFavorite ? 'is-favorite' : '', // Diese Klasse toggelt FILL via CSS

                      onclick: () => onToggleFavorite(song.id),

                      title: song.isFavorite ? 'Als Favorit entfernen' : 'Als Favorit markieren'

                  },

                  // Material Symbols verwenden den Textinhalt, um das Icon zu bestimmen.

                  // Die Klasse .is-favorite steuert die FILL-Eigenschaft via CSS.

                  heartIconName

                  heartIconName // Ist jetzt immer "favorite"

                )

            ])

        ]);