diff --git a/libs/ui/components/src/lib/recent-playlists/playlist-item/playlist-item.component.html b/libs/ui/components/src/lib/recent-playlists/playlist-item/playlist-item.component.html index d0ffcf34e..17a9365c5 100644 --- a/libs/ui/components/src/lib/recent-playlists/playlist-item/playlist-item.component.html +++ b/libs/ui/components/src/lib/recent-playlists/playlist-item/playlist-item.component.html @@ -1,21 +1,37 @@ @if (item.url) { - cloud +
+ cloud + @if (item.autoRefresh) { + autorenew + } +
} @if (!item.url && !item.serverUrl && !item.macAddress) { - folder +
+ folder + @if (item.autoRefresh) { + autorenew + } +
} @if (item.serverUrl) {
diff --git a/libs/ui/components/src/lib/recent-playlists/playlist-item/playlist-item.component.scss b/libs/ui/components/src/lib/recent-playlists/playlist-item/playlist-item.component.scss index 42a1cd43e..d3695f333 100644 --- a/libs/ui/components/src/lib/recent-playlists/playlist-item/playlist-item.component.scss +++ b/libs/ui/components/src/lib/recent-playlists/playlist-item/playlist-item.component.scss @@ -84,6 +84,21 @@ mat-list-item { background-color: #444444; } +.auto-refresh-indicator { + position: absolute; + right: -2px; + bottom: -2px; + font-size: 14px !important; + width: 14px !important; + height: 14px !important; + color: #4caf50; + background-color: var(--background-color, #fff); + border-radius: 50%; + display: flex; + align-items: center; + justify-content: center; +} + @media only screen and (max-width: 480px) { .upload-type-icon, .icon-container {