From f091ce8945204919328f432ce76ec47e1041f678 Mon Sep 17 00:00:00 2001
From: Jan Bader <jan@javil.eu>
Date: Sat, 29 Jan 2022 23:32:11 +0000
Subject: [PATCH] Handle LOGIN via action

---
 web/src/pages/Login.vue | 8 +++-----
 web/src/store/index.js  | 4 +---
 2 files changed, 4 insertions(+), 8 deletions(-)

diff --git a/web/src/pages/Login.vue b/web/src/pages/Login.vue
index afbf9e1..90fd3ac 100644
--- a/web/src/pages/Login.vue
+++ b/web/src/pages/Login.vue
@@ -1,5 +1,5 @@
 <script>
-import { LOGIN_SUCCESS, TITLE } from "../store/mutation-types";
+import { LOGIN, LOGIN_SUCCESS, TITLE } from "../store/mutation-types";
 
 export default {
     data() {
@@ -18,11 +18,9 @@ export default {
     methods: {
         formSubmit (e) {
             e.preventDefault();
-            fetch("/api/v1/user/login", {method: "POST", body: JSON.stringify(this.$data.login)})
-                .then(x => x.json())
+            this.$store.dispatch(LOGIN, this.$data.login)
                 .then(x => {
-                    this.$data.error = ""
-                    this.$store.commit(LOGIN_SUCCESS, x);
+                    this.$data.error = "";
                     this.$router.replace("/dashboard");
                 })
                 .catch(x => this.$data.error = ["The entered credentials are invalid!"]);
diff --git a/web/src/store/index.js b/web/src/store/index.js
index 8acb129..85400af 100644
--- a/web/src/store/index.js
+++ b/web/src/store/index.js
@@ -62,11 +62,10 @@ const store = createStore({
     },
     actions: {
         [LOGIN]({state, commit}, login) {
-            fetch("/api/v1/user/login", {method: "POST", body: JSON.stringify(login)})
+            return fetch("/api/v1/user/login", {method: "POST", body: JSON.stringify(login)})
                 .then(x => x.json())
                 .then(x => {
                     commit(LOGIN_SUCCESS, x);
-                    this.$router.replace("/dashboard");
                 })
         },
         YNAB({getters, dispatch}, formData) {
@@ -148,7 +147,6 @@ const store = createStore({
             if(state.CurrentBudgetID == null)
                 return {};
 
-            console.log(state.Budgets, state.CurrentBudgetID);
             const budgets = state.Budgets.filter(x => x.ID == state.CurrentBudgetID);
             if(budgets.length > 0)
                 return budgets[0];