add logout logic and wip recap

frontend/src/services/api.ts

@@ -38,7 +38,8 @@ export async function fetchWithAuth(input: RequestInfo, options?: RequestInit) {
     if (res.status === 401) {
         const refresh = await refreshToken();
         if (refresh.status == 400 || refresh.status == 401) {
-            window.location.href = `${Config.backend_uri}/auth/logout`;
+            window.location.href = `/?sessionExpired=True`;
+            
             const error = new Error("Unauthorized");
             error.cause = 401
             throw error;
@@ -49,6 +50,9 @@ export async function fetchWithAuth(input: RequestInfo, options?: RequestInit) {
         });
         return newRes;
     }
+    if (res.status == 403) {
+        throw new Error(res.statusText);
+    }
 
     return res;
 }
@@ -693,7 +697,33 @@ export function useGetContractFile() {
                 disposition && disposition?.includes("filename=")
                     ? disposition.split("filename=")[1].replace(/"/g, "")
                     : `contract_${id}.pdf`;
-            console.log(disposition);
+            return { blob, filename };
+        },
+        onSuccess: ({ blob, filename }) => {
+            const url = URL.createObjectURL(blob);
+            const link = document.createElement("a");
+            link.href = url;
+            link.download = filename;
+            link.click();
+            URL.revokeObjectURL(url);
+        },
+    });
+}
+
+export function useGetRecap() {
+    return useMutation({
+        mutationFn: async (form_id: number) => {
+            const res = await fetchWithAuth(`${Config.backend_uri}/contracts/${form_id}/recap`, {
+                credentials: "include",
+            }).then((res) => res);
+
+            if (!res.ok) throw new Error();
+            const blob = await res.blob();
+            const disposition = res.headers.get("Content-Disposition");
+            const filename =
+                disposition && disposition?.includes("filename=")
+                    ? disposition.split("filename=")[1].replace(/"/g, "")
+                    : `contract_recap_${form_id}.odt`;
             return { blob, filename };
         },
         onSuccess: ({ blob, filename }) => {

frontend/src/services/resources/contracts.ts

@@ -14,6 +14,7 @@ export type Contract = {
     phone: string;
     payment_method: string;
     cheque_quantity: number;
+    total_price: number;
 };
 
 export type ContractCreate = {

frontend/src/services/resources/users.ts

@@ -15,7 +15,7 @@ export type User = {
     name: string;
     email: string;
     products: Product[];
-    roles: Role[];
+    roles: string[];
 };
 
 export type UserInputs = {