From 5310dd5ff6a67e7dcb95b2b040873e3a9bc675ce Mon Sep 17 00:00:00 2001
From: Koushik Dutta <koushd@gmail.com>
Date: Mon, 22 May 2023 19:01:15 -0700
Subject: [PATCH] ui: social, account creation cleanups

---
 plugins/core/ui/src/Login.vue             | 19 ++++++++-----------
 plugins/core/ui/src/components/Drawer.vue | 12 ++++++++++++
 2 files changed, 20 insertions(+), 11 deletions(-)

diff --git a/plugins/core/ui/src/Login.vue b/plugins/core/ui/src/Login.vue
index b260b9cad..7345ec8f4 100644
--- a/plugins/core/ui/src/Login.vue
+++ b/plugins/core/ui/src/Login.vue
@@ -5,6 +5,8 @@
         <v-card-text>
           <v-card-title style="justify-content: center;" class="headline text-uppercase">Scrypted
           </v-card-title>
+          <v-card-subtitle v-if="$store.state.hasLogin === false" style="justify-content: center;" class="text-uppercase">Create Account
+          </v-card-subtitle>
           <v-container grid-list-md>
             <v-layout wrap>
               <v-flex xs12>
@@ -34,12 +36,13 @@
         <v-card-actions>
           <v-tooltip bottom>
             <template v-slot:activator="{ on }">
-              <v-btn v-on="on" icon href="https://twitter.com/scryptedapp/">
-                <v-icon small>fab fa-twitter</v-icon>
+              <v-btn v-on="on" icon href="https://discord.gg/DcFzmBHYGq">
+                <v-icon small>fab fa-discord</v-icon>
               </v-btn>
             </template>
-            <span>Twitter</span>
+            <span>Discord</span>
           </v-tooltip>
+
           <v-tooltip bottom>
             <template v-slot:activator="{ on }">
               <v-btn v-on="on" icon href="https://www.reddit.com/r/Scrypted/">
@@ -48,6 +51,7 @@
             </template>
             <span>Reddit</span>
           </v-tooltip>
+
           <v-tooltip bottom>
             <template v-slot:activator="{ on }">
               <v-btn v-on="on" icon href="https://github.com/koush/scrypted">
@@ -56,14 +60,7 @@
             </template>
             <span>Github</span>
           </v-tooltip>
-          <v-tooltip bottom>
-            <template v-slot:activator="{ on }">
-              <v-btn v-on="on" icon href="https://discord.gg/DcFzmBHYGq">
-                <v-icon small>fab fa-discord</v-icon>
-              </v-btn>
-            </template>
-            <span>Discord</span>
-          </v-tooltip>
+
           <v-spacer></v-spacer>
           <v-btn type="submit" text @click.prevent="doLogin">Log In</v-btn>
         </v-card-actions>
diff --git a/plugins/core/ui/src/components/Drawer.vue b/plugins/core/ui/src/components/Drawer.vue
index c23de1892..2e302af60 100644
--- a/plugins/core/ui/src/components/Drawer.vue
+++ b/plugins/core/ui/src/components/Drawer.vue
@@ -50,6 +50,17 @@
           <v-list-item-title>Discord</v-list-item-title>
         </v-list-item-content>
       </v-list-item>
+
+      <v-list-item link href="https://www.reddit.com/r/Scrypted/" active-class="purple white--text tile">
+        <v-list-item-icon>
+          <v-icon small>fab fa-reddit</v-icon>
+        </v-list-item-icon>
+
+        <v-list-item-content>
+          <v-list-item-title>Reddit</v-list-item-title>
+        </v-list-item-content>
+      </v-list-item>
+
       <v-list-item link href="https://github.com/koush/scrypted" active-class="purple white--text tile">
         <v-list-item-icon>
           <v-icon small>fab fa-github</v-icon>
@@ -59,6 +70,7 @@
           <v-list-item-title>Github</v-list-item-title>
         </v-list-item-content>
       </v-list-item>
+
       <v-divider></v-divider>
       <v-list-item active-class="deep-purple accent-4 white--text">
         <v-list-item-icon>