Login, Download and visuals update

cista-front/src/repositories/Client.ts

@@ -1,4 +1,4 @@
-import axios from 'axios'
+import axios, {AxiosError} from 'axios'
 
 /* Base domain for all request */ 
 export const baseURL = import.meta.env.VITE_URL_DOCUMENT
@@ -17,9 +17,10 @@ Client.interceptors.response.use(
     // Do something with response data
     return response
   },
-  (error) => {
-    const msg = error.response?.data.message ?? 'Unexpected error'
-    const code = error.code ? Number(error.code) : 500
+  (error: AxiosError<any>) => {
+    const msg = error.response && error.response.data && error.response.data.error ?
+      error.response.data.error.message :  'Unexpected error'
+    const code = error.code ? Number(error.response?.status) : 500
     const standardizedError = new SimpleError(code, msg)
     
     return Promise.reject(standardizedError)

cista-front/src/repositories/Document.ts

@@ -23,6 +23,14 @@ export type FileDocument = BaseDocument & {
   data: string;
 };
 
+export type errorEvent = {
+  error: {
+    code : number;
+    message: string;
+    redirect: string;
+  }
+};
+
 export type Document = FolderDocument | FileDocument;
 
 
@@ -44,19 +52,36 @@ export class DocumentHandler {
       case !!msg.update:
         this.handleUpdateMessage(msg);
         break;
+      case !!msg.error:
+        this.handleError(msg);
+        break;
       default:
     }
   }
 
   private handleRootMessage({ root }: { root: FileStructure }) {
-    if (this.store && this.store.root) this.store.root = root;
+    if (this.store && this.store.root) { 
+      this.store.user.isLoggedIn = true;
+      this.store.root = root;
+    }
   }
 
   private handleUpdateMessage(updateData: { update: FileStructure[] }) {
     const root = updateData.update[0]
-    if(root) this.store.root = root
+    if(root) { 
+      this.store.user.isLoggedIn = true;
+      this.store.root = root
+    }
+  }
+  private handleError(msg: errorEvent){
+    if(msg.error.code === 401){
+      this.store.user.isOpenLoginModal = true;
+      this.store.user.isLoggedIn = false;
+      return
+    }
   }
 }
+
 export class DocumentUploadHandler {
   constructor( private store: DocumentStore = useDocumentStore() ) {
     this.handleWebSocketMessage = this.handleWebSocketMessage.bind(this);

cista-front/src/repositories/User.ts

@@ -0,0 +1,23 @@
+
+import Client from '@/repositories/Client'
+export const url_login = '/login'
+export const url_logout = '/logout '
+
+export async function loginUser(username : string, password: string){
+    try {
+        const user = await Client.post(url_login, {
+            username, password
+        })
+        return user;
+    } catch (error) {
+        throw error 
+    }
+}
+export async function logoutUser(){
+    try {
+        const data = await Client.post(url_logout)
+        return data;
+    } catch (error) {
+        throw error 
+    }
+}