From a45d02f9e04411fbf86374a0a8ce6c4a6596697b Mon Sep 17 00:00:00 2001
From: Jan Bader <jan@javil.eu>
Date: Fri, 28 Jan 2022 10:35:29 +0000
Subject: [PATCH] Redesign app bar

---
 web/src/App.vue            | 16 ++++++++++++----
 web/src/pages/Settings.vue |  1 -
 2 files changed, 12 insertions(+), 5 deletions(-)

diff --git a/web/src/App.vue b/web/src/App.vue
index c524cba..49986b1 100644
--- a/web/src/App.vue
+++ b/web/src/App.vue
@@ -30,10 +30,18 @@ export default {
 <template>
   <v-app>
     <v-app-bar app>
-      <li><a @click="toggleMenu">Menu</a></li>
-      <li v-if="!loggedIn"><router-link to="/login">Login</router-link></li>
-      <li v-if="loggedIn"><a @click="logout">Logout</a></li>
-      <li v-if="loggedIn"><router-link to="/">Dashboard</router-link></li>
+      <v-app-bar-nav-icon @click="toggleMenu" />
+
+      <v-app-bar-title>{{$store.getters.CurrentBudget.Name}}</v-app-bar-title>
+
+      <v-spacer></v-spacer>
+
+      <v-btn v-if="loggedIn"><router-link to="/">Dashboard</router-link></v-btn>
+
+      <v-spacer></v-spacer>
+
+      <v-btn v-if="!loggedIn"><router-link to="/login">Login</router-link></v-btn>
+      <v-btn v-if="loggedIn"><a @click="logout">Logout</a></v-btn>
     </v-app-bar>
 
     <v-navigation-drawer app v-model="showMenu">
diff --git a/web/src/pages/Settings.vue b/web/src/pages/Settings.vue
index 2121248..1890e10 100644
--- a/web/src/pages/Settings.vue
+++ b/web/src/pages/Settings.vue
@@ -35,7 +35,6 @@ export default {
             // <a href="/budget/{{.Budget.ID}}/settings/clean-negative">Fix all historic negative category-balances</a>
         },
         ynabImport() {
-            // <input type="hidden" name="budget_id" value="{{$store.getters.CurrentBudget.ID}}" />
             let formData = new FormData();
             formData.append("transactions", this.$data.transactionsFile);
             formData.append("assignments", this.$data.assignmentsFile);