From 32f50e783ea5a0125175ee275ef54c9f310a0d9c Mon Sep 17 00:00:00 2001
From: root <root@git.maharshi.ninja>
Date: Tue, 2 Nov 2021 03:16:22 +0530
Subject: [PATCH] Much better design

---
 src/App.vue                            | 17 ++++++++++++++---
 src/components/AuthenticationModal.vue | 17 ++++++++++++++++-
 2 files changed, 30 insertions(+), 4 deletions(-)

diff --git a/src/App.vue b/src/App.vue
index 69b35e1..e5f9b31 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -50,6 +50,7 @@
           >
             {{ $t(link.name) }}
           </v-list-item>
+          <AuthenticationModal :list-mode="true" />
         </v-list>
         <v-select
           dense
@@ -117,7 +118,7 @@ export default {
 
   computed: {
     links () {
-      return [
+      const links = [
         {
           id: 'prefs',
           name: 'titles.preferences',
@@ -125,8 +126,8 @@ export default {
         },
         {
           id: 'trending',
-          name: 'titles.' + this.$store.getters['prefs/getPreference']('homepage', 'trending'),
-          to: '/'
+          name: 'titles.trending',
+          to: '/trending'
         },
         {
           id: 'watch-history',
@@ -134,6 +135,16 @@ export default {
           to: '/watch-history'
         }
       ]
+
+      if (this.$store.getters['auth/isCurrentlyAuthenticated']) {
+        links.splice(2, 0, {
+          id: 'feed',
+          name: 'titles.feed',
+          to: '/feed'
+        })
+      }
+
+      return links
     }
   },
 
diff --git a/src/components/AuthenticationModal.vue b/src/components/AuthenticationModal.vue
index 84547e2..012ef6e 100644
--- a/src/components/AuthenticationModal.vue
+++ b/src/components/AuthenticationModal.vue
@@ -11,9 +11,17 @@
           v-on="on"
           min-width="100%"
           class="mx-2"
+          v-if="listMode === false"
         >
           Log In/Sign Up
         </v-btn>
+        <v-list-item
+          v-else
+          v-bind="attrs"
+          v-on="on"
+        >
+          Log In/Sign Up
+        </v-list-item>
       </template>
       <v-card>
         <v-card-title>Authentication</v-card-title>
@@ -26,7 +34,13 @@
         </v-card-text>
       </v-card>
     </v-dialog>
-    <v-btn text min-width="100%" class="mx-2" @click="logOut" v-else>Log Out</v-btn>
+  <v-list-item
+    v-else-if="listMode === true"
+    @click="logOut"
+  >
+    Log Out
+  </v-list-item>
+  <v-btn text min-width="100%" class="mx-2" @click="logOut" v-else>Log Out</v-btn>
 </template>
 
 <script>
@@ -34,6 +48,7 @@ import { AuthenticationError } from '@/store/authentication-store'
 
 export default {
   name: 'AuthenticationModal',
+  props: ['listMode'],
   data: () => ({
     error: null,
     requestInProgress: false,