Added ability for login to store cookie to browser

Venom-Biochem-Lab · Feb 2, 2024 · 8053f14 · 8053f14
1 parent acca16e
commit 8053f14
Show file tree

Hide file tree

Showing 3 changed files with 14 additions and 0 deletions.
diff --git a/frontend/package.json b/frontend/package.json
@@ -18,6 +18,7 @@
  "@sveltejs/adapter-auto": "^2.0.0",
  "@sveltejs/kit": "^1.20.4",
  "@types/cookie": "^0.5.1",
+ "@types/js-cookie": "^3.0.6",
  "autoprefixer": "^10.4.14",
  "flowbite": "^2.1.1",
  "flowbite-svelte": "^0.44.19",
@@ -38,6 +39,7 @@
  "type": "module",
  "dependencies": {
  "bibtex": "^0.9.0",
+ "js-cookie": "^3.0.5",
  "marked": "^10.0.0"
  }
 }
diff --git a/frontend/src/routes/login/+page.svelte b/frontend/src/routes/login/+page.svelte
@@ -1,6 +1,7 @@
 <script lang="ts">
  import { Backend, type LoginResponse } from "$lib/backend";
  import { Button, Label, Input } from "flowbite-svelte";
+ import Cookies from "js-cookie";
 
  let email: string = "";
  let password: string = "";
@@ -37,6 +38,7 @@
  // User entered the correct username / password and got a result.
  // @todo Store this in a cookie.
  console.log("Response received. Token: " + result['token'])
+ Cookies.set('auth', result['token'])
 
  } else {
  // User got a result, but both fields are null. This should never happen.

diff --git a/frontend/yarn.lock b/frontend/yarn.lock
@@ -325,6 +325,11 @@
  resolved "https://registry.yarnpkg.com/@types/estree/-/estree-1.0.3.tgz#2be19e759a3dd18c79f9f436bd7363556c1a73dd"
  integrity sha512-CS2rOaoQ/eAgAfcTfq6amKG7bsN+EMcgGY4FAFQdvSj2y1ixvOZTUA9mOtCai7E1SYu283XNw7urKK30nP3wkQ==
 
+"@types/js-cookie@^3.0.6":
+ version "3.0.6"
+ resolved "https://registry.yarnpkg.com/@types/js-cookie/-/js-cookie-3.0.6.tgz#a04ca19e877687bd449f5ad37d33b104b71fdf95"
+ integrity sha512-wkw9yd1kEXOPnvEeEV1Go1MmxtBJL0RR79aOTAApecWFVu7w0NNXNqhcWgvw2YgZDYadliXkl14pa3WXw5jlCQ==
+
 "@types/json-schema@^7.0.6":
  version "7.0.14"
  resolved "https://registry.yarnpkg.com/@types/json-schema/-/json-schema-7.0.14.tgz#74a97a5573980802f32c8e47b663530ab3b6b7d1"
@@ -964,6 +969,11 @@ jiti@^1.19.1:
  resolved "https://registry.yarnpkg.com/jiti/-/jiti-1.21.0.tgz#7c97f8fe045724e136a397f7340475244156105d"
  integrity sha512-gFqAIbuKyyso/3G2qhiO2OM6shY6EPP/R0+mkDbyspxKazh8BXDC5FiFsUjlczgdNz/vfra0da2y+aHrusLG/Q==
 
+js-cookie@^3.0.5:
+ version "3.0.5"
+ resolved "https://registry.yarnpkg.com/js-cookie/-/js-cookie-3.0.5.tgz#0b7e2fd0c01552c58ba86e0841f94dc2557dcdbc"
+ integrity sha512-cEiJEAEoIbWfCZYKWhVwFuvPX1gETRYPw6LlaTKoxD3s2AkXzkCjnp6h0V77ozyqj0jakteJ4YqDJT830+lVGw==
+
 js-yaml@^4.1.0:
  version "4.1.0"
  resolved "https://registry.yarnpkg.com/js-yaml/-/js-yaml-4.1.0.tgz#c1fb65f8f5017901cdd2c951864ba18458a10602"