fix: eslint + prettier

front/MyINPulse-front/src/views/CanvasView.vue

@@ -1,10 +1,7 @@
 <template>
     <div>
         <header>
-            <HeaderCanvas
-                :project-id="1"
-                :is-admin="isAdmin_"
-            />
+            <HeaderCanvas :project-id="1" :is-admin="isAdmin_" />
         </header>
     </div>
     <div>
@@ -13,22 +10,22 @@
             Cliquez sur un champ du tableau pour afficher son contenu en détail
             ci-dessous.
         </p>
-        <LeanCanvas
-            :project-id="1"
-            :is-admin="isAdmin_"
-        />
+        <LeanCanvas :project-id="1" :is-admin="isAdmin_" />
         <div class="info-box">
             <p v-if="admin">
                 Responsable :
-                <strong>{{ admin.userName }} {{ admin.userSurname }}</strong><br />
+                <strong>{{ admin.userName }} {{ admin.userSurname }}</strong
+                ><br />
                 Contact :
-                <a :href="`mailto:${admin.primaryMail}`">{{ admin.primaryMail }}</a>
+                <a :href="`mailto:${admin.primaryMail}`">{{
+                    admin.primaryMail
+                }}</a>
                 |
-                <a :href="`tel:${admin.phoneNumber}`">{{ admin.phoneNumber }}</a>
-            </p>
-            <p v-else>
-                Chargement des informations du responsable...
+                <a :href="`tel:${admin.phoneNumber}`">{{
+                    admin.phoneNumber
+                }}</a>
             </p>
+            <p v-else>Chargement des informations du responsable...</p>
         </div>
     </div>
 </template>
@@ -37,10 +34,10 @@
 import HeaderCanvas from "../components/canvas/HeaderCanvas.vue";
 import LeanCanvas from "../components/canvas/LeanCanvas.vue";
 import { ref, onMounted } from "vue";
-import { axiosInstance } from "@/services/api.ts";
 import { isAdmin } from "@/services/tools.ts";
 import { getProjectAdmin } from "@/services/Apis/Shared.ts";
 import UserAdmin from "@/ApiClasses/UserAdmin.ts";
+import type { AxiosResponse, AxiosError } from "axios";
 
 /*
 const props = defineProps<{
@@ -54,7 +51,6 @@ const IS_MOCK_MODE = false;
 const isAdmin_ = isAdmin();
 const admin = ref<UserAdmin | null>(null);
 
-
 const mockAdminData = new UserAdmin({
     idUser: 1,
     userSurname: "ALAMI",
@@ -64,19 +60,33 @@ const mockAdminData = new UserAdmin({
     phoneNumber: "0600000000",
 });
 
-const fetchAdminData = async (projectId: number, useMock = IS_MOCK_MODE) => {
+const fetchAdminData = (projectId: number, useMock = IS_MOCK_MODE) => {
     if (useMock) {
         console.log("Utilisation des données mockées pour l'administrateur");
         admin.value = mockAdminData;
         return;
     }
 
-    try {
-        const response = await axiosInstance.get(`/shared/projects/admin/${projectId}`);
-        admin.value = new UserAdmin(response.data);
-    } catch (error) {
-        console.error("Erreur lors de la récupération des données de l'administrateur :", error);
-    }
+    getProjectAdmin(
+        projectId,
+        (response: AxiosResponse) => {
+            admin.value = new UserAdmin(response.data);
+        },
+        (error: AxiosError) => {
+            console.error(
+                "Erreur lors de la récupération des données de l'administrateur :",
+                error
+            );
+            admin.value = {
+                idUser: 0,
+                userSurname: "Erreur",
+                userName: "Chargement",
+                primaryMail: "N/A",
+                secondaryMail: "N/A",
+                phoneNumber: "N/A",
+            };
+        }
+    );
 };
 
 onMounted(() => {