refactor(client): token helper

Signed-off-by: Noa Virellia <noa@requiem.garden>

client/src/lib/axios.ts

@@ -1,13 +1,14 @@
 import type { AxiosError } from 'axios';
 import axios from 'axios';
 import { router } from '@/lib/router';
+import { getToken, hasToken } from './token';
 
 export const axiosClient = axios.create({
   baseURL: '/api/',
 });
 
 axiosClient.interceptors.request.use((config) => {
-  const token = localStorage.getItem('token');
+  const token = getToken();
   if (token !== null) {
     config.headers.Authorization = `Bearer ${token}`;
   }
@@ -17,7 +18,10 @@ axiosClient.interceptors.request.use((config) => {
 axiosClient.interceptors.response.use(undefined, async (error: AxiosError) => {
   if (error.response && error?.response.status === 401) {
     // TODO: refresh token
-    await router.navigate({ to: '/login' });
+    if (!hasToken()) {
+      await router.navigate({ to: '/login' });
+      return;
+    }
     if (error.config) {
       return axiosClient(error.config);
     }

client/src/lib/token.ts

@@ -0,0 +1,15 @@
+export function setToken(token: string) {
+  localStorage.setItem('token', token);
+}
+
+export function getToken() {
+  return localStorage.getItem('token');
+}
+
+export function removeToken() {
+  localStorage.removeItem('token');
+}
+
+export function hasToken() {
+  return getToken() !== null;
+}