not empty subscriptions

src/pages/artist/ui/Artist.js

@@ -1,7 +1,10 @@
-import { TrackListAPI } from '../../../widgets/trackList/index.js';
 import { ArtistCardView } from '../../../widgets/artistCard/index.js';
-import { TrackListView } from '../../../widgets/trackList/index.js';
-import { AlbumCarouselView } from '../../../widgets/albumCarousel/index.js';
+import { 
+  TrackListView, 
+  TrackListAPI } from '../../../widgets/trackList/index.js';
+import { 
+  AlbumCarouselView, 
+  AlbumCarouselAPI } from '../../../widgets/albumCarousel/index.js';
 import { player } from '../../../shared/player/model/store.js';
 import { eventBus } from '../../../shared/lib/eventbus.js';
 import { userStore } from '../../../entities/user/index.js';
@@ -38,6 +41,8 @@ export class ArtistPage {
     }
 
     const albumCarouselView = new AlbumCarouselView(this.pageContent, this.artistId);
-    await albumCarouselView.render();
+    const albumCarouselAPI = new AlbumCarouselAPI(this.artistId);
+    const albums = await albumCarouselAPI.get()
+    await albumCarouselView.render(albums);
   }
 }

src/pages/feed/ui/Feed.js

@@ -1,4 +1,5 @@
 import { TrackListAPI } from "../../../widgets/trackList/index.js";
+import { ArtistCarouselAPI} from "../../../widgets/artistCarousel/index.js";
 import { ListenBlockView } from "../../../widgets/listenBlock/index.js";
 import { TrackListView } from "../../../widgets/trackList/index.js";
 import { ArtistCarouselView } from "../../../widgets/artistCarousel/index.js";
@@ -53,8 +54,10 @@ export class FeedPage {
       eventBus.emit("hidePlayer");
     }
 
+    const artistCarouselAPI = new ArtistCarouselAPI();
     const artistCarouselView = new ArtistCarouselView(this.pageContent);
-    await artistCarouselView.render();
+    const artists = await artistCarouselAPI.get();
+    await artistCarouselView.render(artists);
 
     const playlistListAPI = new PlaylistListAPI();
     const playlistListView = new PlaylistListView(this.pageContent);

src/pages/subscriptions/ui/subscriptions.js

@@ -1,8 +1,15 @@
-import { ArtistCarouselView } from "../../../widgets/artistCarousel/index.js";
 import { player } from "../../../shared/player/model/store";
 import { userStore } from "../../../entities/user";
 import { eventBus } from "../../../shared/lib";
-import { AlbumCarouselView } from "../../../widgets/albumCarousel/index.js";
+import { ErrorView } from "../../../widgets/error/index.js";
+import { 
+  AlbumCarouselView,
+  AlbumCarouselAPI
+} from "../../../widgets/albumCarousel/index.js";
+import { 
+  ArtistCarouselView, 
+  ArtistCarouselAPI 
+} from "../../../widgets/artistCarousel/index.js";
 import {
   PlaylistListAPI,
   PlaylistListView,
@@ -28,13 +35,21 @@ export class SubscriptionsPage {
     this.pageContent.classList.add("page_content");
     this.parent.appendChild(this.pageContent);
 
+    const artistCarouselAPI = new ArtistCarouselAPI();
     const artistCarouselView = new ArtistCarouselView(this.pageContent, {
       favorite: true,
     });
-    await artistCarouselView.render();
+    const artists = await artistCarouselAPI.getFavorite();
+    if (artists) {
+      await artistCarouselView.render(artists);
+    }
 
-    const albumCardView = new AlbumCarouselView(this.pageContent, null, true);
-    await albumCardView.render();
+    const albumCarouselAPI = new AlbumCarouselAPI();
+    const albumCarouselView = new AlbumCarouselView(this.pageContent, null, true);
+    const albums = await albumCarouselAPI.getFavorite();
+    if (albums) {
+      await albumCarouselView.render(albums);
+    }
 
     const playlistListAPI = new PlaylistListAPI();
     const playlistListView = new PlaylistListView(this.pageContent);
@@ -43,6 +58,15 @@ export class SubscriptionsPage {
       await playlistListView.render(playlists.slice(0, 5), true, true);
     }
 
+    if (!artists && !albums && !playlists) {
+      const errorView = new ErrorView(
+        null,
+        "У вас пока нед подписок",
+        "Здесь можно увидеть подписки на артистов, альбомы и плейлисты",
+      );
+      await errorView.render();
+    }
+
     if (
       userStore.storage.user.isAuthorized &&
       (player.isLoaded || player.isPlaying)

src/widgets/albumCarousel/ui/albumCarousel.js

@@ -25,13 +25,7 @@ export class AlbumCarouselView {
   /**
    * Renders the playlist view.
    */
-  async render() {
-    const albumCarouselAPI = new AlbumCarouselAPI(this.artistId);
-    let albums = !this.favorite
-      ? await albumCarouselAPI.get()
-      : await albumCarouselAPI.getFavorite();
-    if (!albums) return;
-
+  async render(albums) {
     const albumCarouselElement = document.createElement("div");
     albumCarouselElement.classList.add("album_carousel");
 

src/widgets/artistCarousel/ui/artistCarousel.js

@@ -24,13 +24,7 @@ export class ArtistCarouselView {
   /**
    * Renders the playlist view.
    */
-  async render() {
-    const artistCarouselAPI = new ArtistCarouselAPI();
-    let artists = !this.favorite
-      ? await artistCarouselAPI.get()
-      : await artistCarouselAPI.getFavorite();
-    if (!artists) return;
-
+  async render(artists) {
     const artistCarouselElement = document.createElement("div");
     artistCarouselElement.classList.add("popular_artists");