From 4a74ca99b77201fac379a663ccb09f8d8e5c7b4f Mon Sep 17 00:00:00 2001
From: Kamigen <46357922+Edouard127@users.noreply.github.com>
Date: Mon, 22 Apr 2024 16:38:17 -0400
Subject: [PATCH] Linked frontend to backend

---
 src/stores/auth.js      | 12 ++++++++++++
 src/views/LoginView.vue |  8 +++++---
 2 files changed, 17 insertions(+), 3 deletions(-)

diff --git a/src/stores/auth.js b/src/stores/auth.js
index 5cd42c0..3c499e5 100644
--- a/src/stores/auth.js
+++ b/src/stores/auth.js
@@ -42,6 +42,18 @@ export const auth = defineStore({
             this.startRefreshTokenTimer();
         },
 
+        async loginGoogle(client, accessToken) {
+            const response = await client.post(`${baseUrl}/google`, {accessToken: accessToken})
+            this.user = {
+                accessToken: response.data.accessToken,
+                refreshToken: response.data.refreshToken,
+                email: response.data.email
+            }
+            localStorage.setItem('jwt', this.user.accessToken);
+
+            this.startRefreshTokenTimer();
+        },
+
         logout() {
             localStorage.setItem('jwt', '');
             this.user = null;
diff --git a/src/views/LoginView.vue b/src/views/LoginView.vue
index 4893403..2596bec 100644
--- a/src/views/LoginView.vue
+++ b/src/views/LoginView.vue
@@ -4,6 +4,7 @@
       <GoogleLogin :callback="googleCallback" popup-type="TOKEN">
         <button>Login Using Google</button>
       </GoogleLogin>
+
         <div class="sm:flex hidden items-center justify-between flex-col"
             style="background-color: #f4f4f4; margin-top: 3%;">
 
@@ -105,7 +106,7 @@ import {auth} from '@/stores/auth.js';
 import {ref} from 'vue';
 import {useRouter} from 'vue-router';
 import {useClient} from "@/plugins/api.js";
-import {decodeCredential} from 'vue3-google-login'
+import {GoogleLogin} from "vue3-google-login";
 
 const api = useClient()
 
@@ -116,6 +117,7 @@ let user = ref({});
 let errorSnackBar = ref(false);
 
 async function login() {
+    // TODO: Make the store handle errors
     try {
       await store.login(api, user.value.email, user.value.password)
       router.push('/');
@@ -125,8 +127,8 @@ async function login() {
 }
 
 const googleCallback = (response) => {
-  console.log(response)
-  //store.loginWithGoogle(api, credential)
+  // TODO: Make the store handle errors
+  store.loginGoogle(api, response["access_token"])
 }
 </script>