From 583999afbeb9bf285b7719981d21f17f9198d995 Mon Sep 17 00:00:00 2001
From: 4gray <serega05@gmail.com>
Date: Thu, 17 Sep 2020 19:10:07 +0200
Subject: [PATCH] style: add visualization for "no playlists found"

---
 src/app/recent-playlists/recent-playlists.component.html | 5 +++++
 1 file changed, 5 insertions(+)

diff --git a/src/app/recent-playlists/recent-playlists.component.html b/src/app/recent-playlists/recent-playlists.component.html
index ad47a6adc..f02a1d959 100644
--- a/src/app/recent-playlists/recent-playlists.component.html
+++ b/src/app/recent-playlists/recent-playlists.component.html
@@ -1,4 +1,9 @@
 <mat-nav-list>
+    <mat-list-item *ngIf="playlists.length === 0">
+        <mat-icon mat-list-icon>cloud</mat-icon>
+        <div mat-line>No playlists were added</div>
+        <div mat-line class="meta">Please add your first playlist from the other tab</div>
+    </mat-list-item>
     <a mat-list-item *ngFor="let item of playlists; last as last" (click)="playlistClicked.emit(item._id)">
         <mat-icon mat-list-icon *ngIf="item?.url">cloud</mat-icon>
         <mat-icon mat-list-icon *ngIf="!item?.url">folder</mat-icon>