2.3 - Fixed no playlist videos

Author: quead

src/app/app.component.html

@@ -41,6 +41,11 @@
                     <button type="button" class="video-item-head-btn" (click)="exportPlaylist()"><span class="fa fa-cog"></span>manage</button>
                 </div>
                 <div class="playlist-video-content" [dragula]='"playlistDrag"' [dragulaModel]='globals.playlistVideos' #playlistContainer>
+                  <ng-container *ngIf="globals.playlistVideos.length === 0 && !loading">
+                    <div class="text-center-block">
+                        Playlist is empty.
+                    </div>
+                  </ng-container>
                   <ng-container *ngIf="loading">
                     <div *ngFor="let i of [1,2,3,4,5]" class="video-item">
                       <div class="video-item-info">
@@ -141,6 +146,11 @@ <h2>Player</h2>
                     Similar videos
                 </div>
                 <div class="related-video-content">
+                  <ng-container *ngIf="globals.relatedVideos.length === 0 && !loading">
+                    <div class="text-center-block">
+                      Related videos list is empty.
+                    </div>
+                  </ng-container>
                   <ng-container *ngIf="loading">
                     <div *ngFor="let i of [1,2,3,4]" class="video-item">
                       <div class="video-item-info">

src/assets/scss/_common.scss

@@ -8,6 +8,12 @@
     justify-content: center;
 }
 
+.text-center-block {
+    text-align: center;
+    justify-content: center;
+    padding: 15px 0;
+}
+
 .hide {
     display: none;
 }

src/assets/settings.json

@@ -23,7 +23,7 @@
     {
       "name": "Toggle dark mode",
       "value": true,
-      "visible": true
+      "visible": false
     }
   ],
   "api_settings": [