From fcd1e1b724536bbd00eafc4fd6a5c62fe8c5e5e5 Mon Sep 17 00:00:00 2001
From: Agate <me@agate.blue>
Date: Wed, 22 Apr 2020 08:16:12 +0200
Subject: [PATCH] Better placeholders for channels

---
 api/funkwhale_api/audio/serializers.py        |  2 +-
 front/src/components/audio/ChannelEntries.vue | 11 +++++------
 front/src/components/audio/ChannelSeries.vue  | 11 +++++------
 3 files changed, 11 insertions(+), 13 deletions(-)

diff --git a/api/funkwhale_api/audio/serializers.py b/api/funkwhale_api/audio/serializers.py
index 2d812fcf2..c31cdb69d 100644
--- a/api/funkwhale_api/audio/serializers.py
+++ b/api/funkwhale_api/audio/serializers.py
@@ -200,7 +200,7 @@ class ChannelUpdateSerializer(serializers.Serializer):
         obj.save(update_fields=["metadata"])
 
         if "description" in validated_data:
-            description_obj = common_utils.attach_content(
+            common_utils.attach_content(
                 obj.artist, "description", validated_data["description"]
             )
 
diff --git a/front/src/components/audio/ChannelEntries.vue b/front/src/components/audio/ChannelEntries.vue
index af3f27943..23f70cbed 100644
--- a/front/src/components/audio/ChannelEntries.vue
+++ b/front/src/components/audio/ChannelEntries.vue
@@ -13,12 +13,11 @@
       </button>
     </template>
     <template v-if="!isLoading && objects.length === 0">
-      <div class="ui placeholder segment">
-        <div class="ui icon header">
-          <i class="music icon"></i>
-          No results matching your query
-        </div>
-      </div>
+      <empty-state @refresh="fetchData('tracks/')" :refresh="true">
+        <p>
+          <translate translate-context="Content/Channels/*">You may need to subscribe to this channel to see its content.</translate>
+        </p>
+      </empty-state>
     </template>
   </div>
 </template>
diff --git a/front/src/components/audio/ChannelSeries.vue b/front/src/components/audio/ChannelSeries.vue
index 5f9fa99d9..69e735987 100644
--- a/front/src/components/audio/ChannelSeries.vue
+++ b/front/src/components/audio/ChannelSeries.vue
@@ -18,12 +18,11 @@
       </button>
     </template>
     <template v-if="!isLoading && objects.length === 0">
-      <div class="ui placeholder segment">
-        <div class="ui icon header">
-          <i class="compact disc icon"></i>
-          No results matching your query
-        </div>
-      </div>
+      <empty-state @refresh="fetchData('albums/')" :refresh="true">
+        <p>
+          <translate translate-context="Content/Channels/*">You may need to subscribe to this channel to see its contents.</translate>
+        </p>
+      </empty-state>
     </template>
   </div>
 </template>