fixed song item in search

templates/search/index.html.twig

@@ -51,24 +51,7 @@
                         </div>
                         <div class="song-list">
                             {% for song in results.songs %}
-                                <a class="song-item" href="{{ path('song.detail', {songId: song.id}) }}">
-                                    <div class="song-cover" style="background-image: url({{ asset("uploads/thumbnail/" ~ song.fileReference ~ ".jpg?v=" ~ date().timestamp) }}), url({{ asset("assets/img/defaultAlbumArt.jpg") }});">
-                                        <div class="song-charter-info">
-                                            <div class="song-charter"><i class="mdi mdi-account-circle"></i><span>{{ song.charter|default('Unknown') }}</span></div>
-                                        </div>
-                                    </div>
-                                    <div class="song-metadata">
-                                        <div class="song-title">{{ song.title|default('Untitles') }}</div>
-                                        <div class="song-artist">{{ song.artist|default('Unknown') }}</div>
-                                        <div class="song-difficulties">
-                                            <img src="{{ asset('assets/img/difficultyEasy.svg') }}" class="{{ song.hasEasyDifficulty ? "active" : "" }}" alt="Easy Difficulty" />
-                                            <img src="{{ asset('assets/img/difficultyNormal.svg') }}" class="{{ song.hasNormalDifficulty ? "active" : "" }}" alt="Normal Difficulty" />
-                                            <img src="{{ asset('assets/img/difficultyHard.svg') }}" class="{{ song.hasHardDifficulty ? "active" : "" }}" alt="Hard Difficulty" />
-                                            <img src="{{ asset('assets/img/difficultyExtreme.svg') }}" class="{{ song.hasExtremeDifficulty ? "active" : "" }}" alt="Extreme Difficulty" />
-                                            <img src="{{ asset('assets/img/difficultyXD.svg') }}" class="{{ song.hasXDDifficulty ? "active" : "" }}" alt="xD Difficulty" />
-                                        </div>
-                                    </div>
-                                </a>
+                                {{ include('components/song-item.html.twig', {song: song}) }}
                             {% endfor %}
                         </div>
                     </div>