Add montserrat bold, add no videos in feed, add logout logic

public/global.css

@@ -3,6 +3,16 @@
   src: url("/fonts/Montserrat-Regular.ttf");
 }
 
+@font-face {
+  font-family: MontserratBold;
+  src: url("/fonts/Montserrat-Bold.ttf");
+}
+
+
 * {
   font-family: Montserrat;
 }
+
+h1, h2, h3, h4, h5 {
+  font-family: MontserratBold;
+}

src/components/FeedPage.vue

@@ -70,6 +70,19 @@
         >
             <VideoItem :video="video" />
         </div>
+
+        <div
+            v-if="videos.length == 0 && !loading"
+            class="uk-text-center"
+            style="text-align: center; width: 100%; margin-top: 10%;"
+        >
+            <img width="210" src="/img/feed-no-video.png" />
+            <h3 style="font-family: MontserratBold;">No videos in My feed yet</h3>
+            <p class="uk-text-center" style="line-height: 21px;">
+                Subscribe to channels to be<br />
+                the first to see new videos.
+            </p>
+        </div>
     </div>
 </template>
 
@@ -85,6 +98,7 @@ export default {
     data() {
         return {
             currentVideoCount: 0,
+            loading: true,
             videoStep: 100,
             videosStore: [],
             videos: [],
@@ -100,6 +114,7 @@ export default {
     },
     mounted() {
         this.fetchFeed().then(videos => {
+            this.loading = false;
             this.videosStore = videos;
             this.loadMoreVideos();
             this.updateWatched(this.videos);

src/components/MenuDesktop.vue

@@ -60,13 +60,13 @@
                         <span v-if="!hideText" v-t="'titles.trending'" />
                     </router-link>
                 </li>
-                <li>
+                <li v-if="authenticated">
                     <router-link to="/feed" class="highlight sidebar-link uk-flex">
                         <font-awesome-icon icon="rss" />
                         <span v-if="!hideText" v-t="'titles.feed'" />
                     </router-link>
                 </li>
-                <li>
+                <li v-if="authenticated">
                     <router-link to="/subscriptions" class="highlight sidebar-link uk-flex">
                         <font-awesome-icon icon="heart" />
                         <span v-if="!hideText" v-t="'titles.subscriptions'" />
@@ -132,7 +132,8 @@ export default {
     },
     methods: {
         logout() {
-            alert("logging out");
+            this.removePreference("authToken" + this.hashCode(this.apiUrl()));
+            window.location = "/"; // done to bypass cache
         },
     },
     computed: {

src/components/MenuMobile.vue

@@ -82,7 +82,8 @@ export default {
     },
     methods: {
         logout() {
-            alert("logging out");
+            this.removePreference("authToken" + this.hashCode(this.apiUrl()));
+            window.location = "/"; // done to bypass cache
         },
     },
     computed: {

src/main.js

@@ -114,6 +114,9 @@ const mixin = {
         setPreference(key, value) {
             if (localStorage) localStorage.setItem(key, value);
         },
+        removePreference(key) {
+            if (localStorage) localStorage.removeItem(key);
+        },
         getPreferenceBoolean(key, defaultVal) {
             var value;
             if (