From 56a7d5cb86c6800aef50c964201bfab128b5d33a Mon Sep 17 00:00:00 2001
From: oguzhankoral <oguzhankoral@gmail.com>
Date: Thu, 5 Jan 2023 12:39:31 +0300
Subject: [PATCH] Move theme to settings

---
 ui/src/App.vue | 8 +++++---
 1 file changed, 5 insertions(+), 3 deletions(-)

diff --git a/ui/src/App.vue b/ui/src/App.vue
index f77bd7a..6471b0f 100644
--- a/ui/src/App.vue
+++ b/ui/src/App.vue
@@ -21,12 +21,10 @@
           solo
         />
         <v-spacer />
-        <v-btn icon small class="mx-1" @click="switchTheme">
-          <v-icon>mdi-theme-light-dark</v-icon>
-        </v-btn>
         <v-btn icon small class="mx-1" @click="requestRefresh">
           <v-icon>mdi-refresh</v-icon>
         </v-btn>
+        <settings-dialog/>
         <v-menu v-if="loggedIn" bottom min-width="200px" rounded offset-y>
           <template #activator="{ on, attrs }">
             <v-btn class="ml-1" icon x-large v-on="on">
@@ -129,6 +127,7 @@ export default {
   components: {
     Login,
     CreateStream: () => import('@/components/CreateStream'),
+    SettingsDialog: () => import('@/components/SettingsDialog'),
     GlobalToast: () => import('@/components/GlobalToast')
   },
   props: {
@@ -178,6 +177,9 @@ export default {
       this.$vuetify.theme.dark = !this.$vuetify.theme.dark
       localStorage.setItem('theme', this.$vuetify.theme.dark ? 'dark' : 'light')
       this.$mixpanel.track('Connector Action', { name: 'Toggle Theme' })
+    },
+    settingsDialog(){
+
     },
     switchAccount(account) {
       this.$mixpanel.track('Connector Action', { name: 'Account Select' })