fix: with prettier

front/MyINPulse-front/src/components/canvas/HeaderCanvas.vue

@@ -1,27 +1,31 @@
 <template>
-  <header class="header">
-    <img src="../icons/logo inpulse.png" alt="INPulse Logo" class="logo" />
+    <header class="header">
+        <img src="../icons/logo inpulse.png" alt="INPulse Logo" class="logo" />
 
-    <div class="header-actions">
-      <div class="dropdown-wrapper">
-        <button class="contact-button" @click="toggleDropdown">Contact</button>
-        <div class="contact-dropdown" :class="{ 'dropdown-visible': isDropdownOpen }">
-          <button @click="contactAll">Contacter tous</button>
-          <button
-            v-for="(email, index) in entrepreneurEmails"
-            :key="index"
-            @click="contactSingle(email)"
-          >
-            {{ email }}
-          </button>
+        <div class="header-actions">
+            <div class="dropdown-wrapper">
+                <button class="contact-button" @click="toggleDropdown">
+                    Contact
+                </button>
+                <div
+                    class="contact-dropdown"
+                    :class="{ 'dropdown-visible': isDropdownOpen }"
+                >
+                    <button @click="contactAll">Contacter tous</button>
+                    <button
+                        v-for="(email, index) in entrepreneurEmails"
+                        :key="index"
+                        @click="contactSingle(email)"
+                    >
+                        {{ email }}
+                    </button>
+                </div>
+            </div>
+            <RouterLink to="/" class="return-button">Retour</RouterLink>
         </div>
-      </div>
-      <RouterLink to="/" class="return-button">Retour</RouterLink>
-    </div>
-  </header>
+    </header>
 </template>
 
-
 <script setup lang="ts">
 import { ref, onMounted } from "vue";
 import axios from "axios";
@@ -29,100 +33,114 @@ import axios from "axios";
 const IS_MOCK_MODE = true;
 
 const props = defineProps<{
-  projectId: number;
+    projectId: number;
 }>();
 
 type Entrepreneur = {
-  idUser: number;
-  userSurname: string;
-  userName: string;
-  primaryMail: string;
-  secondaryMail: string;
-  phoneNumber: string;
-  school: string;
-  course: string;
-  sneeStatus: boolean;
+    idUser: number;
+    userSurname: string;
+    userName: string;
+    primaryMail: string;
+    secondaryMail: string;
+    phoneNumber: string;
+    school: string;
+    course: string;
+    sneeStatus: boolean;
 };
 
 const isDropdownOpen = ref(false);
 const entrepreneurEmails = ref<string[]>([]);
 
 const toggleDropdown = () => {
-  isDropdownOpen.value = !isDropdownOpen.value;
-  console.log("Dropdown toggled:", isDropdownOpen.value);
+    isDropdownOpen.value = !isDropdownOpen.value;
+    console.log("Dropdown toggled:", isDropdownOpen.value);
 };
 
-const fetchEntrepreneurs = async (projectId: number, useMock = IS_MOCK_MODE) => {
-  try {
-    const responseData: Entrepreneur[] = useMock
-      ? await mockFetchEntrepreneurs(projectId)
-      : (await axios.get(`http://localhost:5000/shared/projects/entrepreneurs/${projectId}`)).data;
+const fetchEntrepreneurs = async (
+    projectId: number,
+    useMock = IS_MOCK_MODE
+) => {
+    try {
+        const responseData: Entrepreneur[] = useMock
+            ? await mockFetchEntrepreneurs(projectId)
+            : (
+                  await axios.get(
+                      `http://localhost:5000/shared/projects/entrepreneurs/${projectId}`
+                  )
+              ).data;
 
-    if (responseData.length > 0) {
-      entrepreneurEmails.value = responseData.map((item: Entrepreneur) => item.primaryMail);
-    } else {
-      console.warn("Aucun entrepreneur trouvé.");
+        if (responseData.length > 0) {
+            entrepreneurEmails.value = responseData.map(
+                (item: Entrepreneur) => item.primaryMail
+            );
+        } else {
+            console.warn("Aucun entrepreneur trouvé.");
+        }
+    } catch (error) {
+        console.error(
+            "Erreur lors de la récupération des entrepreneurs :",
+            error
+        );
     }
-  } catch (error) {
-    console.error("Erreur lors de la récupération des entrepreneurs :", error);
-  }
 };
 
 // Fonction de simulation de l'API
-const mockFetchEntrepreneurs = async (projectId :number) => {
-  console.log(`Mock fetch pour projectId: ${projectId}`);
+const mockFetchEntrepreneurs = async (projectId: number) => {
+    console.log(`Mock fetch pour projectId: ${projectId}`);
 
-  return new Promise((resolve) => {
-    setTimeout(() => {
-      resolve([
-        {
-          idUser: 1,
-          userSurname: "Doe",
-          userName: "John",
-          primaryMail: "john.doe@example.com",
-          secondaryMail: "johndoe@backup.com",
-          phoneNumber: "612345678",
-          school: "ENSEIRB",
-          course: "Info",
-          sneeStatus: false
-        },
-        {
-          idUser: 2,
-          userSurname: "Smith",
-          userName: "Jane",
-          primaryMail: "jane.smith@example.com",
-          secondaryMail: "janesmith@backup.com",
-          phoneNumber: "698765432",
-          school: "ENSEIRB",
-          course: "Info",
-          sneeStatus: true
-        }
-      ]);
-    }, 500);
-  });
+    return new Promise((resolve) => {
+        setTimeout(() => {
+            resolve([
+                {
+                    idUser: 1,
+                    userSurname: "Doe",
+                    userName: "John",
+                    primaryMail: "john.doe@example.com",
+                    secondaryMail: "johndoe@backup.com",
+                    phoneNumber: "612345678",
+                    school: "ENSEIRB",
+                    course: "Info",
+                    sneeStatus: false,
+                },
+                {
+                    idUser: 2,
+                    userSurname: "Smith",
+                    userName: "Jane",
+                    primaryMail: "jane.smith@example.com",
+                    secondaryMail: "janesmith@backup.com",
+                    phoneNumber: "698765432",
+                    school: "ENSEIRB",
+                    course: "Info",
+                    sneeStatus: true,
+                },
+            ]);
+        }, 500);
+    });
 };
 
 const contactAll = () => {
-  const allEmails = entrepreneurEmails.value.join(", ");
-  navigator.clipboard.writeText(allEmails)
-    .then(() => {
-      alert("Tous les emails copiés dans le presse-papiers !");
-      window.open("https://partage.bordeaux-inp.fr/", "_blank");
-    })
-    .catch(err => {
-      console.error("Erreur lors de la copie :", err);
-    });
+    const allEmails = entrepreneurEmails.value.join(", ");
+    navigator.clipboard
+        .writeText(allEmails)
+        .then(() => {
+            alert("Tous les emails copiés dans le presse-papiers !");
+            window.open("https://partage.bordeaux-inp.fr/", "_blank");
+        })
+        .catch((err) => {
+            console.error("Erreur lors de la copie :", err);
+        });
 };
 
 const contactSingle = (email: string) => {
-  navigator.clipboard.writeText(email)
-    .then(() => {
-      alert(`Adresse copiée : ${email}`);
-      window.open("https://partage.bordeaux-inp.fr/", "_blank");
-    })
-    .catch(err => {
-      console.error("Erreur lors de la copie :", err);
-    });
+    navigator.clipboard
+        .writeText(email)
+        .then(() => {
+            alert(`Adresse copiée : ${email}`);
+            window.open("https://partage.bordeaux-inp.fr/", "_blank");
+        })
+        .catch((err) => {
+            console.error("Erreur lors de la copie :", err);
+        });
 };
 
 /*
@@ -142,78 +160,75 @@ onMounted(() => fetchEntrepreneurs(props.projectId, IS_MOCK_MODE));
 @import "@/components/canvas/style-project.css";
 
 .header {
-  display: flex;
-  justify-content: space-between;
-  align-items: center;
-  padding: 15px 30px;
-  background-color: #f9f9f9;
-  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+    padding: 15px 30px;
+    background-color: #f9f9f9;
+    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
 }
 
 .logo {
-  height: 50px;
+    height: 50px;
 }
 
 .header-actions {
-  display: flex;
-  align-items: center;
-  gap: 20px;
-  position: relative;
+    display: flex;
+    align-items: center;
+    gap: 20px;
+    position: relative;
 }
 
 .contact-button,
 .return-button {
-  background-color: #009CDE;
-  color: white;
-  border: none;
-  padding: 10px 15px;
-  cursor: pointer;
-  font-size: 14px;
-  border-radius: 5px;
-  text-decoration: none;
-  transition: background-color 0.2s ease;
-  font-family: Arial, sans-serif;
+    background-color: #009cde;
+    color: white;
+    border: none;
+    padding: 10px 15px;
+    cursor: pointer;
+    font-size: 14px;
+    border-radius: 5px;
+    text-decoration: none;
+    transition: background-color 0.2s ease;
+    font-family: Arial, sans-serif;
 }
 
 .return-button:hover,
 .contact-button:hover {
-  background-color: #007bad;
+    background-color: #007bad;
 }
 
-
 .contact-dropdown {
-  position: absolute;
-  top: 100%;
-  left: 0;
-  background-color: #000;
-  color: white;
-  box-shadow: 0px 4px 8px rgba(255, 255, 255, 0.2);
-  border-radius: 8px;
-  padding: 10px;
-  margin-top: 5px;
-  z-index: 1000;
-  min-width: 200px;
-  display: none;
+    position: absolute;
+    top: 100%;
+    left: 0;
+    background-color: #000;
+    color: white;
+    box-shadow: 0px 4px 8px rgba(255, 255, 255, 0.2);
+    border-radius: 8px;
+    padding: 10px;
+    margin-top: 5px;
+    z-index: 1000;
+    min-width: 200px;
+    display: none;
 }
 
 .contact-dropdown button {
-  display: block;
-  width: 100%;
-  padding: 5px;
-  text-align: left;
-  border: none;
-  background: none;
-  cursor: pointer;
-  color: white;
+    display: block;
+    width: 100%;
+    padding: 5px;
+    text-align: left;
+    border: none;
+    background: none;
+    cursor: pointer;
+    color: white;
 }
 
 .contact-dropdown button:hover {
-  background-color: #009CDE;
+    background-color: #009cde;
 }
 
 .contact-dropdown.dropdown-visible {
-  display: block;
+    display: block;
 }
-
-
 </style>