From 8c0b3171cc5b3f8b7f0424ca2ed49ddc5fa3ef70 Mon Sep 17 00:00:00 2001
From: adbusnel <adrien.busnel@epitech.eu>
Date: Fri, 11 Oct 2024 13:03:04 +0200
Subject: [PATCH 01/53] [MOD] fixed help number modification, changed popup
 delete alert, modify account class

---
 .../Accounts/SchoolAdm/schoolAccountsTable.js | 104 ++++++++++++------
 src/Components/Popup/alertDeletion.jsx        |  15 +++
 src/Components/Popup/alertModification.jsx    |   4 +-
 src/Components/Popup/categoryCreation.jsx     |  32 +-----
 .../helpNumberAndCategoryEditPopupContent.jsx |  42 +++++--
 src/Components/Popup/helpNumberCreation.jsx   |  23 ++--
 src/Components/Popup/moodFormCreation.jsx     |  12 +-
 src/Components/Popup/reportCreation.jsx       |  11 +-
 .../Popup/singleAccountCreation.jsx           |  48 +++-----
 src/Components/Sidebar/sidebar.jsx            |   8 +-
 src/Users/Shared/alertsPage.jsx               |  73 ++++++------
 src/Users/Shared/helpPage.jsx                 |   4 +-
 src/Users/Student/dashboardStudent.jsx        |   4 +-
 src/Users/Teacher/dashboardTeacher.jsx        |   2 +-
 src/css/Components/Popup/popup.scss           |  43 +++++++-
 15 files changed, 249 insertions(+), 176 deletions(-)
 create mode 100644 src/Components/Popup/alertDeletion.jsx

diff --git a/src/Components/Accounts/SchoolAdm/schoolAccountsTable.js b/src/Components/Accounts/SchoolAdm/schoolAccountsTable.js
index ce2d2488..bc57e613 100644
--- a/src/Components/Accounts/SchoolAdm/schoolAccountsTable.js
+++ b/src/Components/Accounts/SchoolAdm/schoolAccountsTable.js
@@ -7,8 +7,9 @@ import DeleteAccountPopupContent from '../../Popup/deleteAccount'
 import Popup from 'reactjs-popup'
 import cross from '../../../assets/Cross.png'
 import minusButton from '../../../assets/minus-button.png'
+import Select from 'react-select'
 
-export default function SchoolAccountsTable () {
+export default function SchoolAccountsTable ({ rolesList }) {
   const [teacherList, setTeacherList] = useState([])
   const [studentList, setStudentList] = useState([])
   const [selectedUser, setSelectedUser] = useState(null)
@@ -16,11 +17,15 @@ export default function SchoolAccountsTable () {
   const [isPopupOpen, setIsPopupOpen] = useState(false)
   const [fileImage, setFileImage] = useState(null)
   const [userId, setUserId] = useState('')
+  const [isMultiStatus, setIsMultiStatus] = useState(true)
+  const [classesList, setClassesList] = useState([])
   const [updatedUser, setUpdatedUser] = useState({
     firstname: '',
     lastname: '',
     email: '',
-    picture: null
+    classes: [],
+    picture: null,
+    role: ''
   })
 
   async function getAccountList () {
@@ -46,6 +51,24 @@ export default function SchoolAccountsTable () {
       setTeacherList(teacherAccounts)
       setStudentList(studentAccounts)
     }
+
+    fetch(process.env.REACT_APP_BACKEND_URL + '/shared/classes', {
+      method: 'GET',
+      headers: {
+        'x-auth-token': sessionStorage.getItem('token'),
+        'Content-Type': 'application/json'
+      }
+    })
+      .then((response) => {
+        if (response.status === 401) {
+          disconnect()
+        }
+        return response.json()
+      })
+      .then((data) => setClassesList(data))
+      .catch((error) => {
+        toast.error(error.message)
+      })
   }
 
   const showClasses = (classes) => {
@@ -71,8 +94,11 @@ export default function SchoolAccountsTable () {
       firstname: user.firstname,
       lastname: user.lastname,
       email: user.email,
-      picture: user.picture
+      classes: user.classes,
+      picture: user.picture,
+      role: user.role._id
     })
+    setIsMultiStatus(user.role.name === "teacher")
     setIsEditing(true)
   }
 
@@ -84,27 +110,20 @@ export default function SchoolAccountsTable () {
     }))
   }
 
+  const handleClassChange = (e) => {
+    console.log(e)
+    setUpdatedUser(prevState => ({
+      ...prevState,
+      ["classes"]: e
+    }))
+  }
+
   const handleFileChange = (e) => {
     setFileImage(e.target.files[0])
     setUpdatedUser(prevState => ({
       ...prevState,
       picture: e.target.files[0]
     }))
-    // const selectedFile = e.target.files[0]
-    // if (selectedFile) {
-    //   const reader = new FileReader()
-    //   reader.readAsDataURL(selectedFile)
-    //   reader.onload = () => {
-    //     const base64Image = reader.result
-    //     setUpdatedUser(prevState => ({
-    //       ...prevState,
-    //       picture: base64Image
-    //     }))
-    //   }
-    //   reader.onerror = (error) => {
-    //     console.error('Error occurred while reading the file:', error)
-    //   }
-    // }
   }
 
   const handleUpdate = async (e) => {
@@ -113,11 +132,16 @@ export default function SchoolAccountsTable () {
       const formData = new FormData()
       formData.append('firstname', updatedUser.firstname)
       formData.append('lastname', updatedUser.lastname)
+      formData.append('role', updatedUser.role)
       formData.append('email', updatedUser.email)
-      // if (updatedUser.picture) {
-      //   formData.append('file', updatedUser.picture)
-      // }
-      console.log(fileImage)
+      if (isMultiStatus) {
+        formData.append('classes', JSON.stringify(updatedUser.classes))
+      } else {
+        const arrayClass = []
+        arrayClass.push(updatedUser.classes)
+        formData.append('classes', JSON.stringify(arrayClass))
+      }
+
       if (fileImage) {
         formData.append('file', fileImage)
       }
@@ -133,13 +157,6 @@ export default function SchoolAccountsTable () {
       if (response.status === 401) {
         disconnect()
       } else if (response.ok) {
-        // setSelectedUser(null)
-        // setUpdatedUser({
-        //   firstname: '',
-        //   lastname: '',
-        //   email: '',
-        //   picture: null
-        // })
         setFileImage(null)
         toast.success('Le profil a été mis à jour avec succès.')
         setIsEditing(false)
@@ -207,9 +224,9 @@ export default function SchoolAccountsTable () {
             <button className='close-btn' onClick={close}><img src={cross} alt='Close' /></button>
             <div className='editProfileForm'>
               <h2>Modifier Profil</h2>
-              <form onSubmit={handleUpdate}>
+              <form className="form-profile-modif" onSubmit={handleUpdate}>
                 <div>
-                  <label htmlFor='firstname'>Prénom:</label>
+                  <label className='input-label' htmlFor='firstname'>Prénom:
                   <input
                     type='text'
                     id='firstname'
@@ -217,9 +234,10 @@ export default function SchoolAccountsTable () {
                     value={updatedUser.firstname}
                     onChange={handleInputChange}
                   />
+                  </label>
                 </div>
                 <div>
-                  <label htmlFor='lastname'>Nom:</label>
+                  <label className='input-label' htmlFor='lastname'>Nom:
                   <input
                     type='text'
                     id='lastname'
@@ -227,9 +245,10 @@ export default function SchoolAccountsTable () {
                     value={updatedUser.lastname}
                     onChange={handleInputChange}
                   />
+                  </label>
                 </div>
                 <div>
-                  <label htmlFor='email'>Email:</label>
+                  <label className='input-label' htmlFor='email'>Email:
                   <input
                     type='email'
                     id='email'
@@ -237,14 +256,31 @@ export default function SchoolAccountsTable () {
                     value={updatedUser.email}
                     onChange={handleInputChange}
                   />
+                  </label>
+                </div>
+                <div>
+                  <label className='input-label' htmlFor='classes'>Classes:
+                  <Select
+                    isMulti={isMultiStatus}
+                    data-testid='classes'
+                    id='classes'
+                    placeholder='Sélectionner une ou plusieurs classes'
+                    options={classesList}
+                    value={updatedUser.classes}
+                    onChange={handleClassChange}
+                    getOptionValue={(option) => option._id}
+                    getOptionLabel={(option) => option.name}
+                  />
+                  </label>
                 </div>
                 <div>
-                  <label htmlFor='picture'>Photo de profil:</label>
+                  <label className='input-label' htmlFor='picture'>Photo de profil:
                   <input
                     type='file'
                     id='picture'
                     onChange={handleFileChange}
                   />
+                  </label>
                 </div>
                 <button type='submit'>Mettre à jour</button>
               </form>
diff --git a/src/Components/Popup/alertDeletion.jsx b/src/Components/Popup/alertDeletion.jsx
new file mode 100644
index 00000000..3b5da800
--- /dev/null
+++ b/src/Components/Popup/alertDeletion.jsx
@@ -0,0 +1,15 @@
+import React, { useState, useEffect } from 'react'
+import '../../css/Components/Popup/popup.scss'
+import '../../css/pages/createAlerts.scss'
+
+const AlertDeletionPopupContent = ({ onClose, chosenAlert, handleDeleteAlert }) => {
+  return (
+    <>
+      <p>Êtes-vous certain(e) de vouloir supprimer cette alerte ?</p>
+      <p>Cette action sera irréversible.</p>
+      <button className='popup-btn' onClick={() => handleDeleteAlert(chosenAlert.id, onClose)}>Supprimer l'Alerte</button>
+    </>
+  )
+}
+
+export default AlertDeletionPopupContent
diff --git a/src/Components/Popup/alertModification.jsx b/src/Components/Popup/alertModification.jsx
index f4cc7841..1c1ad59e 100644
--- a/src/Components/Popup/alertModification.jsx
+++ b/src/Components/Popup/alertModification.jsx
@@ -2,7 +2,7 @@ import React, { useState, useEffect } from 'react'
 import '../../css/Components/Popup/popup.scss'
 import '../../css/pages/createAlerts.scss'
 
-const AlertModificationPopupContent = ({ chosenAlert, handleEditAlert, errMessage }) => {
+const AlertModificationPopupContent = ({ onClose, chosenAlert, handleEditAlert, errMessage }) => {
   const [editedAlert, setEditedAlert] = useState(chosenAlert)
 
   useEffect(() => {
@@ -28,7 +28,7 @@ const AlertModificationPopupContent = ({ chosenAlert, handleEditAlert, errMessag
         <input id='file-input' data-testid='alert-file-input' type='file' onChange={(e) => setFile(e.target.files[0])} />
       </label> */}
       {errMessage ? <span style={{ color: 'red' }}>{errMessage}</span> : ''}
-      <button className='popup-btn' onClick={() => handleEditAlert(editedAlert)}>Modifier l'Alerte</button>
+      <button className='popup-btn' onClick={() => handleEditAlert(editedAlert, onClose)}>Modifier l'Alerte</button>
     </>
   )
 }
diff --git a/src/Components/Popup/categoryCreation.jsx b/src/Components/Popup/categoryCreation.jsx
index 72ce729d..01901e19 100644
--- a/src/Components/Popup/categoryCreation.jsx
+++ b/src/Components/Popup/categoryCreation.jsx
@@ -1,23 +1,15 @@
 import React, { useState } from 'react'
 import '../../css/Components/Popup/popup.scss'
 import { disconnect } from '../../functions/disconnect'
+import {toast} from "react-toastify"
 
-const CategoryCreationPopupContent = () => {
+const CategoryCreationPopupContent = ({onClose}) => {
   const [name, setName] = useState('')
-  const [errMessage, setErrMessage] = useState('')
-  const [notification, setNotification] = useState({ visible: false, message: '', type: '' })
 
   const handleNameChange = (event) => {
     setName(event.target.value)
   }
 
-  const openNotification = (message, type) => {
-    setNotification({ visible: true, message, type })
-    setTimeout(() => {
-      setNotification({ visible: false, message: '', type: '' })
-    }, 3000) // La notification sera visible pendant 3 secondes
-  }
-
   const fetchCategoryRegister = async () => {
     const categoryRegisterUrl = process.env.REACT_APP_BACKEND_URL + '/adm/helpNumbersCategory/register'
 
@@ -36,24 +28,17 @@ const CategoryCreationPopupContent = () => {
           disconnect()
         }
         if (response.ok) {
-          setErrMessage('Catégorie créée avec succès.')
-          openNotification('Catégorie créée avec succès.', 'success')
-          setTimeout(() => {
-            window.location.reload()
-          }, 2000)
+          toast.success('Catégorie créée avec succès.')
         } else {
           const data = await response.json()
-          setErrMessage(data.message)
-          openNotification(data.message, 'error')
+          toast.error(data.message)
         }
       })
         .catch((error) => {
-          setErrMessage(error.message)
-          openNotification(error.message, 'error')
+          toast.error(error.message)
         })
     } else {
-      setErrMessage('La catégorie est vide.')
-      openNotification('La catégorie est vide.', 'error')
+      toast.error('La catégorie est vide.')
     }
   }
 
@@ -63,11 +48,6 @@ const CategoryCreationPopupContent = () => {
         <span className='label-content'>Catégorie <span style={{ color: 'red' }}>*</span></span>
         <input type='text' name='category' placeholder='Nom' onChange={handleNameChange} />
       </label>
-      {errMessage ? <span style={{ color: 'red' }}>{errMessage}</span> : ''}
-      {notification.visible &&
-        <div className={`notification ${notification.type}`}>
-          {notification.message}
-        </div>}
       <button className='popup-btn' onClick={fetchCategoryRegister}>Créer la Catégorie</button>
     </>
   )
diff --git a/src/Components/Popup/helpNumberAndCategoryEditPopupContent.jsx b/src/Components/Popup/helpNumberAndCategoryEditPopupContent.jsx
index 6ac29225..f9eb686b 100644
--- a/src/Components/Popup/helpNumberAndCategoryEditPopupContent.jsx
+++ b/src/Components/Popup/helpNumberAndCategoryEditPopupContent.jsx
@@ -9,6 +9,7 @@ const HelpNumberAndCategoryEditPopupContent = ({ type, onClose }) => {
   const [selectedItem, setSelectedItem] = useState(null)
   const [loading, setLoading] = useState(true)
   const [error, setError] = useState('')
+  const [categoryList, setCategoryList] = useState([])
 
   useEffect(() => {
     const fetchItems = async () => {
@@ -19,8 +20,6 @@ const HelpNumberAndCategoryEditPopupContent = ({ type, onClose }) => {
       const numberUrl = process.env.REACT_APP_BACKEND_URL + '/user/helpNumbers'
       const url = type === 'number' ? numberUrl : categoryUrl
 
-      console.log('Fetching data from:', url)
-
       try {
         const response = await fetch(url, {
           headers: {
@@ -31,18 +30,41 @@ const HelpNumberAndCategoryEditPopupContent = ({ type, onClose }) => {
 
         if (response.status === 401) {
           disconnect()
-          throw new Error('Unauthorized access')
+          toast.error('Unauthorized access')
         }
 
         if (!response.ok) {
-          throw new Error(`Error ${response.status}: ${response.statusText}`)
+          toast.error(`Error ${response.status}: ${response.statusText}`)
         }
 
         const data = await response.json()
         setItems(data)
+        if (type === "number") {
+          try {
+            const response = await fetch(categoryUrl, {
+              headers: {
+                'x-auth-token': sessionStorage.getItem('token'),
+                'Content-Type': 'application/json'
+              }
+            })
+
+            if (response.status === 401) {
+              disconnect()
+              toast.error('Unauthorized access')
+            }
+
+            if (!response.ok) {
+              toast.error(`Error ${response.status}: ${response.statusText}`)
+            }
+
+            const data = await response.json()
+            setCategoryList(data)
+          } catch (error) {
+            toast.error('Error fetching data:', error)
+          }
+        }
       } catch (error) {
-        console.error('Error fetching data:', error)
-        setError(error.message)
+        toast.error('Error fetching data:', error)
       } finally {
         setLoading(false)
       }
@@ -71,10 +93,8 @@ const HelpNumberAndCategoryEditPopupContent = ({ type, onClose }) => {
 
       if (!response.ok) {
         const errorData = await response.json()
-        console.log('Erreur renvoyée par le serveur:', errorData)
-        throw new Error(`Error ${response.status}: ${errorData.message || 'Unknown error'}`)
+        toast.error(`Error ${response.status}: ${errorData.message || 'Unknown error'}`)
       }
-
       toast.success(`${type === 'number' ? 'Numéro' : 'Catégorie'} supprimé avec succès !`)
       onClose()
       window.location.reload() // Rafraîchir la page après suppression
@@ -89,7 +109,7 @@ const HelpNumberAndCategoryEditPopupContent = ({ type, onClose }) => {
     const item = items.find((item) => item._id === selectedId)
     setSelectedItem(item)
     if (item && type === 'number') {
-      setFormData({ name: item.name, telephone: item.telephone || '' })
+      setFormData({ name: item.name, telephone: item.telephone || '', helpNumbersCategory: item.helpNumbersCategory })
     } else {
       setFormData({ name: item.name })
     }
@@ -175,7 +195,7 @@ const HelpNumberAndCategoryEditPopupContent = ({ type, onClose }) => {
                   <label className='input-label'>
                     <span className='label-content'>Catégorie</span>
                     <select data-testid='category-select' name='helpNumbersCategory' value={formData.helpNumbersCategory} onChange={handleInputChange}>
-                      {items.map((option, index) => (
+                      {categoryList.map((option, index) => (
                         <option key={index} value={option._id}>
                           {option.name}
                         </option>
diff --git a/src/Components/Popup/helpNumberCreation.jsx b/src/Components/Popup/helpNumberCreation.jsx
index 0d516acf..030c16d6 100644
--- a/src/Components/Popup/helpNumberCreation.jsx
+++ b/src/Components/Popup/helpNumberCreation.jsx
@@ -1,9 +1,9 @@
 import React, { useState, useEffect } from 'react'
 import '../../css/Components/Popup/popup.scss'
 import { disconnect } from '../../functions/disconnect'
+import {toast} from "react-toastify"
 
-const HelpNumberCreationPopupContent = () => {
-  const [errMessage, setErrMessage] = useState('')
+const HelpNumberCreationPopupContent = ({onClose}) => {
   const [name, setName] = useState('')
   const [email, setEmail] = useState('')
   const [categoryID, setCategoryID] = useState('')
@@ -49,7 +49,7 @@ const HelpNumberCreationPopupContent = () => {
         setCategories(data)
         setCategoryID(data.length > 0 ? data[0]._id : '')
       } else {
-        setErrMessage('Erreur lors de la récupération des catégories.')
+        toast.error('Erreur lors de la récupération des catégories.')
       }
     }
 
@@ -68,16 +68,16 @@ const HelpNumberCreationPopupContent = () => {
     let sendPost = true
 
     if (name === '') {
-      setErrMessage('Le nom est vide.')
+      toast.error('Le nom est vide.')
       sendPost = false
     } else if (!/^\d{10}$/.test(telephone) || telephone === '') {
-      setErrMessage('Veuillez fournir un numéro de téléphone valide (10 chiffres).')
+      toast.error('Veuillez fournir un numéro de téléphone valide (10 chiffres).')
       sendPost = false
     } else if (email === '' || !validateEmail(email)) {
-      setErrMessage('Veuillez fournir une adresse email valide.')
+      toast.error('Veuillez fournir une adresse email valide.')
       sendPost = false
     } else if (description === '') {
-      setErrMessage("Veuillez fournir une description de ce numéro d'aide.")
+      toast.error("Veuillez fournir une description de ce numéro d'aide.")
       sendPost = false
     }
 
@@ -100,14 +100,14 @@ const HelpNumberCreationPopupContent = () => {
           disconnect()
         }
         if (response.ok) {
-          setErrMessage("Numéro d'aide ajouté avec succès.")
-          window.location.reload()
+          toast.success("Numéro d'aide ajouté avec succès.")
+          onClose()
         } else /* istanbul ignore next */ {
           const data = response.json()
-          setErrMessage(data.message)
+          toast.error(data.message)
         }
       })
-        .catch((error) => /* istanbul ignore next */ { setErrMessage(error.message) })
+        .catch((error) => /* istanbul ignore next */ { toast.error(error.message) })
     }
   }
 
@@ -139,7 +139,6 @@ const HelpNumberCreationPopupContent = () => {
         <span className='label-content'>Description <span style={{ color: 'red' }}>*</span></span>
         <textarea name='description' placeholder="Une description à propos de l'aide fournie" onChange={handleDescriptionChange} />
       </label>
-      {errMessage ? <span style={{ color: 'red' }}>{errMessage}</span> : ''}
       <button className='popup-btn' onClick={fetchHelpNumberRegister}>Créer le Numéro</button>
     </>
   )
diff --git a/src/Components/Popup/moodFormCreation.jsx b/src/Components/Popup/moodFormCreation.jsx
index 3b59aacf..2dfd0e3b 100644
--- a/src/Components/Popup/moodFormCreation.jsx
+++ b/src/Components/Popup/moodFormCreation.jsx
@@ -7,8 +7,9 @@ import happyMood from '../../assets/newHappyMood.png'
 import veryHappyMood from '../../assets/newVeryHappyMood.png'
 import '../../css/Components/Feelings/feelings.scss'
 import { disconnect } from '../../functions/disconnect'
+import { toast } from "react-toastify"
 
-const MoodFormCreationPopupContent = () => {
+const MoodFormCreationPopupContent = ({ onClose }) => {
   const [errMessage, setErrMessage] = useState('')
   const [newMood, setNewMood] = useState('')
   const [newAnonymous, setNewAnonymous] = useState(true)
@@ -47,14 +48,15 @@ const MoodFormCreationPopupContent = () => {
             disconnect()
           }
           if (response.status === 200) {
-            window.location.reload()
+            toast.success("Le ressenti a été créé avec succès.")
+            onClose()
           }
         })
         .catch(error => /* istanbul ignore next */ {
-          setErrMessage('Erreur lors de la récupération des ressentis', error)
+          toast.error('Erreur lors de la récupération des ressentis', error)
         })
     } else {
-      setErrMessage("L'humeur est manquante.")
+      toast.error("L'humeur est manquante.")
     }
   }
 
@@ -85,7 +87,7 @@ const MoodFormCreationPopupContent = () => {
         <input type='checkbox' id='anonymous-checkbox' defaultChecked onClick={handleAnonymous} />
         <label htmlFor='anonymous-checkbox' data-testid='anonymous-label' id='anonymous-label'>Anonyme</label>
       </div>
-      {errMessage ? <span style={{ color: 'red' }}>{errMessage}</span> : ''}
+      {/* {errMessage ? <span style={{ color: 'red' }}>{errMessage}</span> : ''} */}
       <button className='popup-btn' onClick={handleUpdateFeelings}>Créer le Ressenti</button>
     </>
   )
diff --git a/src/Components/Popup/reportCreation.jsx b/src/Components/Popup/reportCreation.jsx
index 01bb0279..c8b01c0c 100644
--- a/src/Components/Popup/reportCreation.jsx
+++ b/src/Components/Popup/reportCreation.jsx
@@ -2,8 +2,9 @@ import React, { useState, useEffect } from 'react'
 import '../../css/Components/Popup/popup.scss'
 import { disconnect } from '../../functions/disconnect'
 import Select from 'react-select'
+import { toast } from "react-toastify"
 
-const ReportCreationPopupContent = () => {
+const ReportCreationPopupContent = ({ onClose }) => {
   const userId = localStorage.getItem('id')
   const [reason, setReason] = useState('')
   const [error, setError] = useState('')
@@ -63,13 +64,13 @@ const ReportCreationPopupContent = () => {
       if (response.status === 401) {
         disconnect()
       } else if (response.status === 200) {
-        setError('Signalement en cours de traitement')
-        window.location.reload()
+        toast.success('Signalement en cours de traitement')
+        onClose()
       } else {
-        setError('Erreur lors du signalement de la conversation.')
+        toast.error('Erreur lors du signalement de la conversation.')
       }
     } catch (error) /* istanbul ignore next */ {
-      setError('Erreur lors du signalement de la conversation.')
+      toast.error('Erreur lors du signalement de la conversation.')
     }
   }
 
diff --git a/src/Components/Popup/singleAccountCreation.jsx b/src/Components/Popup/singleAccountCreation.jsx
index eb5dc178..2cc8f668 100644
--- a/src/Components/Popup/singleAccountCreation.jsx
+++ b/src/Components/Popup/singleAccountCreation.jsx
@@ -3,6 +3,7 @@ import '../../css/Components/Popup/popup.scss'
 import Select from 'react-select'
 import userIcon from '../../assets/userIcon.png'
 import { disconnect } from '../../functions/disconnect'
+import { toast } from "react-toastify"
 
 const SingleAccountCreationPopupContent = () => {
   const roleProfile = sessionStorage.getItem('role')
@@ -11,7 +12,6 @@ const SingleAccountCreationPopupContent = () => {
   const [lastname, setLastName] = useState('')
   const [email, setEmail] = useState('')
   const [rolesList, setRolesList] = useState([])
-  const [errMessage, setErrMessage] = useState('')
   const [role, setRole] = useState('')
   const [classes, setClasses] = useState([])
   const [classesList, setClassesList] = useState([])
@@ -19,7 +19,6 @@ const SingleAccountCreationPopupContent = () => {
   const [isMultiStatus, setIsMultiStatus] = useState(true)
   const [picture, setPicture] = useState(null)
   const [title, setTitle] = useState(null)
-  const [notification, setNotification] = useState(null) // Ajout de l'état de la notification
 
   const handleFirstNameChange = (event) => {
     setFirstName(event.target.value)
@@ -89,25 +88,25 @@ const SingleAccountCreationPopupContent = () => {
     }
 
     if (firstname === '') {
-      setErrMessage('Il manque le prénom.')
+      toast.error('Il manque le prénom.')
       return
     } else if (lastname === '') {
-      setErrMessage('Il manque le nom de famille.')
+      toast.error('Il manque le nom de famille.')
       return
     } else if (email === '') {
-      setErrMessage("Il manque l'adresse email.")
+      toast.error("Il manque l'adresse email.")
       return
     } else if (!validateEmail(email)) {
-      setErrMessage("L'adresse email n'est pas valide.")
+      toast.error("L'adresse email n'est pas valide.")
       return
     } else if (roleProfile !== 'admin' && picture === '') {
-      setErrMessage('Veuillez fournir une image de profil')
+      toast.error('Veuillez fournir une image de profil')
       return
     } else if (roleProfile !== 'admin' && classesArray.length === 0) {
       if (role.name === 'teacher') {
-        setErrMessage('Veuillez assigner une ou plusieurs classes à cet enseignant.')
+        toast.error('Veuillez assigner une ou plusieurs classes à cet enseignant.')
       } else {
-        setErrMessage('Veuillez assigner une classe à cet étudiant.')
+        toast.error('Veuillez assigner une classe à cet étudiant.')
       }
       return
     }
@@ -141,7 +140,7 @@ const SingleAccountCreationPopupContent = () => {
         if (response.status === 401) {
           disconnect()
         } else if (response.ok) {
-          setNotification({ type: 'success', message: 'Compte créé avec succès' }) // Déclencher la notification de succès
+          toast.success('Compte créé avec succès')
           window.location.reload()
         } else {
           return response.json()
@@ -149,11 +148,11 @@ const SingleAccountCreationPopupContent = () => {
       })
       .then((data) => {
         if (data) {
-          setNotification({ type: 'error', message: data.message }) // Déclencher la notification d'erreur si nécessaire
+          toast.error(data.message)
         }
       })
       .catch((e) => {
-        setNotification({ type: 'error', message: e.message }) // Déclencher la notification d'erreur en cas d'erreur
+        toast.error(e.message)
       })
   }
 
@@ -176,7 +175,7 @@ const SingleAccountCreationPopupContent = () => {
         setRole(data.roles.filter((user) => user.name === 'teacher')[0]._id)
       })
       .catch((error) => {
-        setErrMessage(error.message)
+        toast.error(error.message)
       })
 
     fetch(process.env.REACT_APP_BACKEND_URL + '/shared/classes', {
@@ -194,7 +193,7 @@ const SingleAccountCreationPopupContent = () => {
       })
       .then((data) => setClassesList(data))
       .catch((error) => {
-        setErrMessage(error.message)
+        toast.error(error.message)
       })
 
     fetch(process.env.REACT_APP_BACKEND_URL + '/shared/titles', {
@@ -214,30 +213,12 @@ const SingleAccountCreationPopupContent = () => {
         setTitlesList(data)
       })
       .catch((error) => {
-        setErrMessage(error.message)
+        toast.error(error.message)
       })
   }, [])
 
-  useEffect(() => {
-    // Effacer la notification après 5 secondes
-    if (notification) {
-      const timer = setTimeout(() => {
-        setNotification(null)
-      }, 5000)
-
-      return () => clearTimeout(timer)
-    }
-  }, [notification])
-
   return (
     <>
-      {/* Affichage de la notification */}
-      {notification && (
-        <div className={`notification ${notification.type}`}>
-          {notification.message}
-        </div>
-      )}
-
       {/* Le reste du contenu du composant */}
       {roleProfile === 'admin'
         ? (
@@ -311,7 +292,6 @@ const SingleAccountCreationPopupContent = () => {
             </label>
           </label>
           )}
-      {errMessage ? <span data-testid='err-message' style={{ color: 'red' }}>{errMessage}</span> : ''}
       <button className='popup-btn' onClick={singleAccountCreation}>Créer le Compte</button>
     </>
   )
diff --git a/src/Components/Sidebar/sidebar.jsx b/src/Components/Sidebar/sidebar.jsx
index 6e4cf579..4ca48b99 100644
--- a/src/Components/Sidebar/sidebar.jsx
+++ b/src/Components/Sidebar/sidebar.jsx
@@ -5,6 +5,7 @@ import Popup from 'reactjs-popup'
 import { Tooltip } from 'react-tooltip'
 import moment from 'moment'
 import logoSchood from '../../assets/logo_schood.png'
+import { toast } from "react-toastify"
 
 import { FaUsers, FaExclamationCircle } from 'react-icons/fa'
 import { FontAwesomeIcon } from '@fortawesome/react-fontawesome'
@@ -88,7 +89,7 @@ export default function Sidebar () {
           setDailyMood(data.mood)
         }
       })
-      .catch((e) => { console.error(e) })
+      .catch((e) => { toast.error(e.statusText) })
   }
 
   const getUnseenNotifications = () => {
@@ -183,10 +184,11 @@ export default function Sidebar () {
           disconnect()
         } else {
           setDailyMood(mood)
+          toast.success('Votre humeur du jour a été prise en compte.')
         }
       })
       .catch((error) => {
-        console.error(error)
+        toast.error(error.statusText)
       })
   }
 
@@ -208,7 +210,7 @@ export default function Sidebar () {
         setNotifications(data)
       })
       .catch((error) => {
-        console.error(error)
+        toast.error(error)
       })
   }
 
diff --git a/src/Users/Shared/alertsPage.jsx b/src/Users/Shared/alertsPage.jsx
index 05e65ab9..c028887a 100644
--- a/src/Users/Shared/alertsPage.jsx
+++ b/src/Users/Shared/alertsPage.jsx
@@ -12,7 +12,8 @@ import UserProfile from '../../Components/userProfile/userProfile'
 import AlertCreationPopupContent from '../../Components/Popup/alertCreation'
 import AlertModificationPopupContent from '../../Components/Popup/alertModification.jsx'
 import { disconnect } from '../../functions/disconnect'
-
+import {toast} from "react-toastify"
+import AlertDeletionPopupContent from '../../Components/Popup/alertDeletion'
 const AlertsPage = () => {
   const roleProfile = sessionStorage.getItem('role')
   const [isOpen, setIsOpen] = useState(false)
@@ -21,14 +22,7 @@ const AlertsPage = () => {
   const [chosenAlert, setChosenAlert] = useState({})
   const { id } = useParams()
   const [errMessage, setErrMessage] = useState('')
-  const [notification, setNotification] = useState({ visible: false, message: '', type: '' })
-
-  const openNotification = (message, type) => {
-    setNotification({ visible: true, message, type })
-    setTimeout(() => {
-      setNotification({ visible: false, message: '', type: '' })
-    }, 3000) // La notification sera visible pendant 3 secondes
-  }
+  const  [isDeleting, setIsDeleting] = useState(false)
 
   const fetchAlerts = async () => {
     try {
@@ -126,7 +120,7 @@ const AlertsPage = () => {
     }
   }
 
-  const handleEditAlert = (alert) => {
+  const handleEditAlert = (alert, onClose) => {
     fetch(`${process.env.REACT_APP_BACKEND_URL}/shared/alert/${alert.id}`, {
       method: 'PATCH',
       headers: {
@@ -139,7 +133,8 @@ const AlertsPage = () => {
         if (response.ok) {
           fetchAlerts() // Rafraîchir la liste des alertes après modification
           setIsModifying(false)
-          openNotification('L\'alerte a été modifiée avec succès.', 'success')
+          toast.success('L\'alerte a été modifiée avec succès.')
+          onClose()
         } else {
           setErrMessage('Erreur lors de la mise à jour')
         }
@@ -147,26 +142,24 @@ const AlertsPage = () => {
       .catch((error) => console.error('Erreur : ', error))
   }
 
-  const handleDeleteAlert = (alertId) => {
-    const confirmDelete = window.confirm('Êtes-vous sûr de vouloir supprimer cette alerte ?')
-    if (confirmDelete) {
-      fetch(`${process.env.REACT_APP_BACKEND_URL}/shared/alert/${alertId}`, {
-        method: 'DELETE',
-        headers: {
-          'x-auth-token': sessionStorage.getItem('token')
+  const handleDeleteAlert = (alertId, close) => {
+    fetch(`${process.env.REACT_APP_BACKEND_URL}/shared/alert/${alertId}`, {
+      method: 'DELETE',
+      headers: {
+        'x-auth-token': sessionStorage.getItem('token')
+      }
+    })
+      .then((response) => {
+        if (response.ok) {
+          fetchAlerts() // Rafraîchir la liste des alertes après suppression
+          setChosenAlert('')
+          toast.success('L\'alerte a été supprimée avec succès.')
+          close()
+        } else {
+          toast.error('Erreur lors de la suppression')
         }
       })
-        .then((response) => {
-          if (response.ok) {
-            fetchAlerts() // Rafraîchir la liste des alertes après suppression
-            setChosenAlert('')
-            openNotification('L\'alerte a été supprimée avec succès.', 'success')
-          } else {
-            setErrMessage('Erreur lors de la suppression')
-          }
-        })
-        .catch((error) => console.error('Erreur : ', error))
-    }
+      .catch((error) => toast.error('Erreur : ', error))
   }
 
   useEffect(() => {
@@ -191,6 +184,10 @@ const AlertsPage = () => {
     setIsModifying(!isModifying)
   }
 
+  const handleDeleting = () => {
+    setIsDeleting(!isDeleting)
+  }
+
   const buttonComponent = [
     {
       name: 'Créer une alerte',
@@ -205,7 +202,7 @@ const AlertsPage = () => {
     },
     {
       name: 'Supprimer',
-      handleFunction: () => handleDeleteAlert(chosenAlert.id)
+      handleFunction: handleDeleting
     }
   ]
 
@@ -222,15 +219,11 @@ const AlertsPage = () => {
         />
       </div>
       <div className='alert-page' style={{ marginLeft: '25px' }}>
-        {notification.visible &&
-          <div className={`notification ${notification.type}`}>
-            {notification.message}
-          </div>}
         <Popup open={isOpen} onClose={() => setIsOpen(false)} modal>
           {(close) => (
             <div className='popup-modal-container'>
               <button className='close-btn' onClick={close}><img data-testid='close-img' src={cross} alt='Close' /></button>
-              <AlertCreationPopupContent />
+              <AlertCreationPopupContent onClose={close} />
             </div>
           )}
         </Popup>
@@ -238,7 +231,15 @@ const AlertsPage = () => {
           {(close) => (
             <div className='popup-modal-container'>
               <button className='close-btn' onClick={close}><img data-testid='close-img' src={cross} alt='Close' /></button>
-              <AlertModificationPopupContent chosenAlert={chosenAlert} handleEditAlert={handleEditAlert} errMessage={errMessage} />
+              <AlertModificationPopupContent onClose={close} chosenAlert={chosenAlert} handleEditAlert={handleEditAlert} errMessage={errMessage} />
+            </div>
+          )}
+        </Popup>
+        <Popup open={isDeleting} onClose={() => setIsDeleting(false)} modal>
+          {(close) => (
+            <div className='popup-modal-container'>
+              <button className='close-btn' onClick={close}><img data-testid='close-img' src={cross} alt='Close' /></button>
+              <AlertDeletionPopupContent onClose={close} chosenAlert={chosenAlert} handleDeleteAlert={handleDeleteAlert} />
             </div>
           )}
         </Popup>
diff --git a/src/Users/Shared/helpPage.jsx b/src/Users/Shared/helpPage.jsx
index 4e27d918..e942ebe7 100644
--- a/src/Users/Shared/helpPage.jsx
+++ b/src/Users/Shared/helpPage.jsx
@@ -69,7 +69,7 @@ const HelpPage = () => {
           {(close) => (
             <div className='popup-modal-container' style={{ padding: '50px', gap: '50px' }}>
               <button className='close-btn' onClick={close}><img src={cross} alt='Close' /></button>
-              <CategoryCreationPopupContent />
+              <CategoryCreationPopupContent onClose={close} />
             </div>
           )}
         </Popup>
@@ -77,7 +77,7 @@ const HelpPage = () => {
           {(close) => (
             <div className='popup-modal-container'>
               <button className='close-btn' onClick={close}><img src={cross} alt='Close' /></button>
-              <HelpNumberCreationPopupContent />
+              <HelpNumberCreationPopupContent onClose={close} />
             </div>
           )}
         </Popup>
diff --git a/src/Users/Student/dashboardStudent.jsx b/src/Users/Student/dashboardStudent.jsx
index 5eb98818..96df7bba 100644
--- a/src/Users/Student/dashboardStudent.jsx
+++ b/src/Users/Student/dashboardStudent.jsx
@@ -39,7 +39,7 @@ const StudentHomePage = () => {
           {(close) => (
             <div className='popup-modal-container'>
               <button className='close-btn' onClick={close}><img src={cross} alt='Close' /></button>
-              <MoodFormCreationPopupContent />
+              <MoodFormCreationPopupContent onClose={close}/>
             </div>
           )}
         </Popup>
@@ -47,7 +47,7 @@ const StudentHomePage = () => {
           {(close) => (
             <div className='popup-modal-container'>
               <button className='close-btn' onClick={close}><img src={cross} alt='Close' /></button>
-              <ReportCreationPopupContent />
+              <ReportCreationPopupContent onClose={close}/>
             </div>
           )}
         </Popup>
diff --git a/src/Users/Teacher/dashboardTeacher.jsx b/src/Users/Teacher/dashboardTeacher.jsx
index 9b966165..0eeba69a 100644
--- a/src/Users/Teacher/dashboardTeacher.jsx
+++ b/src/Users/Teacher/dashboardTeacher.jsx
@@ -30,7 +30,7 @@ const TeacherHomePage = () => {
         {(close) => (
           <div className='popup-modal-container'>
             <button className='close-btn' onClick={close}><img src={cross} alt='Close' /></button>
-            <ReportCreationPopupContent />
+            <ReportCreationPopupContent onClose={close} />
           </div>
         )}
       </Popup>
diff --git a/src/css/Components/Popup/popup.scss b/src/css/Components/Popup/popup.scss
index 2906326c..588880cb 100644
--- a/src/css/Components/Popup/popup.scss
+++ b/src/css/Components/Popup/popup.scss
@@ -183,12 +183,49 @@
     font-weight: bold;
     z-index: 999;
   }
-  
+
   .success {
     background-color: #4CAF50; /* Vert */
   }
-  
+
   .error {
     background-color: #f44336; /* Rouge */
   }
-  
\ No newline at end of file
+
+
+  label {
+    display: flex;
+    flex-direction: column;
+    gap: 10px;
+
+    input, select, textarea {
+        width: 90%;
+        border: 2px solid #4f23e2;
+        border-radius: 15px;
+        height: 25px;
+        padding-left: 10px;
+        background-color: white;
+    }
+
+    textarea {
+        height: 15%;
+    }
+
+    #select-classes .css-13cymwt-control, #select-classes .react-select__menu {
+        border: 2px solid #4f23e2;
+        border-radius: 15px;
+    }
+
+    .label-content-warning {
+        text-align: center;
+        width: 450px;
+    }
+}
+
+.form-profile-modif {
+    display: flex;
+    flex-direction: column;
+    gap: 10px;
+    justify-content: center;
+    align-content: center;
+}
\ No newline at end of file

From dcb1a97d6db198ee02cb514e42518339cce56290 Mon Sep 17 00:00:00 2001
From: adbusnel <adrien.busnel@epitech.eu>
Date: Fri, 11 Oct 2024 13:14:34 +0200
Subject: [PATCH 02/53] [MOD] fix modify form teacher

---
 src/Users/Teacher/modifyFormTeacherPage.jsx | 12 ++++++------
 1 file changed, 6 insertions(+), 6 deletions(-)

diff --git a/src/Users/Teacher/modifyFormTeacherPage.jsx b/src/Users/Teacher/modifyFormTeacherPage.jsx
index 1af6b1c2..62910bc5 100644
--- a/src/Users/Teacher/modifyFormTeacherPage.jsx
+++ b/src/Users/Teacher/modifyFormTeacherPage.jsx
@@ -231,7 +231,12 @@ const ModifyFormTeacherPage = () => {
           )}
         </Popup>
         <div className='form'>
-          <div className='head-form'>
+          <div className='error-message-container'>
+            <p className='error-message' data-testid='error-message'>{errMessage}</p>
+          </div>
+        </div>
+        <div className='form-content-container'>
+        <div className='head-form'>
             <div className='input-container'>
               <input value={title} onChange={(e) => handleChangeFormTitle(e)} className='form-input default-input' name='form-title' id='form-title' placeholder='Titre du questionnaire' />
             </div>
@@ -250,11 +255,6 @@ const ModifyFormTeacherPage = () => {
               </label>
             </div>
           </div>
-          <div className='error-message-container'>
-            <p className='error-message' data-testid='error-message'>{errMessage}</p>
-          </div>
-        </div>
-        <div className='form-content-container'>
           {
               (questionInc > 0 && questions) && questions.map((question, index) =>
                 <div key={index} className='question'>

From f0b3c43488f48acef2e4731b61f54f9c4edfc318 Mon Sep 17 00:00:00 2001
From: adbusnel <adrien.busnel@epitech.eu>
Date: Fri, 11 Oct 2024 13:22:46 +0200
Subject: [PATCH 03/53] [MOD] fixed exemple message for csv

---
 src/Components/Popup/csvAccountCreation.jsx | 16 +++++++++++++++-
 1 file changed, 15 insertions(+), 1 deletion(-)

diff --git a/src/Components/Popup/csvAccountCreation.jsx b/src/Components/Popup/csvAccountCreation.jsx
index 375bb019..5800bb4d 100644
--- a/src/Components/Popup/csvAccountCreation.jsx
+++ b/src/Components/Popup/csvAccountCreation.jsx
@@ -61,7 +61,21 @@ const CsvAccountCreationPopupContent = () => {
     <>
       <label style={{ alignItems: 'center', gap: '25px' }}>
         <input className='input-csv' placeholder='exemple.csv' onChange={handleFileChange} type='file' accept='.csv' />
-        <span className='label-content-warning'>Le fichier attendu est un fichier .csv suivant le format: {role === 'admin' ? 'firstname,lastname,email' : 'firstname,lastname,email,role,class'}</span>
+        <span className='label-content-warning'>Le fichier attendu est un fichier .csv suivant le format: {role === 'admin' ?
+        (
+          <>
+            <p>firstname,lastname,email,role,class</p>
+            <p>exemple,exemple,exemple@exemple,administration,0</p>
+            <p>exemple,exemple,exemple@exemple,administration,0</p>
+          </>
+        ) :
+        (
+          <>
+            <p>firstname,lastname,email,role,class</p>
+            <p>exemple,exemple,exemple@exemple,teacher,0:1:2</p>
+            <p>exemple,exemple,exemple@exemple,student,0</p>
+          </>
+        )}</span>
       </label>
       {errMessage ? <span data-testid='err-message' style={{ color: 'red' }}>{errMessage}</span> : ''}
       {successMessage ? <span style={{ color: 'green' }}>{successMessage}</span> : ''}

From c236e9d631a23822c676778808826e2563308a51 Mon Sep 17 00:00:00 2001
From: adbusnel <adrien.busnel@epitech.eu>
Date: Tue, 15 Oct 2024 17:34:23 +0200
Subject: [PATCH 04/53] [MOD] alert files can be modified

---
 .../Accounts/SchoolAdm/schoolAccountsTable.js | 18 +++++-----
 src/Components/Popup/alertModification.jsx    | 36 +++++++++++++++++--
 src/Components/Popup/csvAccountCreation.jsx   |  7 ++--
 src/Components/Sidebar/sidebar.jsx            |  3 ++
 .../SchoolAdmin/schoolAdmAccountsPage.js      |  6 ++--
 src/Users/Shared/alertsPage.jsx               |  1 +
 src/index.jsx                                 | 20 ++---------
 7 files changed, 55 insertions(+), 36 deletions(-)

diff --git a/src/Components/Accounts/SchoolAdm/schoolAccountsTable.js b/src/Components/Accounts/SchoolAdm/schoolAccountsTable.js
index bc57e613..bf407d8d 100644
--- a/src/Components/Accounts/SchoolAdm/schoolAccountsTable.js
+++ b/src/Components/Accounts/SchoolAdm/schoolAccountsTable.js
@@ -9,7 +9,7 @@ import cross from '../../../assets/Cross.png'
 import minusButton from '../../../assets/minus-button.png'
 import Select from 'react-select'
 
-export default function SchoolAccountsTable ({ rolesList }) {
+export default function SchoolAccountsTable ({ status }) {
   const [teacherList, setTeacherList] = useState([])
   const [studentList, setStudentList] = useState([])
   const [selectedUser, setSelectedUser] = useState(null)
@@ -302,8 +302,8 @@ export default function SchoolAccountsTable ({ rolesList }) {
                 <th className='valHead3'>Nom</th>
                 <th className='valHead4'>Email</th>
                 <th className='valHead5'>Classe(s)</th>
-                <th className='valHead6'>Modifier</th>
-                {sessionStorage.getItem('role') !== 'teacher' ? <th className='valHead5' /> : ''}
+                {status && <th className='valHead6'>Modifier</th>}
+                {status ? <th className='valHead5' /> : ''}
               </tr>
             </thead>
             <tbody className='tableBody'>
@@ -315,8 +315,8 @@ export default function SchoolAccountsTable ({ rolesList }) {
                     <td title={`${data.firstname} ${data.lastname}`}>{data.lastname}</td>
                     <td title={`${data.email}`}>{data.email}</td>
                     <td>{showClasses(data.classes)}</td>
-                    <td><button onClick={(e) => { e.stopPropagation(); handleEditClick(data) }} title='Modifier le profil'>Modifier</button></td>
-                    {sessionStorage.getItem('role') !== 'teacher' && <td><img data-testid='suspendBtn' className='suspendBtn' onClick={(e) => { e.stopPropagation(); callDeleteAccount(data._id) }} src={minusButton} alt='delete' title='Supprimer ou suspendre le compte' /></td>}
+                    {status && <td><button onClick={(e) => { e.stopPropagation(); handleEditClick(data) }} title='Modifier le profil'>Modifier</button></td>}
+                    {status && <td><img data-testid='suspendBtn' className='suspendBtn' onClick={(e) => { e.stopPropagation(); callDeleteAccount(data._id) }} src={minusButton} alt='delete' title='Supprimer ou suspendre le compte' /></td>}
                   </tr>
                 )
               }
@@ -338,8 +338,8 @@ export default function SchoolAccountsTable ({ rolesList }) {
                 <th className='valHead3'>Nom</th>
                 <th className='valHead4'>Email</th>
                 <th className='valHead5'>Classe</th>
-                <th className='valHead6'>Modifier</th>
-                {sessionStorage.getItem('role') !== 'teacher' ? <th className='valHead5' /> : ''}
+                {status && <th className='valHead6'>Modifier</th> }
+                {status ? <th className='valHead5' /> : ''}
               </tr>
             </thead>
             <tbody className='tableBody'>
@@ -351,8 +351,8 @@ export default function SchoolAccountsTable ({ rolesList }) {
                     <td title={`${data.firstname} ${data.lastname}`}>{data.lastname}</td>
                     <td title={`${data.email}`}>{data.email}</td>
                     <td>{showClasses(data.classes)}</td>
-                    <td><button onClick={(e) => { e.stopPropagation(); handleEditClick(data) }} title='Modifier le Profil'>Modifier</button></td>
-                    {sessionStorage.getItem('role') !== 'teacher' && <td><img data-testid='suspendBtn' className='suspendBtn' onClick={(e) => { e.stopPropagation(); callDeleteAccount(data._id) }} src={minusButton} alt='delete' title='Supprimer ou suspendre le compte' /></td>}
+                    { status && <td><button onClick={(e) => { e.stopPropagation(); handleEditClick(data) }} title='Modifier le Profil'>Modifier</button></td> }
+                    {status && <td><img data-testid='suspendBtn' className='suspendBtn' onClick={(e) => { e.stopPropagation(); callDeleteAccount(data._id) }} src={minusButton} alt='delete' title='Supprimer ou suspendre le compte' /></td>}
                   </tr>
                 )
               }
diff --git a/src/Components/Popup/alertModification.jsx b/src/Components/Popup/alertModification.jsx
index 1c1ad59e..bfb89d35 100644
--- a/src/Components/Popup/alertModification.jsx
+++ b/src/Components/Popup/alertModification.jsx
@@ -1,9 +1,12 @@
 import React, { useState, useEffect } from 'react'
 import '../../css/Components/Popup/popup.scss'
 import '../../css/pages/createAlerts.scss'
+import {toast} from "react-toastify"
+import { disconnect } from '../../functions/disconnect'
 
 const AlertModificationPopupContent = ({ onClose, chosenAlert, handleEditAlert, errMessage }) => {
   const [editedAlert, setEditedAlert] = useState(chosenAlert)
+  const [file, setFile] = useState(null)
 
   useEffect(() => {
     setEditedAlert(chosenAlert)
@@ -13,6 +16,33 @@ const AlertModificationPopupContent = ({ onClose, chosenAlert, handleEditAlert,
     setEditedAlert({ ...editedAlert, [e.target.name]: e.target.value })
   }
 
+  function addFileToAlert (id) {
+    const fileData = new FormData()
+    fileData.append('file', file)
+
+    fetch(`${process.env.REACT_APP_BACKEND_URL}/shared/alert/file/${id}`, {
+      method: 'POST',
+      headers: {
+        'x-auth-token': sessionStorage.getItem('token')
+      },
+      body: fileData
+    })
+      .then(response => {
+        if (response.status === 401) {
+          disconnect()
+        }
+        toast.success('Fichier envoyé avec l\'alerte avec succès')
+      })
+      .catch((error) => /* istanbul ignore next */ { toast.error(`Erreur lors de l\'envoi du fichier avec l\'alerte ${error.message}`) })
+  }
+
+  const editAlert = (e) => {
+    if (file !== null)
+      addFileToAlert(chosenAlert.id)
+    handleEditAlert(editedAlert, onClose)
+    // setEditedAlert({ ...editedAlert, ['fil']})
+  }
+
   return (
     <>
       <label className='input-label'>
@@ -23,12 +53,12 @@ const AlertModificationPopupContent = ({ onClose, chosenAlert, handleEditAlert,
         <span className='label-content'>Message <span style={{ color: 'red' }}>*</span></span>
         <input type='text' name='message' placeholder='Message' value={editedAlert.message} onChange={handleEditChange} />
       </label>
-      {/* <label className='input-label'>
+      <label className='input-label'>
         <span className='label-content'>Fichier joint</span>
         <input id='file-input' data-testid='alert-file-input' type='file' onChange={(e) => setFile(e.target.files[0])} />
-      </label> */}
+      </label>
       {errMessage ? <span style={{ color: 'red' }}>{errMessage}</span> : ''}
-      <button className='popup-btn' onClick={() => handleEditAlert(editedAlert, onClose)}>Modifier l'Alerte</button>
+      <button className='popup-btn' onClick={() => editAlert()}>Modifier l'Alerte</button>
     </>
   )
 }
diff --git a/src/Components/Popup/csvAccountCreation.jsx b/src/Components/Popup/csvAccountCreation.jsx
index 5800bb4d..20a76fb6 100644
--- a/src/Components/Popup/csvAccountCreation.jsx
+++ b/src/Components/Popup/csvAccountCreation.jsx
@@ -64,9 +64,9 @@ const CsvAccountCreationPopupContent = () => {
         <span className='label-content-warning'>Le fichier attendu est un fichier .csv suivant le format: {role === 'admin' ?
         (
           <>
-            <p>firstname,lastname,email,role,class</p>
-            <p>exemple,exemple,exemple@exemple,administration,0</p>
-            <p>exemple,exemple,exemple@exemple,administration,0</p>
+            <p>firstname,lastname,email,role</p>
+            <p>exemple,exemple,exemple@exemple,administration</p>
+            <p>exemple,exemple,exemple@exemple,administration</p>
           </>
         ) :
         (
@@ -74,6 +74,7 @@ const CsvAccountCreationPopupContent = () => {
             <p>firstname,lastname,email,role,class</p>
             <p>exemple,exemple,exemple@exemple,teacher,0:1:2</p>
             <p>exemple,exemple,exemple@exemple,student,0</p>
+            <p>exemple,exemple,exemple@exemple,student,1</p>
           </>
         )}</span>
       </label>
diff --git a/src/Components/Sidebar/sidebar.jsx b/src/Components/Sidebar/sidebar.jsx
index 4ca48b99..1424ae6b 100644
--- a/src/Components/Sidebar/sidebar.jsx
+++ b/src/Components/Sidebar/sidebar.jsx
@@ -163,6 +163,9 @@ export default function Sidebar () {
     if (sessionStorage.getItem('role') === 'student') {
       const feelingsObj = { id: 'ressentis', path: '/feelings', icon: <img className='icons' src={feelingIcon} />, iconSelected: <img className='icons' src={feelingIconSelected} />, label: 'Mes ressentis', title: 'Mes ressentis', selected: IsCurrentPage('/feelings', false) }
       pages.splice(6, 0, feelingsObj)
+    } else {
+      const accountsObj = { id: 'accounts', path: '/accounts', icon: <FaUsers size={24} />, label: 'Comptes', title: 'Comptes', selected: IsCurrentPage('/accounts', false) }
+      pages.splice(6, 0, accountsObj)
     }
   }
 
diff --git a/src/Users/SchoolAdmin/schoolAdmAccountsPage.js b/src/Users/SchoolAdmin/schoolAdmAccountsPage.js
index 28da869a..977f1215 100644
--- a/src/Users/SchoolAdmin/schoolAdmAccountsPage.js
+++ b/src/Users/SchoolAdmin/schoolAdmAccountsPage.js
@@ -41,9 +41,9 @@ export default function SchoolAdmAccountsPage () {
     <div>
       <div>
         <HeaderComp
-          title='Gestion de Comptes'
+          title={sessionStorage.getItem('role') !== 'teacher' ? 'Gestion des Comptes' : 'Comptes'}
           withLogo
-          showButtons
+          showButtons={sessionStorage.getItem('role') !== 'teacher'}
           buttonComponent={buttonComponent}
         />
       </div>
@@ -64,7 +64,7 @@ export default function SchoolAdmAccountsPage () {
             </div>
           )}
         </Popup>
-        <SchoolAccountsTable />
+        <SchoolAccountsTable status={sessionStorage.getItem('role') !== 'teacher'} />
       </div>
     </div>
   )
diff --git a/src/Users/Shared/alertsPage.jsx b/src/Users/Shared/alertsPage.jsx
index c028887a..59b00a8c 100644
--- a/src/Users/Shared/alertsPage.jsx
+++ b/src/Users/Shared/alertsPage.jsx
@@ -14,6 +14,7 @@ import AlertModificationPopupContent from '../../Components/Popup/alertModificat
 import { disconnect } from '../../functions/disconnect'
 import {toast} from "react-toastify"
 import AlertDeletionPopupContent from '../../Components/Popup/alertDeletion'
+
 const AlertsPage = () => {
   const roleProfile = sessionStorage.getItem('role')
   const [isOpen, setIsOpen] = useState(false)
diff --git a/src/index.jsx b/src/index.jsx
index 4d7b2ef4..5f6dc424 100644
--- a/src/index.jsx
+++ b/src/index.jsx
@@ -64,30 +64,21 @@ if (rootElement) {
                   <Route path='/alerts' element={<AlertsPage />} />
                   <Route path='/alerts/:id' element={<AlertsPage />} />
                   <Route path='/profile' element={<ProfilPage />} />
+                  <Route path='/aides' element={<HelpPage />} />
                 </>
               )}
               {sessionStorage.getItem('role') === 'admin' && (
                 <>
                   <Route path='/' element={<AdmHomePage />} />
                   <Route path='/accounts' element={<AdmAccountsPage />} />
-                  <Route path='/aides' element={<HelpPage />} />
-                  <Route path='/messages' element={<ChatRoomPage />} />
-                  <Route path='/alerts' element={<AlertsPage />} />
-                  <Route path='/alerts/:id' element={<AlertsPage />} />
-                  <Route path='/profile' element={<ProfilPage />} />
                 </>
               )}
               {sessionStorage.getItem('role') === 'administration' && (
                 <>
                   <Route path='/' element={<SchoolAdmHomePage />} />
                   <Route path='/accounts' element={<SchoolAdmAccountsPage />} />
-                  <Route path='/aides' element={<HelpPage />} />
-                  <Route path='/messages' element={<ChatRoomPage />} />
                   <Route path='/statistiques' element={<TeacherStatPage />} />
                   <Route path='/reports' element={<ReportChecking />} />
-                  <Route path='/alerts' element={<AlertsPage />} />
-                  <Route path='/alerts/:id' element={<AlertsPage />} />
-                  <Route path='/profile' element={<ProfilPage />} />
                   <Route path='/feelings' element={<FeelingsAdminPage />} />
                   <Route path='/profile/:id' element={<TeacherProfilePage />} />
                 </>
@@ -98,25 +89,18 @@ if (rootElement) {
                   <Route path='/questionnaires' element={<FormListStudentPage />} />
                   <Route path='/questionnaire/:id' element={<FormStudentPage />} />
                   <Route path='/statistiques' element={<StudentStatPage />} />
-                  <Route path='/aides' element={<HelpPage />} />
-                  <Route path='/profile' element={<ProfilPage />} />
                   <Route path='/feelings' element={<FeelingsStudentPage />} />
                 </>
               )}
               {sessionStorage.getItem('role') === 'teacher' && (
                 <>
                   <Route path='/' element={<TeacherHomePage />} />
-                  <Route path='/messages' element={<ChatRoomPage />} />
                   <Route path='/questionnaires' element={<FormListTeacherPage />} />
                   <Route path='/questionnaire' element={<NewFormPage />} />
                   <Route path='/questionnaire/:id' element={<FormTeacherPage />} />
                   <Route path='/questionnaire/:id/modify' element={<ModifyFormTeacherPage />} />
                   <Route path='/statistiques' element={<TeacherStatPage />} />
-                  <Route path='/aides' element={<HelpPage />} />
-                  <Route path='/alerts' element={<AlertsPage />} />
-                  <Route path='/alerts/:id' element={<AlertsPage />} />
-                  <Route path='/profile' element={<ProfilPage />} />
-                  <Route path='/accounts' element={<SchoolAccountsTable />} />
+                  <Route path='/accounts' element={<SchoolAdmAccountsPage />} />
                   <Route path='/profile/:id' element={<TeacherProfilePage />} />
                 </>
               )}

From 8213ad61de6244ded63921af4a6f6c14898c890f Mon Sep 17 00:00:00 2001
From: adbusnel <adrien.busnel@epitech.eu>
Date: Fri, 18 Oct 2024 13:43:06 +0200
Subject: [PATCH 05/53] [MOD] alert modification can change the file of an
 alert

---
 src/Components/Popup/alertModification.jsx | 1 -
 1 file changed, 1 deletion(-)

diff --git a/src/Components/Popup/alertModification.jsx b/src/Components/Popup/alertModification.jsx
index bfb89d35..f2124cf3 100644
--- a/src/Components/Popup/alertModification.jsx
+++ b/src/Components/Popup/alertModification.jsx
@@ -40,7 +40,6 @@ const AlertModificationPopupContent = ({ onClose, chosenAlert, handleEditAlert,
     if (file !== null)
       addFileToAlert(chosenAlert.id)
     handleEditAlert(editedAlert, onClose)
-    // setEditedAlert({ ...editedAlert, ['fil']})
   }
 
   return (

From 90199ec1aa326d83b468f0341bee978293813e90 Mon Sep 17 00:00:00 2001
From: Exiels <Exiels@users.noreply.github.com>
Date: Fri, 15 Nov 2024 09:54:46 +0000
Subject: [PATCH 06/53] [LINT] Applied linter fix

---
 src/Components/ChatRoom/chatRoom.jsx          | 22 ++++++------
 src/Components/ChatRoom/reportButton.jsx      | 21 +++++------
 src/Components/Graph/studentGraphSpace.js     |  2 +-
 src/Components/Popup/conversationCreation.jsx | 25 ++++++-------
 src/Components/Popup/moodFormCreation.jsx     | 36 +++++++++----------
 src/Components/Popup/reportCreation.jsx       | 17 ++++-----
 src/Components/Profil/profilPage.jsx          | 14 ++++----
 src/Components/Sidebar/sidebar.jsx            |  5 +--
 src/Users/Public/loginPage.jsx                |  2 +-
 src/Users/Shared/alertsPage.jsx               |  2 +-
 src/Users/Student/dashboardStudent.jsx        |  8 ++---
 src/Users/Student/feelingsStudentPage.jsx     | 16 ++++-----
 src/Users/Student/statisticsStudent.jsx       |  4 +--
 src/Users/Teacher/statisticsTeacher.jsx       |  8 ++---
 14 files changed, 92 insertions(+), 90 deletions(-)

diff --git a/src/Components/ChatRoom/chatRoom.jsx b/src/Components/ChatRoom/chatRoom.jsx
index 10086f7c..f290136b 100644
--- a/src/Components/ChatRoom/chatRoom.jsx
+++ b/src/Components/ChatRoom/chatRoom.jsx
@@ -420,15 +420,15 @@ const Messages = () => {
                   <button className='add-participants-btn' onClick={() => setShowAddParticipantsPopup(true)}>
                     Gestion de la conversation
                   </button>
-                  <Popup trigger={<button style={{ fontSize: '18px' }} className='report-btn'>Signaler</button>} modal contentStyle={{width: '400px'}}>
-                  {(close) => (
-                    <div className='popup-modal-container'>
-                      <ReportButton
-                        currentConversation={currentConversation}
-                        close={close}
-                      />
-                    </div>
-                  )}
+                  <Popup trigger={<button style={{ fontSize: '18px' }} className='report-btn'>Signaler</button>} modal contentStyle={{ width: '400px' }}>
+                    {(close) => (
+                      <div className='popup-modal-container'>
+                        <ReportButton
+                          currentConversation={currentConversation}
+                          close={close}
+                        />
+                      </div>
+                    )}
                   </Popup>
                 </div>
               </div>
@@ -493,7 +493,7 @@ const Messages = () => {
             <div>Aucune conversation sélectionnée.</div>
             )}
       </div>
-      <Popup open={showCreateConversationPopup} onClose={openCreateConversationPopup} modal contentStyle={{width: '400px'}}>
+      <Popup open={showCreateConversationPopup} onClose={openCreateConversationPopup} modal contentStyle={{ width: '400px' }}>
         {(close) => (
           <div className='popup-modal-container'>
             <span className='popup-title'>Nouvelle conversation</span>
@@ -502,7 +502,7 @@ const Messages = () => {
           </div>
         )}
       </Popup>
-      <Popup open={showAddParticipantsPopup} onClose={() => setShowAddParticipantsPopup(false)} modal contentStyle={{width: '400px'}}>
+      <Popup open={showAddParticipantsPopup} onClose={() => setShowAddParticipantsPopup(false)} modal contentStyle={{ width: '400px' }}>
         {(close) => (
           <div className='popup-modal-container'>
             <span className='popup-title'>Gestion de la conversation</span>
diff --git a/src/Components/ChatRoom/reportButton.jsx b/src/Components/ChatRoom/reportButton.jsx
index 28947a90..482a0906 100644
--- a/src/Components/ChatRoom/reportButton.jsx
+++ b/src/Components/ChatRoom/reportButton.jsx
@@ -2,8 +2,8 @@ import React, { useState } from 'react'
 import '../../css/pages/createReports.scss'
 import '../../css/Components/Popup/popup.scss'
 import { disconnect } from '../../functions/disconnect'
-import Select from 'react-select';
-import { toast } from 'react-toastify';
+import Select from 'react-select'
+import { toast } from 'react-toastify'
 import cross from '../../assets/Cross.png'
 
 const ReportButton = ({ currentConversation, close }) => {
@@ -30,19 +30,20 @@ const ReportButton = ({ currentConversation, close }) => {
 
   const colourStyles = {
     control: (styles) => (
-      { ...styles,
+      {
+        ...styles,
         backgroundColor: 'white',
-        height: '45px',
+        height: '45px'
       }
     ),
     multiValueLabel: (styles, { data }) => ({
       ...styles,
       fontWeight: '500'
-    }),
-  };
+    })
+  }
 
   const handleCloseBtn = () => {
-    close();
+    close()
   }
 
   const handleConfirmClick = async () => {
@@ -85,7 +86,7 @@ const ReportButton = ({ currentConversation, close }) => {
 
   return (
     <>
-      <div style={{width: '100%'}}>
+      <div style={{ width: '100%' }}>
         <span className='popup-title'>Créer un Signalement</span>
         <button className='close-btn' onClick={handleCloseBtn}><img src={cross} alt='Close' /></button>
       </div>
@@ -115,9 +116,9 @@ const ReportButton = ({ currentConversation, close }) => {
           getOptionLabel={(option) => (option.firstname + ' ' + option.lastname)}
         />
       </label>
-      <label className='input-label' style={{width: '100%'}}>
+      <label className='input-label' style={{ width: '100%' }}>
         <span className='label-content'>Description</span>
-        <textarea style={{height: '100px', resize: 'none'}} value={message} onChange={handleMessageChange} placeholder='Veuillez expliquer la raison de votre signalement ici.' />
+        <textarea style={{ height: '100px', resize: 'none' }} value={message} onChange={handleMessageChange} placeholder='Veuillez expliquer la raison de votre signalement ici.' />
       </label>
       <button disabled={reason === '' || signaledUserId.length <= 0} onClick={handleConfirmClick} className='popup-btn'>Confirmer le signalement</button>
     </>
diff --git a/src/Components/Graph/studentGraphSpace.js b/src/Components/Graph/studentGraphSpace.js
index 0851189a..9afc109e 100644
--- a/src/Components/Graph/studentGraphSpace.js
+++ b/src/Components/Graph/studentGraphSpace.js
@@ -66,7 +66,7 @@ export function StudentGraphSpace () {
               pointBorderColor: 'white',
               pointHoverBackgroundColor: 'white',
               pointHoverBorderColor: 'white',
-              tension: 0.1,
+              tension: 0.1
             }
           ]
         },
diff --git a/src/Components/Popup/conversationCreation.jsx b/src/Components/Popup/conversationCreation.jsx
index f776101b..f027331f 100644
--- a/src/Components/Popup/conversationCreation.jsx
+++ b/src/Components/Popup/conversationCreation.jsx
@@ -42,31 +42,32 @@ const ConversationCreationPopupContent = ({ contacts, createConversation, closeC
 
   const colourStyles = {
     control: (styles) => (
-      { ...styles,
+      {
+        ...styles,
         backgroundColor: 'white',
-        height: '45px',
+        height: '45px'
       }
     ),
     multiValueLabel: (styles, { data }) => ({
       ...styles,
       fontWeight: '500'
-    }),
-  };
+    })
+  }
 
   return (
     <>
       <label className='input-label'>
         {isAddingParticipants && (
           <div>
-            <h3 style={{marginTop: '0px'}}>Membres actuels ({members.length})</h3>
-            <div style={{display: 'flex', flexWrap: 'wrap', flexDirection: 'row', gap: '10px'}}>
+            <h3 style={{ marginTop: '0px' }}>Membres actuels ({members.length})</h3>
+            <div style={{ display: 'flex', flexWrap: 'wrap', flexDirection: 'row', gap: '10px' }}>
               {members && members.map((member, index) => (
-                <p style={{marginTop: '0px', marginBottom: '0px'}} key={index}>{member.firstname} {member.lastname}</p>
+                <p style={{ marginTop: '0px', marginBottom: '0px' }} key={index}>{member.firstname} {member.lastname}</p>
               ))}
             </div>
           </div>
         )}
-        {isAddingParticipants ? <span style={{marginTop: '10px', fontWeight: '600'}} className='label-content'>Sélectionner un/des utilisateur(s)</span> : <span style={{marginTop: '0px', fontWeight: '600'}} className='label-content'>Rechercher un ou plusieurs membre(s) <span style={{ color: 'red' }}>*</span></span>}
+        {isAddingParticipants ? <span style={{ marginTop: '10px', fontWeight: '600' }} className='label-content'>Sélectionner un/des utilisateur(s)</span> : <span style={{ marginTop: '0px', fontWeight: '600' }} className='label-content'>Rechercher un ou plusieurs membre(s) <span style={{ color: 'red' }}>*</span></span>}
         <Select
           isMulti
           data-testid='select-contacts'
@@ -83,16 +84,16 @@ const ConversationCreationPopupContent = ({ contacts, createConversation, closeC
       </label>
       {!isAddingParticipants && (
         <label className='input-label' style={{ display: 'flex', flexDirection: 'column', justifyItems: 'center', alignItems: 'start', width: '100%' }}>
-          <span className='label-content' style={{fontWeight: '600'}}>Donner un nom à la conversation</span>
+          <span className='label-content' style={{ fontWeight: '600' }}>Donner un nom à la conversation</span>
           <input maxLength='50' style={{ width: 'calc(100% - 15px)' }} type='text' placeholder='Nom de la conversation' value={convTitle} onChange={handleSetConvTitle} />
         </label>
       )}
-      <div style={{display: 'flex', flexDirection: 'row', alignContent: 'space-between'}}>
-        <button style={{textWrap: 'nowrap'}} disabled={selectedContacts.length <= 0} className='popup-btn' onClick={handleCreateConversation}>
+      <div style={{ display: 'flex', flexDirection: 'row', alignContent: 'space-between' }}>
+        <button style={{ textWrap: 'nowrap' }} disabled={selectedContacts.length <= 0} className='popup-btn' onClick={handleCreateConversation}>
           {isAddingParticipants ? 'Ajouter le membre' : 'Créer la conversation'}
         </button>
         {isAddingParticipants && (
-          <button style={{textWrap: 'nowrap'}} className='leave-conversation-btn' onClick={() => setShowLeaveConversationPopup(true)}>
+          <button style={{ textWrap: 'nowrap' }} className='leave-conversation-btn' onClick={() => setShowLeaveConversationPopup(true)}>
             Quitter la conversation
           </button>
         )}
diff --git a/src/Components/Popup/moodFormCreation.jsx b/src/Components/Popup/moodFormCreation.jsx
index 733e2c1f..a08509d6 100644
--- a/src/Components/Popup/moodFormCreation.jsx
+++ b/src/Components/Popup/moodFormCreation.jsx
@@ -71,25 +71,25 @@ const MoodFormCreationPopupContent = () => {
 
   return (
     <>
-        <span className='popup-title'>Créer un ressenti</span>
-        <label id='mood-label' htmlFor='mood-container' className='input-label'>
-          <span style={{fontWeight: '600', marginBottom: '5px', marginTop: '15px'}} className='label-content'>Mon humeur <span style={{ color: 'red' }}>*</span></span>
-          <div id='mood-container' className='horizontal-container' style={{gap: '10px'}}>
-            <img data-testid='mood-0' alt='Très mauvaise humeur' className='emoticone-container' src={newMood === 0 ? emoji1Selected : emoji1} onClick={() => handleMood(0)} />
-            <img data-testid='mood-1' alt='Mauvaise humeur' className='emoticone-container' src={newMood === 1 ? emoji2Selected : emoji2} onClick={() => handleMood(1)} />
-            <img data-testid='mood-2' alt='Humeur neutre' className='emoticone-container' src={newMood === 2 ? emoji3Selected : emoji3} onClick={() => handleMood(2)} />
-            <img data-testid='mood-3' alt='Bonne humeur' className='emoticone-container' src={newMood === 3 ? emoji4Selected : emoji4} onClick={() => handleMood(3)} />
-            <img data-testid='mood-4' alt='Très bonne humeur' className='emoticone-container' src={newMood === 4 ? emoji5Selected : emoji5} onClick={() => handleMood(4)} />
-          </div>
-        </label>
-        <label style={{fontWeight: '600'}} id='message-label' htmlFor='message-input'>Message</label>
-        <textarea style={{height: '100px', resize: 'none'}} id='message-input' placeholder='Message...' onChange={handleMessage} defaultValue={''} />
-        <div id='remember-me'>
-          <input id='remember-me-input' type='checkbox' defaultChecked={true} onClick={handleAnonymous} />
-          <label for="remember-me-input">Anonyme</label>
+      <span className='popup-title'>Créer un ressenti</span>
+      <label id='mood-label' htmlFor='mood-container' className='input-label'>
+        <span style={{ fontWeight: '600', marginBottom: '5px', marginTop: '15px' }} className='label-content'>Mon humeur <span style={{ color: 'red' }}>*</span></span>
+        <div id='mood-container' className='horizontal-container' style={{ gap: '10px' }}>
+          <img data-testid='mood-0' alt='Très mauvaise humeur' className='emoticone-container' src={newMood === 0 ? emoji1Selected : emoji1} onClick={() => handleMood(0)} />
+          <img data-testid='mood-1' alt='Mauvaise humeur' className='emoticone-container' src={newMood === 1 ? emoji2Selected : emoji2} onClick={() => handleMood(1)} />
+          <img data-testid='mood-2' alt='Humeur neutre' className='emoticone-container' src={newMood === 2 ? emoji3Selected : emoji3} onClick={() => handleMood(2)} />
+          <img data-testid='mood-3' alt='Bonne humeur' className='emoticone-container' src={newMood === 3 ? emoji4Selected : emoji4} onClick={() => handleMood(3)} />
+          <img data-testid='mood-4' alt='Très bonne humeur' className='emoticone-container' src={newMood === 4 ? emoji5Selected : emoji5} onClick={() => handleMood(4)} />
         </div>
-        {errMessage ? <span style={{ color: 'red' }}>{errMessage}</span> : ''}
-        <button disabled={newMood === ''} className='popup-btn' onClick={handleUpdateFeelings}>Créer le Ressenti</button>
+      </label>
+      <label style={{ fontWeight: '600' }} id='message-label' htmlFor='message-input'>Message</label>
+      <textarea style={{ height: '100px', resize: 'none' }} id='message-input' placeholder='Message...' onChange={handleMessage} defaultValue='' />
+      <div id='remember-me'>
+        <input id='remember-me-input' type='checkbox' defaultChecked onClick={handleAnonymous} />
+        <label for='remember-me-input'>Anonyme</label>
+      </div>
+      {errMessage ? <span style={{ color: 'red' }}>{errMessage}</span> : ''}
+      <button disabled={newMood === ''} className='popup-btn' onClick={handleUpdateFeelings}>Créer le Ressenti</button>
     </>
   )
 }
diff --git a/src/Components/Popup/reportCreation.jsx b/src/Components/Popup/reportCreation.jsx
index e5d774d2..ae6b173c 100644
--- a/src/Components/Popup/reportCreation.jsx
+++ b/src/Components/Popup/reportCreation.jsx
@@ -3,7 +3,7 @@ import '../../css/Components/Popup/popup.scss'
 import '../../css/pages/createReports.scss'
 import { disconnect } from '../../functions/disconnect'
 import Select from 'react-select'
-import { toast } from 'react-toastify';
+import { toast } from 'react-toastify'
 
 const ReportCreationPopupContent = () => {
   const userId = localStorage.getItem('id')
@@ -14,16 +14,17 @@ const ReportCreationPopupContent = () => {
 
   const colourStyles = {
     control: (styles) => (
-      { ...styles,
+      {
+        ...styles,
         backgroundColor: 'white',
-        height: '45px',
+        height: '45px'
       }
     ),
     multiValueLabel: (styles, { data }) => ({
       ...styles,
       fontWeight: '500'
-    }),
-  };
+    })
+  }
 
   useEffect(() => {
     fetch(`${process.env.REACT_APP_BACKEND_URL}/user/chat/users`, {
@@ -93,7 +94,7 @@ const ReportCreationPopupContent = () => {
 
   return (
     <>
-      <div style={{width: '100%'}}>
+      <div style={{ width: '100%' }}>
         <span className='popup-title'>Créer un Signalement</span>
       </div>
       <label className='input-label'>
@@ -122,9 +123,9 @@ const ReportCreationPopupContent = () => {
           getOptionLabel={(option) => (option.firstname + ' ' + option.lastname)}
         />
       </label>
-      <label className='input-label' style={{width: '100%'}}>
+      <label className='input-label' style={{ width: '100%' }}>
         <span className='label-content'>Description</span>
-        <textarea style={{height: '100px', resize: 'none'}} value={message} onChange={handleMessageChange} placeholder='Veuillez expliquer la raison de votre signalement ici.' />
+        <textarea style={{ height: '100px', resize: 'none' }} value={message} onChange={handleMessageChange} placeholder='Veuillez expliquer la raison de votre signalement ici.' />
       </label>
       <button disabled={reason === '' || signaledUserId.length <= 0} onClick={handleConfirmClick} className='popup-btn'>Confirmer le signalement</button>
     </>
diff --git a/src/Components/Profil/profilPage.jsx b/src/Components/Profil/profilPage.jsx
index 421baf69..e93b1349 100644
--- a/src/Components/Profil/profilPage.jsx
+++ b/src/Components/Profil/profilPage.jsx
@@ -155,8 +155,8 @@ const ProfilPage = ({ isModif, handleProfileModification }) => {
   }
 
   return (
-    <div className='page-height' style={{height: '100%'}}>
-      <Popup open={isModif} onClose={handleProfileModification} modal contentStyle={{width: '400px'}}>
+    <div className='page-height' style={{ height: '100%' }}>
+      <Popup open={isModif} onClose={handleProfileModification} modal contentStyle={{ width: '400px' }}>
         {(close) => (
           <div className='popup-modal-container' style={{ alignItems: 'center' }}>
             <span className='popup-title'>Mettre à jour le profil</span>
@@ -164,7 +164,7 @@ const ProfilPage = ({ isModif, handleProfileModification }) => {
             <div className='profile-update'>
               <form onSubmit={handleSubmit}>
                 <div>
-                  <label style={{fontWeight: '600', marginBottom: '5px'}} htmlFor='email'>Nouvelle adresse email:</label>
+                  <label style={{ fontWeight: '600', marginBottom: '5px' }} htmlFor='email'>Nouvelle adresse email:</label>
                   <input
                     type='email'
                     id='email'
@@ -174,7 +174,7 @@ const ProfilPage = ({ isModif, handleProfileModification }) => {
                   />
                 </div>
                 <div>
-                  <label style={{marginTop: '20px', fontWeight: '600', marginBottom: '5px'}} htmlFor='picture'>Nouvelle photo de profil:</label>
+                  <label style={{ marginTop: '20px', fontWeight: '600', marginBottom: '5px' }} htmlFor='picture'>Nouvelle photo de profil:</label>
                   <input
                     type='file'
                     id='picture'
@@ -182,14 +182,14 @@ const ProfilPage = ({ isModif, handleProfileModification }) => {
                     onChange={(e) => handlePictureChange(e)}
                   />
                 </div>
-                <button className='popup-btn' disabled={newEmail.length === 0 && !newPicture} style={{marginTop: '20px'}} type='submit'>Mettre à jour</button>
+                <button className='popup-btn' disabled={newEmail.length === 0 && !newPicture} style={{ marginTop: '20px' }} type='submit'>Mettre à jour</button>
               </form>
             </div>
           </div>
         )}
       </Popup>
       {negativeResponse && <p className='error-message'>{negativeResponse}</p>}
-      <div style={{display: 'flex', flexDirection: 'column', justifyContent: 'space-between', alignItems: 'center', alignContent: 'center', height: '100%'}}>
+      <div style={{ display: 'flex', flexDirection: 'column', justifyContent: 'space-between', alignItems: 'center', alignContent: 'center', height: '100%' }}>
         <div className='profile-content'>
           <div>
             <img className='profile-img' src={userProfile?.picture ? userProfile.picture : userIcon} alt='Image de profil' />
@@ -215,7 +215,7 @@ const ProfilPage = ({ isModif, handleProfileModification }) => {
             <p className='element-content'>{userProfile.email}</p>
           </div>
         </div>
-        <div style={{marginTop: '20px'}} onClick={() => disconnect()} className='item'>
+        <div style={{ marginTop: '20px' }} onClick={() => disconnect()} className='item'>
           <FontAwesomeIcon icon={faRightFromBracket} size='2xl' style={{ color: '#4f23e2' }} /> Déconnexion
         </div>
       </div>
diff --git a/src/Components/Sidebar/sidebar.jsx b/src/Components/Sidebar/sidebar.jsx
index 14128391..572e032d 100644
--- a/src/Components/Sidebar/sidebar.jsx
+++ b/src/Components/Sidebar/sidebar.jsx
@@ -281,8 +281,9 @@ export default function Sidebar () {
         <div data-testid='expanded' className='expanded'>
           <div className='top'>
             <Link to='/'>
-              <img style={{ width: '90%', padding: '20px', height: '83px'
-               }} id='logo' src={logoSchood} alt='Schood' />
+              <img
+                style={{ width: '90%', padding: '20px', height: '83px' }} id='logo' src={logoSchood} alt='Schood'
+              />
             </Link>
             <span className='divider' />
             {role === 'student' && (
diff --git a/src/Users/Public/loginPage.jsx b/src/Users/Public/loginPage.jsx
index a05cab08..f10796a0 100644
--- a/src/Users/Public/loginPage.jsx
+++ b/src/Users/Public/loginPage.jsx
@@ -168,7 +168,7 @@ export default function Login () {
         </div>
         <div className={message.length > 0 ? 'remember-me-error' : 'remember-me-normal'} id='remember-me'>
           <input id='remember-me-input' type='checkbox' onClick={handleRememberMe} value={rememberMe} />
-          <label for="remember-me-input">Se rappeler de moi</label>
+          <label for='remember-me-input'>Se rappeler de moi</label>
         </div>
         <div>
           <p id='error-message'>{message}</p>
diff --git a/src/Users/Shared/alertsPage.jsx b/src/Users/Shared/alertsPage.jsx
index d4b9e8c3..2c916b6d 100644
--- a/src/Users/Shared/alertsPage.jsx
+++ b/src/Users/Shared/alertsPage.jsx
@@ -246,7 +246,7 @@ const AlertsPage = () => {
           id === undefined
             ? Object.entries(alerts).map(([day, items]) => (
               <div className='alert-page-container' key={day}>
-                <div style={{display: 'flex', flexDirection: 'row', alignContent: 'center', justifyContent: 'start', alignItems: 'center' }}>
+                <div style={{ display: 'flex', flexDirection: 'row', alignContent: 'center', justifyContent: 'start', alignItems: 'center' }}>
                   <h2 className='day-title'>{day}</h2>
                   <div className='breakline' />
                 </div>
diff --git a/src/Users/Student/dashboardStudent.jsx b/src/Users/Student/dashboardStudent.jsx
index f88b59ee..1c281eca 100644
--- a/src/Users/Student/dashboardStudent.jsx
+++ b/src/Users/Student/dashboardStudent.jsx
@@ -35,15 +35,15 @@ const StudentHomePage = () => {
         withLogo
       />
       <div className='page-content'>
-        <Popup open={isCreateOpen} onClose={handleFeelingsCreation} modal contentStyle={{width: '400px'}}>
+        <Popup open={isCreateOpen} onClose={handleFeelingsCreation} modal contentStyle={{ width: '400px' }}>
           {(close) => (
-            <div className='popup-modal-container' style={{gap: '5px'}}>
+            <div className='popup-modal-container' style={{ gap: '5px' }}>
               <button className='close-btn' onClick={close}><img src={cross} alt='Close' /></button>
-              <MoodFormCreationPopupContent/>
+              <MoodFormCreationPopupContent />
             </div>
           )}
         </Popup>
-        <Popup open={isOpen} onClose={handleReportPopup} modal contentStyle={{width: '400px'}}>
+        <Popup open={isOpen} onClose={handleReportPopup} modal contentStyle={{ width: '400px' }}>
           {(close) => (
             <div className='popup-modal-container'>
               <button className='close-btn' onClick={close}><img src={cross} alt='Close' /></button>
diff --git a/src/Users/Student/feelingsStudentPage.jsx b/src/Users/Student/feelingsStudentPage.jsx
index c4db3a27..c1bdecb8 100644
--- a/src/Users/Student/feelingsStudentPage.jsx
+++ b/src/Users/Student/feelingsStudentPage.jsx
@@ -247,14 +247,14 @@ const FeelingsStudentPage = () => {
         />
       </div>
       <div className='feelings-page'>
-        <Popup open={isCreateOpen} onClose={handleClosePopup} modal contentStyle={{width: '400px'}}>
+        <Popup open={isCreateOpen} onClose={handleClosePopup} modal contentStyle={{ width: '400px' }}>
           {(close) => (
-            <div className='popup-modal-container' style={{gap: '5px'}}>
-              <span className='popup-title'>{!isModified ? 'Créer un ressenti': 'Modifier le dernier ressenti'}</span>
+            <div className='popup-modal-container' style={{ gap: '5px' }}>
+              <span className='popup-title'>{!isModified ? 'Créer un ressenti' : 'Modifier le dernier ressenti'}</span>
               <button className='close-btn' onClick={close}><img src={cross} alt='Close' /></button>
               <label id='mood-label' htmlFor='mood-container' className='input-label'>
-                <span style={{fontWeight: '600', marginBottom: '5px', marginTop: '15px'}} className='label-content'>Mon humeur <span style={{ color: 'red' }}>*</span></span>
-                <div id='mood-container' className='horizontal-container' style={{gap: '10px'}}>
+                <span style={{ fontWeight: '600', marginBottom: '5px', marginTop: '15px' }} className='label-content'>Mon humeur <span style={{ color: 'red' }}>*</span></span>
+                <div id='mood-container' className='horizontal-container' style={{ gap: '10px' }}>
                   <img data-testid='mood-0' alt='Très mauvaise humeur' className='emoticone-container' src={newMood === 0 ? emoji1Selected : emoji1} onClick={() => handleMood(0)} />
                   <img data-testid='mood-1' alt='Mauvaise humeur' className='emoticone-container' src={newMood === 1 ? emoji2Selected : emoji2} onClick={() => handleMood(1)} />
                   <img data-testid='mood-2' alt='Humeur neutre' className='emoticone-container' src={newMood === 2 ? emoji3Selected : emoji3} onClick={() => handleMood(2)} />
@@ -262,11 +262,11 @@ const FeelingsStudentPage = () => {
                   <img data-testid='mood-4' alt='Très bonne humeur' className='emoticone-container' src={newMood === 4 ? emoji5Selected : emoji5} onClick={() => handleMood(4)} />
                 </div>
               </label>
-              <label style={{fontWeight: '600'}} id='message-label' htmlFor='message-input'>Message</label>
-              <textarea style={{height: '100px', resize: 'none'}} id='message-input' placeholder='Message...' onChange={handleMessage} defaultValue={isModified ? lastFeeling.comment : ''} />
+              <label style={{ fontWeight: '600' }} id='message-label' htmlFor='message-input'>Message</label>
+              <textarea style={{ height: '100px', resize: 'none' }} id='message-input' placeholder='Message...' onChange={handleMessage} defaultValue={isModified ? lastFeeling.comment : ''} />
               <div id='remember-me'>
                 <input id='remember-me-input' type='checkbox' defaultChecked={isModified ? lastFeeling.annonymous : true} onClick={handleAnonymous} />
-                <label for="remember-me-input">Anonyme</label>
+                <label for='remember-me-input'>Anonyme</label>
               </div>
               {errMessage ? <span style={{ color: 'red' }}>{errMessage}</span> : ''}
               <button disabled={newMood === ''} className='popup-btn' onClick={handleUpdateFeelings}>{!isModified ? 'Créer le Ressenti' : 'Modifier le Ressenti'}</button>
diff --git a/src/Users/Student/statisticsStudent.jsx b/src/Users/Student/statisticsStudent.jsx
index 8f4c6fec..af08ed9d 100644
--- a/src/Users/Student/statisticsStudent.jsx
+++ b/src/Users/Student/statisticsStudent.jsx
@@ -10,7 +10,6 @@ import { disconnect } from '../../functions/disconnect'
 import emoji4 from '../../assets/emojis/4s.png'
 Chart.defaults.font.family = 'Inter'
 
-
 library.add(faSadTear, faFrown, faMeh, faSmile, faLaughBeam)
 
 const StudentStatPage = () => {
@@ -319,8 +318,7 @@ const StudentStatPage = () => {
                     </p>
                   </div>
                 </div>
-                )
-            }
+                )}
           </div>
         </div>
       </div>
diff --git a/src/Users/Teacher/statisticsTeacher.jsx b/src/Users/Teacher/statisticsTeacher.jsx
index 9342581c..5bad4102 100644
--- a/src/Users/Teacher/statisticsTeacher.jsx
+++ b/src/Users/Teacher/statisticsTeacher.jsx
@@ -418,9 +418,9 @@ const TeacherStatPage = () => {
                 Année
               </div>
             </div>
-            <div style={{marginTop: '5px'}}>
+            <div style={{ marginTop: '5px' }}>
               <label htmlFor='classFilter'>Filtrer par classe:</label>
-              <select style={{marginLeft: '5px', padding: '10px'}} id='classFilter' value={selectedClass || ''} onChange={handleClassChange}>
+              <select style={{ marginLeft: '5px', padding: '10px' }} id='classFilter' value={selectedClass || ''} onChange={handleClassChange}>
                 <option key='all' value=''>Toutes les classes</option>
                 {classes.map((classItem) => (
                   <option key={classItem._id} value={classItem._id}>{classItem.name}</option>
@@ -428,12 +428,12 @@ const TeacherStatPage = () => {
               </select>
             </div>
           </div>
-          <div style={{display: 'flex', flexDirection: 'row', flexWrap: 'wrap', gap: '50px'}}>
+          <div style={{ display: 'flex', flexDirection: 'row', flexWrap: 'wrap', gap: '50px' }}>
             <div>
               <h1>Evolution de l'humeur</h1>
               <canvas id='moodChart' width='400' height='400' />
               <div style={{ width: '200px', margin: 'auto', marginTop: '20px' }}>
-              <img src={emoji4} size='2x' style={{ marginRight: '10px', marginBottom: '10px' }} />
+                <img src={emoji4} size='2x' style={{ marginRight: '10px', marginBottom: '10px' }} />
                 <progress className='progress' value={averageMood} max='100' />
               </div>
             </div>

From f5634a1a019d625083546b5798df732154afab8e Mon Sep 17 00:00:00 2001
From: adbusnel <adrien.busnel@epitech.eu>
Date: Wed, 27 Nov 2024 10:16:32 +0100
Subject: [PATCH 07/53] [MOD] modified deletion of account with popup

---
 .../Accounts/Adm/admAccountsTable.js          | 15 +++++++++---
 .../Accounts/SchoolAdm/schoolAccountsTable.js | 24 +++++++++++++++----
 src/Components/Popup/deleteAccount.jsx        | 18 ++++++++------
 3 files changed, 43 insertions(+), 14 deletions(-)

diff --git a/src/Components/Accounts/Adm/admAccountsTable.js b/src/Components/Accounts/Adm/admAccountsTable.js
index 82f9e0ad..8e31fa3e 100644
--- a/src/Components/Accounts/Adm/admAccountsTable.js
+++ b/src/Components/Accounts/Adm/admAccountsTable.js
@@ -11,6 +11,7 @@ export default function AdmAccountsTable () {
   const [accountList, setAccountList] = useState([]) // list of accounts
   const [isPopupOpen, setIsPopupOpen] = useState(false)
   const [userId, setUserId] = useState('')
+  const [actionType, setActionType] = useState('delete')
 
   async function getAccountList () {
     const baseUrl = process.env.REACT_APP_BACKEND_URL + '/user/all'
@@ -39,11 +40,16 @@ export default function AdmAccountsTable () {
     setIsPopupOpen(!isPopupOpen)
   }
 
-  const callDeleteAccount = (userIdValue) => {
+  const callDeleteAccount = (userIdValue, action) => {
+    setActionType(action)
     setUserId(userIdValue)
     setIsPopupOpen(!isPopupOpen)
   }
 
+  async function returnAccount (accountId) {
+    console.log("account restored", accountId)
+  }
+
   async function deleteAccount (deleteType, accountId) {
     const baseUrl = process.env.REACT_APP_BACKEND_URL + '/adm/deleteUser/' + accountId
     const token = sessionStorage.getItem('token')
@@ -75,7 +81,7 @@ export default function AdmAccountsTable () {
         {(close) => (
           <div className='popup-modal-container' style={{ alignItems: 'center' }}>
             <button className='close-btn' onClick={close}><img src={cross} alt='Close' /></button>
-            <DeleteAccountPopupContent userIdValue={userId} deleteUserAccount={deleteAccount} closeDeleteAccountPopup={close} />
+            <DeleteAccountPopupContent userIdValue={userId} actionType={actionType} deleteUserAccount={deleteAccount} returnUserAccount={returnAccount} closeDeleteAccountPopup={close} />
           </div>
         )}
       </Popup>
@@ -96,7 +102,10 @@ export default function AdmAccountsTable () {
                   <td>{data.firstname}</td>
                   <td>{data.lastname}</td>
                   <td>{data.email}</td>
-                  <td><img data-testid='suspendBtn' className='suspendBtn' onClick={(e) => { e.stopPropagation(); callDeleteAccount(data._id) }} src={minusButton} alt='delete' title='Supprimer ou suspendre le compte' /></td>
+                  <td>
+                    <img data-testid='suspendBtn' className='suspendBtn' onClick={(e) => { e.stopPropagation(); callDeleteAccount(data._id, "delete") }} src={minusButton} alt='delete' title='Supprimer le compte' />
+                    <img data-testid='suspendBtn' className='suspendBtn' onClick={(e) => { e.stopPropagation(); callDeleteAccount(data._id, "suspend") }} src={minusButton} alt='delete' title='Suspendre le compte' />
+                  </td>
                 </tr>
               )
             }
diff --git a/src/Components/Accounts/SchoolAdm/schoolAccountsTable.js b/src/Components/Accounts/SchoolAdm/schoolAccountsTable.js
index bf407d8d..fb44987b 100644
--- a/src/Components/Accounts/SchoolAdm/schoolAccountsTable.js
+++ b/src/Components/Accounts/SchoolAdm/schoolAccountsTable.js
@@ -19,6 +19,7 @@ export default function SchoolAccountsTable ({ status }) {
   const [userId, setUserId] = useState('')
   const [isMultiStatus, setIsMultiStatus] = useState(true)
   const [classesList, setClassesList] = useState([])
+  const [actionType, setActionType] = useState('delete')
   const [updatedUser, setUpdatedUser] = useState({
     firstname: '',
     lastname: '',
@@ -194,6 +195,10 @@ export default function SchoolAccountsTable ({ status }) {
     }
   }
 
+  async function returnAccount (accountId) {
+    console.log("account restored", accountId)
+  }
+
   const openPopup = () => {
     setUserId('')
     setIsPopupOpen(!isPopupOpen)
@@ -203,7 +208,8 @@ export default function SchoolAccountsTable ({ status }) {
     setIsEditing(!isEditing)
   }
 
-  const callDeleteAccount = (userIdValue) => {
+  const callDeleteAccount = (userIdValue, action) => {
+    setActionType(action)
     setUserId(userIdValue)
     setIsPopupOpen(!isPopupOpen)
   }
@@ -214,7 +220,7 @@ export default function SchoolAccountsTable ({ status }) {
         {(close) => (
           <div className='popup-modal-container' style={{ alignItems: 'center' }}>
             <button className='close-btn' onClick={close}><img src={cross} alt='Close' /></button>
-            <DeleteAccountPopupContent userIdValue={userId} deleteUserAccount={deleteAccount} closeDeleteAccountPopup={close} />
+            <DeleteAccountPopupContent userIdValue={userId} actionType={actionType} deleteUserAccount={deleteAccount} returnUserAccount={returnAccount} closeDeleteAccountPopup={close} />
           </div>
         )}
       </Popup>
@@ -316,7 +322,12 @@ export default function SchoolAccountsTable ({ status }) {
                     <td title={`${data.email}`}>{data.email}</td>
                     <td>{showClasses(data.classes)}</td>
                     {status && <td><button onClick={(e) => { e.stopPropagation(); handleEditClick(data) }} title='Modifier le profil'>Modifier</button></td>}
-                    {status && <td><img data-testid='suspendBtn' className='suspendBtn' onClick={(e) => { e.stopPropagation(); callDeleteAccount(data._id) }} src={minusButton} alt='delete' title='Supprimer ou suspendre le compte' /></td>}
+                    {status &&
+                      <td>
+                        <img data-testid='suspendBtn' className='suspendBtn' onClick={(e) => { e.stopPropagation(); callDeleteAccount(data._id, "delete") }} src={minusButton} alt='delete' title='Supprimer le compte' />
+                        <img data-testid='suspendBtn' className='suspendBtn' onClick={(e) => { e.stopPropagation(); callDeleteAccount(data._id, "suspend") }} src={minusButton} alt='delete' title='Suspendre le compte' />
+                      </td>
+                    }
                   </tr>
                 )
               }
@@ -352,7 +363,12 @@ export default function SchoolAccountsTable ({ status }) {
                     <td title={`${data.email}`}>{data.email}</td>
                     <td>{showClasses(data.classes)}</td>
                     { status && <td><button onClick={(e) => { e.stopPropagation(); handleEditClick(data) }} title='Modifier le Profil'>Modifier</button></td> }
-                    {status && <td><img data-testid='suspendBtn' className='suspendBtn' onClick={(e) => { e.stopPropagation(); callDeleteAccount(data._id) }} src={minusButton} alt='delete' title='Supprimer ou suspendre le compte' /></td>}
+                    {status &&
+                      <td>
+                        <img data-testid='suspendBtn' className='suspendBtn' onClick={(e) => { e.stopPropagation(); callDeleteAccount(data._id, "delete") }} src={minusButton} alt='delete' title='Supprimer le compte' />
+                        <img data-testid='suspendBtn' className='suspendBtn' onClick={(e) => { e.stopPropagation(); callDeleteAccount(data._id, "suspend") }} src={minusButton} alt='delete' title='Suspendre le compte' />
+                      </td>
+                    }
                   </tr>
                 )
               }
diff --git a/src/Components/Popup/deleteAccount.jsx b/src/Components/Popup/deleteAccount.jsx
index 467a68f9..d649d727 100644
--- a/src/Components/Popup/deleteAccount.jsx
+++ b/src/Components/Popup/deleteAccount.jsx
@@ -2,17 +2,21 @@ import React from 'react'
 import '../../css/Components/Popup/popup.scss'
 import '../../css/pages/createAlerts.scss'
 
-const DeleteAccountPopupContent = ({ userIdValue, deleteUserAccount, closeDeleteAccountPopup }) => {
+const DeleteAccountPopupContent = ({ userIdValue, actionType, deleteUserAccount, returnUserAccount, closeDeleteAccountPopup }) => {
   return (
     <>
       <div>
-        <h3>Suppression du Compte</h3>
-        <p>Êtes-vous sûr(e) de vouloir supprimer ce compte ?</p>
-        <p>Une suppression temporaire dure 7 jours.</p>
-        <p>Cette action sera irreversible.</p>
+        <h3>{actionType === "delete" ? "Suppression" : actionType === "suspend" ? "Suspension" : "Restauration" } du Compte</h3>
+        <p>Êtes-vous sûr(e) de vouloir {actionType === "delete" ? "supprimer" : actionType === "suspend" ? "suspendre" : "restaurer" } ce compte ?</p>
+        <p>{actionType === "delete" ? "Cette action sera irreversible." : '' }</p>
       </div>
-      <button className='popup-btn' style={{ backgroundColor: 'red', borderColor: 'red' }} onClick={() => deleteUserAccount(true, userIdValue)}>Suppression définitive</button>
-      <button className='popup-text-btn' onClick={() => deleteUserAccount(false, userIdValue)}>Suppression temporaire</button>
+      {
+        actionType === "delete" ?
+          <button className='popup-btn' style={{ backgroundColor: 'red', borderColor: 'red' }} onClick={() => deleteUserAccount(true, userIdValue)}>Supprimer</button>
+          : actionType === "suspend" ?
+            <button className='popup-text-btn' onClick={() => deleteUserAccount(false, userIdValue)}>Suspendre</button>
+              : <button className='popup-text-btn' onClick={() => returnUserAccount(userIdValue)}>Restaurer</button>
+      }
       <button className='popup-btn' onClick={closeDeleteAccountPopup}>Annuler</button>
     </>
   )

From 0869bca0aed2966040052d6b864eacfaa143f42d Mon Sep 17 00:00:00 2001
From: adbusnel <adrien.busnel@epitech.eu>
Date: Thu, 28 Nov 2024 16:55:33 +0100
Subject: [PATCH 08/53] [MOD] changed icons for suspend and delete accounts,
 centered forgotten password input

---
 src/Components/Accounts/Adm/admAccountsTable.js |   7 ++++---
 .../Accounts/SchoolAdm/schoolAccountsTable.js   |  12 +++++++-----
 src/Users/Public/forgottenPasswordPage.jsx      |   4 ++--
 src/assets/deleteIcon.png                       | Bin 0 -> 19947 bytes
 src/assets/restoreIcon.png                      | Bin 0 -> 16485 bytes
 src/assets/suspendIcon.png                      | Bin 0 -> 25773 bytes
 6 files changed, 13 insertions(+), 10 deletions(-)
 create mode 100644 src/assets/deleteIcon.png
 create mode 100644 src/assets/restoreIcon.png
 create mode 100644 src/assets/suspendIcon.png

diff --git a/src/Components/Accounts/Adm/admAccountsTable.js b/src/Components/Accounts/Adm/admAccountsTable.js
index 8e31fa3e..4d727d34 100644
--- a/src/Components/Accounts/Adm/admAccountsTable.js
+++ b/src/Components/Accounts/Adm/admAccountsTable.js
@@ -5,7 +5,8 @@ import { toast } from 'react-toastify'
 import DeleteAccountPopupContent from '../../Popup/deleteAccount'
 import Popup from 'reactjs-popup'
 import cross from '../../../assets/Cross.png'
-import minusButton from '../../../assets/minus-button.png'
+import deleteButton from '../../../assets/deleteIcon.png'
+import suspendButton from '../../../assets/suspendIcon.png'
 
 export default function AdmAccountsTable () {
   const [accountList, setAccountList] = useState([]) // list of accounts
@@ -103,8 +104,8 @@ export default function AdmAccountsTable () {
                   <td>{data.lastname}</td>
                   <td>{data.email}</td>
                   <td>
-                    <img data-testid='suspendBtn' className='suspendBtn' onClick={(e) => { e.stopPropagation(); callDeleteAccount(data._id, "delete") }} src={minusButton} alt='delete' title='Supprimer le compte' />
-                    <img data-testid='suspendBtn' className='suspendBtn' onClick={(e) => { e.stopPropagation(); callDeleteAccount(data._id, "suspend") }} src={minusButton} alt='delete' title='Suspendre le compte' />
+                    <img data-testid='suspendBtn' className='suspendBtn' onClick={(e) => { e.stopPropagation(); callDeleteAccount(data._id, "delete") }} src={deleteButton} alt='delete' title='Supprimer le compte' />
+                    <img data-testid='suspendBtn' className='suspendBtn' onClick={(e) => { e.stopPropagation(); callDeleteAccount(data._id, "suspend") }} src={suspendButton} alt='delete' title='Suspendre le compte' />
                   </td>
                 </tr>
               )
diff --git a/src/Components/Accounts/SchoolAdm/schoolAccountsTable.js b/src/Components/Accounts/SchoolAdm/schoolAccountsTable.js
index 29a1265a..c8c6d879 100644
--- a/src/Components/Accounts/SchoolAdm/schoolAccountsTable.js
+++ b/src/Components/Accounts/SchoolAdm/schoolAccountsTable.js
@@ -6,7 +6,9 @@ import { toast } from 'react-toastify'
 import DeleteAccountPopupContent from '../../Popup/deleteAccount'
 import Popup from 'reactjs-popup'
 import cross from '../../../assets/Cross.png'
-import minusButton from '../../../assets/minus-button.png'
+import deleteButton from '../../../assets/deleteIcon.png'
+import suspendButton from '../../../assets/suspendIcon.png'
+import restoreButton from '../../../assets/restoreIcon.png'
 import Select from 'react-select'
 
 export default function SchoolAccountsTable ({ status }) {
@@ -324,8 +326,8 @@ export default function SchoolAccountsTable ({ status }) {
                     {status && <td><button style={{ fontFamily: 'Inter' }} onClick={(e) => { e.stopPropagation(); handleEditClick(data) }} title='Modifier le profil'>Modifier</button></td>}
                     {status &&
                       <td>
-                        <img data-testid='suspendBtn' className='suspendBtn' onClick={(e) => { e.stopPropagation(); callDeleteAccount(data._id, "delete") }} src={minusButton} alt='delete' title='Supprimer le compte' />
-                        <img data-testid='suspendBtn' className='suspendBtn' onClick={(e) => { e.stopPropagation(); callDeleteAccount(data._id, "suspend") }} src={minusButton} alt='delete' title='Suspendre le compte' />
+                        <img data-testid='suspendBtn' className='suspendBtn' onClick={(e) => { e.stopPropagation(); callDeleteAccount(data._id, "delete") }} src={deleteButton} alt='delete' title='Supprimer le compte' />
+                        <img data-testid='suspendBtn' className='suspendBtn' onClick={(e) => { e.stopPropagation(); callDeleteAccount(data._id, "suspend") }} src={suspendButton} alt='delete' title='Suspendre le compte' />
                       </td>
                     }
                   </tr>
@@ -365,8 +367,8 @@ export default function SchoolAccountsTable ({ status }) {
                     { status && <td><button style={{ fontFamily: 'Inter' }} onClick={(e) => { e.stopPropagation(); handleEditClick(data) }} title='Modifier le Profil'>Modifier</button></td> }
                     {status &&
                       <td>
-                        <img data-testid='suspendBtn' className='suspendBtn' onClick={(e) => { e.stopPropagation(); callDeleteAccount(data._id, "delete") }} src={minusButton} alt='delete' title='Supprimer le compte' />
-                        <img data-testid='suspendBtn' className='suspendBtn' onClick={(e) => { e.stopPropagation(); callDeleteAccount(data._id, "suspend") }} src={minusButton} alt='delete' title='Suspendre le compte' />
+                        <img data-testid='suspendBtn' className='suspendBtn' onClick={(e) => { e.stopPropagation(); callDeleteAccount(data._id, "delete") }} src={deleteButton} alt='delete' title='Supprimer le compte' />
+                        <img data-testid='suspendBtn' className='suspendBtn' onClick={(e) => { e.stopPropagation(); callDeleteAccount(data._id, "suspend") }} src={suspendButton} alt='delete' title='Suspendre le compte' />
                       </td>
                     }
                   </tr>
diff --git a/src/Users/Public/forgottenPasswordPage.jsx b/src/Users/Public/forgottenPasswordPage.jsx
index bf9528d2..9b339220 100644
--- a/src/Users/Public/forgottenPasswordPage.jsx
+++ b/src/Users/Public/forgottenPasswordPage.jsx
@@ -76,8 +76,8 @@ export default function ForgottenPasswordPage () {
               <p>{redirectMessage}</p>
               )
             : (
-              <form>
-                <label style={{ display: 'flex', flexDirection: 'column', fontFamily: 'Inter', fontSize: '22px', gap: '20px', margin: '20px' }}>
+              <form className="auth-form">
+                <label style={{ display: 'flex', alignItems: 'center', flexDirection: 'column', fontFamily: 'Inter', fontSize: '22px', gap: '20px', margin: '20px' }}>
                   <input style={{ border: 'none', width: '283px', height: '46px', paddingLeft: '25px', borderRadius: '26px', backgroundColor: '#FFD2D5' }} id='mailInput' type='text' placeholder='Adresse Email' onChange={handleEmailChange} value={email} required />
                 </label>
                 <button style={{ width: '100%', paddingLeft: '25px', paddingRight: '25px' }} onClick={handleRequest} type='submit' id='submit-button'>Demander un nouveau mot de passe</button>
diff --git a/src/assets/deleteIcon.png b/src/assets/deleteIcon.png
new file mode 100644
index 0000000000000000000000000000000000000000..26198164b86ec4b39559bf0c6e98fb46e7d1ffad
GIT binary patch
literal 19947
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
BzkmP$

literal 0
HcmV?d00001

diff --git a/src/assets/restoreIcon.png b/src/assets/restoreIcon.png
new file mode 100644
index 0000000000000000000000000000000000000000..c95fefc50e51e48d18eafbaf67b1d7e1174cf72e
GIT binary patch
literal 16485
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
LH!<bvw$c9wZ`nB!

literal 0
HcmV?d00001

diff --git a/src/assets/suspendIcon.png b/src/assets/suspendIcon.png
new file mode 100644
index 0000000000000000000000000000000000000000..f8f3af3e67de3e1f94ff660470fe67b2d073bb7a
GIT binary patch
literal 25773
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
Bd-MPR

literal 0
HcmV?d00001


From 35b99844ba70d30d33545cfc73dff428344a3939 Mon Sep 17 00:00:00 2001
From: adbusnel <adrien.busnel@epitech.eu>
Date: Fri, 29 Nov 2024 11:35:17 +0100
Subject: [PATCH 09/53] [MOD] restore suspended account added but not show
 suspended accounts

---
 .../Accounts/Adm/admAccountsTable.js          | 59 ++++++++++++++++---
 .../Accounts/SchoolAdm/schoolAccountsTable.js | 39 ++++++++++--
 src/Components/Popup/deleteAccount.jsx        |  4 +-
 src/css/Components/Accounts/accountsTable.css | 14 +++--
 4 files changed, 97 insertions(+), 19 deletions(-)

diff --git a/src/Components/Accounts/Adm/admAccountsTable.js b/src/Components/Accounts/Adm/admAccountsTable.js
index 4d727d34..5315f770 100644
--- a/src/Components/Accounts/Adm/admAccountsTable.js
+++ b/src/Components/Accounts/Adm/admAccountsTable.js
@@ -7,6 +7,7 @@ import Popup from 'reactjs-popup'
 import cross from '../../../assets/Cross.png'
 import deleteButton from '../../../assets/deleteIcon.png'
 import suspendButton from '../../../assets/suspendIcon.png'
+import restoreButton from '../../../assets/restoreIcon.png'
 
 export default function AdmAccountsTable () {
   const [accountList, setAccountList] = useState([]) // list of accounts
@@ -33,8 +34,28 @@ export default function AdmAccountsTable () {
     }
   }
 
+  async function getSuspendedAccountList () {
+    const baseUrl = process.env.REACT_APP_BACKEND_URL + '/user/all'
+    const token = sessionStorage.getItem('token')
+
+    const resp = await fetch(baseUrl, {
+      method: 'GET',
+      headers: {
+        'x-auth-token': token,
+        'Content-Type': 'application/json'
+      }
+    })
+    if (resp.status === 401) {
+      disconnect()
+    } else {
+      const data = await resp.json()
+      console.log(data)
+    }
+  }
+
   useEffect(() => {
     getAccountList()
+    getSuspendedAccountList()
   }, [])
 
   const openPopup = () => {
@@ -47,10 +68,6 @@ export default function AdmAccountsTable () {
     setIsPopupOpen(!isPopupOpen)
   }
 
-  async function returnAccount (accountId) {
-    console.log("account restored", accountId)
-  }
-
   async function deleteAccount (deleteType, accountId) {
     const baseUrl = process.env.REACT_APP_BACKEND_URL + '/adm/deleteUser/' + accountId
     const token = sessionStorage.getItem('token')
@@ -70,6 +87,30 @@ export default function AdmAccountsTable () {
     } else if (resp.status === 200) {
       toast.success(deleteType ? 'Le compte a été supprimé' : 'Le compte a été suspendu')
       getAccountList()
+      setIsPopupOpen(!isPopupOpen)
+    } else {
+      toast.error("une alerte s'est produite")
+      getAccountList()
+    }
+  }
+
+  async function activateAccount (accountId) {
+    const baseUrl = process.env.REACT_APP_BACKEND_URL + '/adm/activateUser/' + accountId
+    const token = sessionStorage.getItem('token')
+
+    const resp = await fetch(baseUrl, {
+      method: 'POST',
+      headers: {
+        'x-auth-token': token,
+        'Content-Type': 'application/json'
+      }
+    })
+    if (resp.status === 401) {
+      disconnect()
+    } else if (resp.status === 200) {
+      toast.success('Le compte a été restauré')
+      getAccountList()
+      setIsPopupOpen(!isPopupOpen)
     } else {
       toast.error("une alerte s'est produite")
       getAccountList()
@@ -82,7 +123,7 @@ export default function AdmAccountsTable () {
         {(close) => (
           <div className='popup-modal-container' style={{ alignItems: 'center' }}>
             <button className='close-btn' onClick={close}><img src={cross} alt='Close' /></button>
-            <DeleteAccountPopupContent userIdValue={userId} actionType={actionType} deleteUserAccount={deleteAccount} returnUserAccount={returnAccount} closeDeleteAccountPopup={close} />
+            <DeleteAccountPopupContent userIdValue={userId} actionType={actionType} deleteUserAccount={deleteAccount} activateAccount={activateAccount} closeDeleteAccountPopup={close} />
           </div>
         )}
       </Popup>
@@ -103,9 +144,13 @@ export default function AdmAccountsTable () {
                   <td>{data.firstname}</td>
                   <td>{data.lastname}</td>
                   <td>{data.email}</td>
-                  <td>
+                  <td className="action-td">
                     <img data-testid='suspendBtn' className='suspendBtn' onClick={(e) => { e.stopPropagation(); callDeleteAccount(data._id, "delete") }} src={deleteButton} alt='delete' title='Supprimer le compte' />
-                    <img data-testid='suspendBtn' className='suspendBtn' onClick={(e) => { e.stopPropagation(); callDeleteAccount(data._id, "suspend") }} src={suspendButton} alt='delete' title='Suspendre le compte' />
+                    {
+                      data.active ?
+                      <img data-testid='suspendBtn' className='suspendBtn' onClick={(e) => { e.stopPropagation(); callDeleteAccount(data._id, "suspend") }} src={suspendButton} alt='delete' title='Suspendre le compte' /> :
+                      <img data-testid='suspendBtn' className='suspendBtn' onClick={(e) => { e.stopPropagation(); callDeleteAccount(data._id, "restore") }} src={restoreButton} alt='delete' title='Restaurer le compte' />
+                    }
                   </td>
                 </tr>
               )
diff --git a/src/Components/Accounts/SchoolAdm/schoolAccountsTable.js b/src/Components/Accounts/SchoolAdm/schoolAccountsTable.js
index c8c6d879..3f1cfc6a 100644
--- a/src/Components/Accounts/SchoolAdm/schoolAccountsTable.js
+++ b/src/Components/Accounts/SchoolAdm/schoolAccountsTable.js
@@ -191,14 +191,34 @@ export default function SchoolAccountsTable ({ status }) {
     } else if (resp.status === 200) {
       toast.success(deleteType ? 'Le compte a été supprimé' : 'Le compte a été suspendu')
       getAccountList()
+      setIsPopupOpen(!isPopupOpen)
     } else {
       toast.error("une alerte s'est produite")
       getAccountList()
     }
   }
 
-  async function returnAccount (accountId) {
-    console.log("account restored", accountId)
+  async function activateAccount (accountId) {
+    const baseUrl = process.env.REACT_APP_BACKEND_URL + '/adm/activateUser/' + accountId
+    const token = sessionStorage.getItem('token')
+
+    const resp = await fetch(baseUrl, {
+      method: 'POST',
+      headers: {
+        'x-auth-token': token,
+        'Content-Type': 'application/json'
+      }
+    })
+    if (resp.status === 401) {
+      disconnect()
+    } else if (resp.status === 200) {
+      toast.success('Le compte a été restauré')
+      getAccountList()
+      setIsPopupOpen(!isPopupOpen)
+    } else {
+      toast.error("une alerte s'est produite")
+      getAccountList()
+    }
   }
 
   const openPopup = () => {
@@ -222,7 +242,7 @@ export default function SchoolAccountsTable ({ status }) {
         {(close) => (
           <div className='popup-modal-container' style={{ alignItems: 'center' }}>
             <button className='close-btn' onClick={close}><img src={cross} alt='Close' /></button>
-            <DeleteAccountPopupContent userIdValue={userId} actionType={actionType} deleteUserAccount={deleteAccount} returnUserAccount={returnAccount} closeDeleteAccountPopup={close} />
+            <DeleteAccountPopupContent userIdValue={userId} actionType={actionType} deleteUserAccount={deleteAccount} activateAccount={activateAccount} closeDeleteAccountPopup={close} />
           </div>
         )}
       </Popup>
@@ -327,8 +347,11 @@ export default function SchoolAccountsTable ({ status }) {
                     {status &&
                       <td>
                         <img data-testid='suspendBtn' className='suspendBtn' onClick={(e) => { e.stopPropagation(); callDeleteAccount(data._id, "delete") }} src={deleteButton} alt='delete' title='Supprimer le compte' />
-                        <img data-testid='suspendBtn' className='suspendBtn' onClick={(e) => { e.stopPropagation(); callDeleteAccount(data._id, "suspend") }} src={suspendButton} alt='delete' title='Suspendre le compte' />
-                      </td>
+{
+                      data.active ?
+                      <img data-testid='suspendBtn' className='suspendBtn' onClick={(e) => { e.stopPropagation(); callDeleteAccount(data._id, "suspend") }} src={suspendButton} alt='delete' title='Suspendre le compte' /> :
+                      <img data-testid='suspendBtn' className='suspendBtn' onClick={(e) => { e.stopPropagation(); callDeleteAccount(data._id, "restore") }} src={restoreButton} alt='delete' title='Restaurer le compte' />
+                    }                      </td>
                     }
                   </tr>
                 )
@@ -368,7 +391,11 @@ export default function SchoolAccountsTable ({ status }) {
                     {status &&
                       <td>
                         <img data-testid='suspendBtn' className='suspendBtn' onClick={(e) => { e.stopPropagation(); callDeleteAccount(data._id, "delete") }} src={deleteButton} alt='delete' title='Supprimer le compte' />
-                        <img data-testid='suspendBtn' className='suspendBtn' onClick={(e) => { e.stopPropagation(); callDeleteAccount(data._id, "suspend") }} src={suspendButton} alt='delete' title='Suspendre le compte' />
+                        {
+                          data.active ?
+                          <img data-testid='suspendBtn' className='suspendBtn' onClick={(e) => { e.stopPropagation(); callDeleteAccount(data._id, "suspend") }} src={suspendButton} alt='delete' title='Suspendre le compte' /> :
+                          <img data-testid='suspendBtn' className='suspendBtn' onClick={(e) => { e.stopPropagation(); callDeleteAccount(data._id, "restore") }} src={restoreButton} alt='delete' title='Restaurer le compte' />
+                        }
                       </td>
                     }
                   </tr>
diff --git a/src/Components/Popup/deleteAccount.jsx b/src/Components/Popup/deleteAccount.jsx
index d649d727..7d82d61d 100644
--- a/src/Components/Popup/deleteAccount.jsx
+++ b/src/Components/Popup/deleteAccount.jsx
@@ -2,7 +2,7 @@ import React from 'react'
 import '../../css/Components/Popup/popup.scss'
 import '../../css/pages/createAlerts.scss'
 
-const DeleteAccountPopupContent = ({ userIdValue, actionType, deleteUserAccount, returnUserAccount, closeDeleteAccountPopup }) => {
+const DeleteAccountPopupContent = ({ userIdValue, actionType, deleteUserAccount, activateAccount, closeDeleteAccountPopup }) => {
   return (
     <>
       <div>
@@ -15,7 +15,7 @@ const DeleteAccountPopupContent = ({ userIdValue, actionType, deleteUserAccount,
           <button className='popup-btn' style={{ backgroundColor: 'red', borderColor: 'red' }} onClick={() => deleteUserAccount(true, userIdValue)}>Supprimer</button>
           : actionType === "suspend" ?
             <button className='popup-text-btn' onClick={() => deleteUserAccount(false, userIdValue)}>Suspendre</button>
-              : <button className='popup-text-btn' onClick={() => returnUserAccount(userIdValue)}>Restaurer</button>
+              : <button className='popup-text-btn' onClick={() => activateAccount(userIdValue)}>Restaurer</button>
       }
       <button className='popup-btn' onClick={closeDeleteAccountPopup}>Annuler</button>
     </>
diff --git a/src/css/Components/Accounts/accountsTable.css b/src/css/Components/Accounts/accountsTable.css
index a745a43e..0271ab7a 100644
--- a/src/css/Components/Accounts/accountsTable.css
+++ b/src/css/Components/Accounts/accountsTable.css
@@ -4,6 +4,12 @@
     flex-direction: column;
 }
 
+.action-td {
+    justify-content: space-evenly;
+    display: flex;
+    align-items: center;
+}
+
 .newBreak {
     border: none;
     border-bottom: 2px solid #4f23e2;
@@ -96,7 +102,8 @@ table {
 }
 
 .suspendBtn {
-    width: 25px;
+    width: 40px;
+    height: 40px;
 }
 
 .valHead1bis, .valHead1 {
@@ -119,12 +126,11 @@ table {
     font-weight: bold;
     z-index: 999;
   }
-  
+
   .success {
     background-color: #4CAF50; /* Vert */
   }
-  
+
   .error {
     background-color: #f44336; /* Rouge */
   }
-  
\ No newline at end of file

From 2a82931fd81f64b29b9d464cd8739602f555140b Mon Sep 17 00:00:00 2001
From: adbusnel <adbusnel@users.noreply.github.com>
Date: Fri, 29 Nov 2024 10:46:13 +0000
Subject: [PATCH 10/53] [LINT] Applied linter fix

---
 .../Accounts/Adm/admAccountsTable.js          |  10 +-
 .../Accounts/SchoolAdm/schoolAccountsTable.js | 107 +++++++++---------
 src/Components/Popup/alertModification.jsx    |   5 +-
 src/Components/Popup/categoryCreation.jsx     |   4 +-
 src/Components/Popup/csvAccountCreation.jsx   |  33 +++---
 src/Components/Popup/deleteAccount.jsx        |  16 +--
 .../helpNumberAndCategoryEditPopupContent.jsx |   2 +-
 src/Components/Popup/helpNumberCreation.jsx   |   4 +-
 src/Components/Popup/moodFormCreation.jsx     |   4 +-
 .../Popup/singleAccountCreation.jsx           |   2 +-
 src/Components/Sidebar/sidebar.jsx            |   2 +-
 src/Users/Public/forgottenPasswordPage.jsx    |   2 +-
 src/Users/Shared/alertsPage.jsx               |   4 +-
 src/Users/Student/dashboardStudent.jsx        |   4 +-
 src/Users/Teacher/modifyFormTeacherPage.jsx   |   2 +-
 15 files changed, 100 insertions(+), 101 deletions(-)

diff --git a/src/Components/Accounts/Adm/admAccountsTable.js b/src/Components/Accounts/Adm/admAccountsTable.js
index 5315f770..c3c4278b 100644
--- a/src/Components/Accounts/Adm/admAccountsTable.js
+++ b/src/Components/Accounts/Adm/admAccountsTable.js
@@ -144,12 +144,12 @@ export default function AdmAccountsTable () {
                   <td>{data.firstname}</td>
                   <td>{data.lastname}</td>
                   <td>{data.email}</td>
-                  <td className="action-td">
-                    <img data-testid='suspendBtn' className='suspendBtn' onClick={(e) => { e.stopPropagation(); callDeleteAccount(data._id, "delete") }} src={deleteButton} alt='delete' title='Supprimer le compte' />
+                  <td className='action-td'>
+                    <img data-testid='suspendBtn' className='suspendBtn' onClick={(e) => { e.stopPropagation(); callDeleteAccount(data._id, 'delete') }} src={deleteButton} alt='delete' title='Supprimer le compte' />
                     {
-                      data.active ?
-                      <img data-testid='suspendBtn' className='suspendBtn' onClick={(e) => { e.stopPropagation(); callDeleteAccount(data._id, "suspend") }} src={suspendButton} alt='delete' title='Suspendre le compte' /> :
-                      <img data-testid='suspendBtn' className='suspendBtn' onClick={(e) => { e.stopPropagation(); callDeleteAccount(data._id, "restore") }} src={restoreButton} alt='delete' title='Restaurer le compte' />
+                      data.active
+                        ? <img data-testid='suspendBtn' className='suspendBtn' onClick={(e) => { e.stopPropagation(); callDeleteAccount(data._id, 'suspend') }} src={suspendButton} alt='delete' title='Suspendre le compte' />
+                        : <img data-testid='suspendBtn' className='suspendBtn' onClick={(e) => { e.stopPropagation(); callDeleteAccount(data._id, 'restore') }} src={restoreButton} alt='delete' title='Restaurer le compte' />
                     }
                   </td>
                 </tr>
diff --git a/src/Components/Accounts/SchoolAdm/schoolAccountsTable.js b/src/Components/Accounts/SchoolAdm/schoolAccountsTable.js
index 3f1cfc6a..3a7258b2 100644
--- a/src/Components/Accounts/SchoolAdm/schoolAccountsTable.js
+++ b/src/Components/Accounts/SchoolAdm/schoolAccountsTable.js
@@ -101,7 +101,7 @@ export default function SchoolAccountsTable ({ status }) {
       picture: user.picture,
       role: user.role._id
     })
-    setIsMultiStatus(user.role.name === "teacher")
+    setIsMultiStatus(user.role.name === 'teacher')
     setIsEditing(true)
   }
 
@@ -117,7 +117,7 @@ export default function SchoolAccountsTable ({ status }) {
     console.log(e)
     setUpdatedUser(prevState => ({
       ...prevState,
-      ["classes"]: e
+      classes: e
     }))
   }
 
@@ -252,62 +252,62 @@ export default function SchoolAccountsTable ({ status }) {
             <button className='close-btn' onClick={close}><img src={cross} alt='Close' /></button>
             <div className='editProfileForm'>
               <h2>Modifier Profil</h2>
-              <form className="form-profile-modif" onSubmit={handleUpdate}>
+              <form className='form-profile-modif' onSubmit={handleUpdate}>
                 <div>
                   <label className='input-label' htmlFor='firstname'>Prénom:
-                  <input
-                    type='text'
-                    id='firstname'
-                    name='firstname'
-                    value={updatedUser.firstname}
-                    onChange={handleInputChange}
-                  />
+                    <input
+                      type='text'
+                      id='firstname'
+                      name='firstname'
+                      value={updatedUser.firstname}
+                      onChange={handleInputChange}
+                    />
                   </label>
                 </div>
                 <div>
                   <label className='input-label' htmlFor='lastname'>Nom:
-                  <input
-                    type='text'
-                    id='lastname'
-                    name='lastname'
-                    value={updatedUser.lastname}
-                    onChange={handleInputChange}
-                  />
+                    <input
+                      type='text'
+                      id='lastname'
+                      name='lastname'
+                      value={updatedUser.lastname}
+                      onChange={handleInputChange}
+                    />
                   </label>
                 </div>
                 <div>
                   <label className='input-label' htmlFor='email'>Email:
-                  <input
-                    type='email'
-                    id='email'
-                    name='email'
-                    value={updatedUser.email}
-                    onChange={handleInputChange}
-                  />
+                    <input
+                      type='email'
+                      id='email'
+                      name='email'
+                      value={updatedUser.email}
+                      onChange={handleInputChange}
+                    />
                   </label>
                 </div>
                 <div>
                   <label className='input-label' htmlFor='classes'>Classes:
-                  <Select
-                    isMulti={isMultiStatus}
-                    data-testid='classes'
-                    id='classes'
-                    placeholder='Sélectionner une ou plusieurs classes'
-                    options={classesList}
-                    value={updatedUser.classes}
-                    onChange={handleClassChange}
-                    getOptionValue={(option) => option._id}
-                    getOptionLabel={(option) => option.name}
-                  />
+                    <Select
+                      isMulti={isMultiStatus}
+                      data-testid='classes'
+                      id='classes'
+                      placeholder='Sélectionner une ou plusieurs classes'
+                      options={classesList}
+                      value={updatedUser.classes}
+                      onChange={handleClassChange}
+                      getOptionValue={(option) => option._id}
+                      getOptionLabel={(option) => option.name}
+                    />
                   </label>
                 </div>
                 <div>
                   <label className='input-label' htmlFor='picture'>Photo de profil:
-                  <input
-                    type='file'
-                    id='picture'
-                    onChange={handleFileChange}
-                  />
+                    <input
+                      type='file'
+                      id='picture'
+                      onChange={handleFileChange}
+                    />
                   </label>
                 </div>
                 <button type='submit'>Mettre à jour</button>
@@ -346,13 +346,13 @@ export default function SchoolAccountsTable ({ status }) {
                     {status && <td><button style={{ fontFamily: 'Inter' }} onClick={(e) => { e.stopPropagation(); handleEditClick(data) }} title='Modifier le profil'>Modifier</button></td>}
                     {status &&
                       <td>
-                        <img data-testid='suspendBtn' className='suspendBtn' onClick={(e) => { e.stopPropagation(); callDeleteAccount(data._id, "delete") }} src={deleteButton} alt='delete' title='Supprimer le compte' />
-{
-                      data.active ?
-                      <img data-testid='suspendBtn' className='suspendBtn' onClick={(e) => { e.stopPropagation(); callDeleteAccount(data._id, "suspend") }} src={suspendButton} alt='delete' title='Suspendre le compte' /> :
-                      <img data-testid='suspendBtn' className='suspendBtn' onClick={(e) => { e.stopPropagation(); callDeleteAccount(data._id, "restore") }} src={restoreButton} alt='delete' title='Restaurer le compte' />
-                    }                      </td>
+                        <img data-testid='suspendBtn' className='suspendBtn' onClick={(e) => { e.stopPropagation(); callDeleteAccount(data._id, 'delete') }} src={deleteButton} alt='delete' title='Supprimer le compte' />
+                        {
+                      data.active
+                        ? <img data-testid='suspendBtn' className='suspendBtn' onClick={(e) => { e.stopPropagation(); callDeleteAccount(data._id, 'suspend') }} src={suspendButton} alt='delete' title='Suspendre le compte' />
+                        : <img data-testid='suspendBtn' className='suspendBtn' onClick={(e) => { e.stopPropagation(); callDeleteAccount(data._id, 'restore') }} src={restoreButton} alt='delete' title='Restaurer le compte' />
                     }
+                      </td>}
                   </tr>
                 )
               }
@@ -374,7 +374,7 @@ export default function SchoolAccountsTable ({ status }) {
                 <th className='valHead3'>Nom</th>
                 <th className='valHead4'>Email</th>
                 <th className='valHead5'>Classe</th>
-                {status && <th className='valHead6'>Modifier</th> }
+                {status && <th className='valHead6'>Modifier</th>}
                 {status ? <th className='valHead5' /> : ''}
               </tr>
             </thead>
@@ -387,17 +387,16 @@ export default function SchoolAccountsTable ({ status }) {
                     <td title={`${data.firstname} ${data.lastname}`}>{data.lastname}</td>
                     <td title={`${data.email}`}>{data.email}</td>
                     <td>{showClasses(data.classes)}</td>
-                    { status && <td><button style={{ fontFamily: 'Inter' }} onClick={(e) => { e.stopPropagation(); handleEditClick(data) }} title='Modifier le Profil'>Modifier</button></td> }
+                    {status && <td><button style={{ fontFamily: 'Inter' }} onClick={(e) => { e.stopPropagation(); handleEditClick(data) }} title='Modifier le Profil'>Modifier</button></td>}
                     {status &&
                       <td>
-                        <img data-testid='suspendBtn' className='suspendBtn' onClick={(e) => { e.stopPropagation(); callDeleteAccount(data._id, "delete") }} src={deleteButton} alt='delete' title='Supprimer le compte' />
+                        <img data-testid='suspendBtn' className='suspendBtn' onClick={(e) => { e.stopPropagation(); callDeleteAccount(data._id, 'delete') }} src={deleteButton} alt='delete' title='Supprimer le compte' />
                         {
-                          data.active ?
-                          <img data-testid='suspendBtn' className='suspendBtn' onClick={(e) => { e.stopPropagation(); callDeleteAccount(data._id, "suspend") }} src={suspendButton} alt='delete' title='Suspendre le compte' /> :
-                          <img data-testid='suspendBtn' className='suspendBtn' onClick={(e) => { e.stopPropagation(); callDeleteAccount(data._id, "restore") }} src={restoreButton} alt='delete' title='Restaurer le compte' />
+                          data.active
+                            ? <img data-testid='suspendBtn' className='suspendBtn' onClick={(e) => { e.stopPropagation(); callDeleteAccount(data._id, 'suspend') }} src={suspendButton} alt='delete' title='Suspendre le compte' />
+                            : <img data-testid='suspendBtn' className='suspendBtn' onClick={(e) => { e.stopPropagation(); callDeleteAccount(data._id, 'restore') }} src={restoreButton} alt='delete' title='Restaurer le compte' />
                         }
-                      </td>
-                    }
+                      </td>}
                   </tr>
                 )
               }
diff --git a/src/Components/Popup/alertModification.jsx b/src/Components/Popup/alertModification.jsx
index f2124cf3..59aefc14 100644
--- a/src/Components/Popup/alertModification.jsx
+++ b/src/Components/Popup/alertModification.jsx
@@ -1,7 +1,7 @@
 import React, { useState, useEffect } from 'react'
 import '../../css/Components/Popup/popup.scss'
 import '../../css/pages/createAlerts.scss'
-import {toast} from "react-toastify"
+import { toast } from 'react-toastify'
 import { disconnect } from '../../functions/disconnect'
 
 const AlertModificationPopupContent = ({ onClose, chosenAlert, handleEditAlert, errMessage }) => {
@@ -37,8 +37,7 @@ const AlertModificationPopupContent = ({ onClose, chosenAlert, handleEditAlert,
   }
 
   const editAlert = (e) => {
-    if (file !== null)
-      addFileToAlert(chosenAlert.id)
+    if (file !== null) { addFileToAlert(chosenAlert.id) }
     handleEditAlert(editedAlert, onClose)
   }
 
diff --git a/src/Components/Popup/categoryCreation.jsx b/src/Components/Popup/categoryCreation.jsx
index 01901e19..c0f21a04 100644
--- a/src/Components/Popup/categoryCreation.jsx
+++ b/src/Components/Popup/categoryCreation.jsx
@@ -1,9 +1,9 @@
 import React, { useState } from 'react'
 import '../../css/Components/Popup/popup.scss'
 import { disconnect } from '../../functions/disconnect'
-import {toast} from "react-toastify"
+import { toast } from 'react-toastify'
 
-const CategoryCreationPopupContent = ({onClose}) => {
+const CategoryCreationPopupContent = ({ onClose }) => {
   const [name, setName] = useState('')
 
   const handleNameChange = (event) => {
diff --git a/src/Components/Popup/csvAccountCreation.jsx b/src/Components/Popup/csvAccountCreation.jsx
index 20a76fb6..c1ac4897 100644
--- a/src/Components/Popup/csvAccountCreation.jsx
+++ b/src/Components/Popup/csvAccountCreation.jsx
@@ -61,22 +61,23 @@ const CsvAccountCreationPopupContent = () => {
     <>
       <label style={{ alignItems: 'center', gap: '25px' }}>
         <input className='input-csv' placeholder='exemple.csv' onChange={handleFileChange} type='file' accept='.csv' />
-        <span className='label-content-warning'>Le fichier attendu est un fichier .csv suivant le format: {role === 'admin' ?
-        (
-          <>
-            <p>firstname,lastname,email,role</p>
-            <p>exemple,exemple,exemple@exemple,administration</p>
-            <p>exemple,exemple,exemple@exemple,administration</p>
-          </>
-        ) :
-        (
-          <>
-            <p>firstname,lastname,email,role,class</p>
-            <p>exemple,exemple,exemple@exemple,teacher,0:1:2</p>
-            <p>exemple,exemple,exemple@exemple,student,0</p>
-            <p>exemple,exemple,exemple@exemple,student,1</p>
-          </>
-        )}</span>
+        <span className='label-content-warning'>Le fichier attendu est un fichier .csv suivant le format: {role === 'admin'
+          ? (
+            <>
+              <p>firstname,lastname,email,role</p>
+              <p>exemple,exemple,exemple@exemple,administration</p>
+              <p>exemple,exemple,exemple@exemple,administration</p>
+            </>
+            )
+          : (
+            <>
+              <p>firstname,lastname,email,role,class</p>
+              <p>exemple,exemple,exemple@exemple,teacher,0:1:2</p>
+              <p>exemple,exemple,exemple@exemple,student,0</p>
+              <p>exemple,exemple,exemple@exemple,student,1</p>
+            </>
+            )}
+        </span>
       </label>
       {errMessage ? <span data-testid='err-message' style={{ color: 'red' }}>{errMessage}</span> : ''}
       {successMessage ? <span style={{ color: 'green' }}>{successMessage}</span> : ''}
diff --git a/src/Components/Popup/deleteAccount.jsx b/src/Components/Popup/deleteAccount.jsx
index 7d82d61d..447406bf 100644
--- a/src/Components/Popup/deleteAccount.jsx
+++ b/src/Components/Popup/deleteAccount.jsx
@@ -6,16 +6,16 @@ const DeleteAccountPopupContent = ({ userIdValue, actionType, deleteUserAccount,
   return (
     <>
       <div>
-        <h3>{actionType === "delete" ? "Suppression" : actionType === "suspend" ? "Suspension" : "Restauration" } du Compte</h3>
-        <p>Êtes-vous sûr(e) de vouloir {actionType === "delete" ? "supprimer" : actionType === "suspend" ? "suspendre" : "restaurer" } ce compte ?</p>
-        <p>{actionType === "delete" ? "Cette action sera irreversible." : '' }</p>
+        <h3>{actionType === 'delete' ? 'Suppression' : actionType === 'suspend' ? 'Suspension' : 'Restauration'} du Compte</h3>
+        <p>Êtes-vous sûr(e) de vouloir {actionType === 'delete' ? 'supprimer' : actionType === 'suspend' ? 'suspendre' : 'restaurer'} ce compte ?</p>
+        <p>{actionType === 'delete' ? 'Cette action sera irreversible.' : ''}</p>
       </div>
       {
-        actionType === "delete" ?
-          <button className='popup-btn' style={{ backgroundColor: 'red', borderColor: 'red' }} onClick={() => deleteUserAccount(true, userIdValue)}>Supprimer</button>
-          : actionType === "suspend" ?
-            <button className='popup-text-btn' onClick={() => deleteUserAccount(false, userIdValue)}>Suspendre</button>
-              : <button className='popup-text-btn' onClick={() => activateAccount(userIdValue)}>Restaurer</button>
+        actionType === 'delete'
+          ? <button className='popup-btn' style={{ backgroundColor: 'red', borderColor: 'red' }} onClick={() => deleteUserAccount(true, userIdValue)}>Supprimer</button>
+          : actionType === 'suspend'
+            ? <button className='popup-text-btn' onClick={() => deleteUserAccount(false, userIdValue)}>Suspendre</button>
+            : <button className='popup-text-btn' onClick={() => activateAccount(userIdValue)}>Restaurer</button>
       }
       <button className='popup-btn' onClick={closeDeleteAccountPopup}>Annuler</button>
     </>
diff --git a/src/Components/Popup/helpNumberAndCategoryEditPopupContent.jsx b/src/Components/Popup/helpNumberAndCategoryEditPopupContent.jsx
index f9eb686b..3d77aceb 100644
--- a/src/Components/Popup/helpNumberAndCategoryEditPopupContent.jsx
+++ b/src/Components/Popup/helpNumberAndCategoryEditPopupContent.jsx
@@ -39,7 +39,7 @@ const HelpNumberAndCategoryEditPopupContent = ({ type, onClose }) => {
 
         const data = await response.json()
         setItems(data)
-        if (type === "number") {
+        if (type === 'number') {
           try {
             const response = await fetch(categoryUrl, {
               headers: {
diff --git a/src/Components/Popup/helpNumberCreation.jsx b/src/Components/Popup/helpNumberCreation.jsx
index 030c16d6..43a211db 100644
--- a/src/Components/Popup/helpNumberCreation.jsx
+++ b/src/Components/Popup/helpNumberCreation.jsx
@@ -1,9 +1,9 @@
 import React, { useState, useEffect } from 'react'
 import '../../css/Components/Popup/popup.scss'
 import { disconnect } from '../../functions/disconnect'
-import {toast} from "react-toastify"
+import { toast } from 'react-toastify'
 
-const HelpNumberCreationPopupContent = ({onClose}) => {
+const HelpNumberCreationPopupContent = ({ onClose }) => {
   const [name, setName] = useState('')
   const [email, setEmail] = useState('')
   const [categoryID, setCategoryID] = useState('')
diff --git a/src/Components/Popup/moodFormCreation.jsx b/src/Components/Popup/moodFormCreation.jsx
index c7a66165..c48ad234 100644
--- a/src/Components/Popup/moodFormCreation.jsx
+++ b/src/Components/Popup/moodFormCreation.jsx
@@ -18,7 +18,7 @@ import emoji2Selected from '../../assets/emojis/2s.png'
 import emoji3Selected from '../../assets/emojis/3s.png'
 import emoji4Selected from '../../assets/emojis/4s.png'
 import emoji5Selected from '../../assets/emojis/5s.png'
-import { toast } from "react-toastify"
+import { toast } from 'react-toastify'
 
 const MoodFormCreationPopupContent = ({ onClose }) => {
   const [errMessage, setErrMessage] = useState('')
@@ -59,7 +59,7 @@ const MoodFormCreationPopupContent = ({ onClose }) => {
             disconnect()
           }
           if (response.status === 200) {
-            toast.success("Le ressenti a été créé avec succès.")
+            toast.success('Le ressenti a été créé avec succès.')
             onClose()
           }
         })
diff --git a/src/Components/Popup/singleAccountCreation.jsx b/src/Components/Popup/singleAccountCreation.jsx
index 2cc8f668..003a41c5 100644
--- a/src/Components/Popup/singleAccountCreation.jsx
+++ b/src/Components/Popup/singleAccountCreation.jsx
@@ -3,7 +3,7 @@ import '../../css/Components/Popup/popup.scss'
 import Select from 'react-select'
 import userIcon from '../../assets/userIcon.png'
 import { disconnect } from '../../functions/disconnect'
-import { toast } from "react-toastify"
+import { toast } from 'react-toastify'
 
 const SingleAccountCreationPopupContent = () => {
   const roleProfile = sessionStorage.getItem('role')
diff --git a/src/Components/Sidebar/sidebar.jsx b/src/Components/Sidebar/sidebar.jsx
index 381b5429..a5547ef9 100644
--- a/src/Components/Sidebar/sidebar.jsx
+++ b/src/Components/Sidebar/sidebar.jsx
@@ -5,7 +5,7 @@ import Popup from 'reactjs-popup'
 import { Tooltip } from 'react-tooltip'
 import moment from 'moment'
 import logoSchood from '../../assets/logo_schood.png'
-import { toast } from "react-toastify"
+import { toast } from 'react-toastify'
 
 import { FaUsers, FaExclamationCircle } from 'react-icons/fa'
 import { FontAwesomeIcon } from '@fortawesome/react-fontawesome'
diff --git a/src/Users/Public/forgottenPasswordPage.jsx b/src/Users/Public/forgottenPasswordPage.jsx
index 9b339220..9510622d 100644
--- a/src/Users/Public/forgottenPasswordPage.jsx
+++ b/src/Users/Public/forgottenPasswordPage.jsx
@@ -76,7 +76,7 @@ export default function ForgottenPasswordPage () {
               <p>{redirectMessage}</p>
               )
             : (
-              <form className="auth-form">
+              <form className='auth-form'>
                 <label style={{ display: 'flex', alignItems: 'center', flexDirection: 'column', fontFamily: 'Inter', fontSize: '22px', gap: '20px', margin: '20px' }}>
                   <input style={{ border: 'none', width: '283px', height: '46px', paddingLeft: '25px', borderRadius: '26px', backgroundColor: '#FFD2D5' }} id='mailInput' type='text' placeholder='Adresse Email' onChange={handleEmailChange} value={email} required />
                 </label>
diff --git a/src/Users/Shared/alertsPage.jsx b/src/Users/Shared/alertsPage.jsx
index 8f07cf80..f53d2a28 100644
--- a/src/Users/Shared/alertsPage.jsx
+++ b/src/Users/Shared/alertsPage.jsx
@@ -12,7 +12,7 @@ import UserProfile from '../../Components/userProfile/userProfile'
 import AlertCreationPopupContent from '../../Components/Popup/alertCreation'
 import AlertModificationPopupContent from '../../Components/Popup/alertModification.jsx'
 import { disconnect } from '../../functions/disconnect'
-import {toast} from "react-toastify"
+import { toast } from 'react-toastify'
 import AlertDeletionPopupContent from '../../Components/Popup/alertDeletion'
 
 const AlertsPage = () => {
@@ -23,7 +23,7 @@ const AlertsPage = () => {
   const [chosenAlert, setChosenAlert] = useState({})
   const { id } = useParams()
   const [errMessage, setErrMessage] = useState('')
-  const  [isDeleting, setIsDeleting] = useState(false)
+  const [isDeleting, setIsDeleting] = useState(false)
 
   const fetchAlerts = async () => {
     try {
diff --git a/src/Users/Student/dashboardStudent.jsx b/src/Users/Student/dashboardStudent.jsx
index 7c7e44cd..9e08c94f 100644
--- a/src/Users/Student/dashboardStudent.jsx
+++ b/src/Users/Student/dashboardStudent.jsx
@@ -39,7 +39,7 @@ const StudentHomePage = () => {
           {(close) => (
             <div className='popup-modal-container' style={{ gap: '5px' }}>
               <button className='close-btn' onClick={close}><img src={cross} alt='Close' /></button>
-              <MoodFormCreationPopupContent onClose={close}/>
+              <MoodFormCreationPopupContent onClose={close} />
             </div>
           )}
         </Popup>
@@ -47,7 +47,7 @@ const StudentHomePage = () => {
           {(close) => (
             <div className='popup-modal-container'>
               <button className='close-btn' onClick={close}><img src={cross} alt='Close' /></button>
-              <ReportCreationPopupContent onClose={close}/>
+              <ReportCreationPopupContent onClose={close} />
             </div>
           )}
         </Popup>
diff --git a/src/Users/Teacher/modifyFormTeacherPage.jsx b/src/Users/Teacher/modifyFormTeacherPage.jsx
index 62910bc5..67a15dd1 100644
--- a/src/Users/Teacher/modifyFormTeacherPage.jsx
+++ b/src/Users/Teacher/modifyFormTeacherPage.jsx
@@ -236,7 +236,7 @@ const ModifyFormTeacherPage = () => {
           </div>
         </div>
         <div className='form-content-container'>
-        <div className='head-form'>
+          <div className='head-form'>
             <div className='input-container'>
               <input value={title} onChange={(e) => handleChangeFormTitle(e)} className='form-input default-input' name='form-title' id='form-title' placeholder='Titre du questionnaire' />
             </div>

From 48dad07d4f4ee12396dcf4a501ff111dcd9691e3 Mon Sep 17 00:00:00 2001
From: adbusnel <adrien.busnel@epitech.eu>
Date: Fri, 29 Nov 2024 13:17:40 +0100
Subject: [PATCH 11/53] [MOD] linter fix

---
 src/Components/Popup/alertDeletion.jsx     |  2 +-
 src/Components/Popup/alertModification.jsx |  4 +-
 src/Components/Popup/moodFormCreation.jsx  |  6 --
 src/Components/Profil/profilPage.jsx       |  3 +-
 src/Components/Sidebar/sidebar.jsx         |  4 +-
 src/Users/Admin/feelingsAdminPage.jsx      | 82 +++++++++++-----------
 src/Users/Student/statisticsStudent.jsx    |  1 -
 src/Users/Teacher/statisticsTeacher.jsx    |  1 -
 src/index.jsx                              |  1 -
 9 files changed, 49 insertions(+), 55 deletions(-)

diff --git a/src/Components/Popup/alertDeletion.jsx b/src/Components/Popup/alertDeletion.jsx
index 3b5da800..b8bcc388 100644
--- a/src/Components/Popup/alertDeletion.jsx
+++ b/src/Components/Popup/alertDeletion.jsx
@@ -1,4 +1,4 @@
-import React, { useState, useEffect } from 'react'
+import React from 'react'
 import '../../css/Components/Popup/popup.scss'
 import '../../css/pages/createAlerts.scss'
 
diff --git a/src/Components/Popup/alertModification.jsx b/src/Components/Popup/alertModification.jsx
index 59aefc14..82709bd8 100644
--- a/src/Components/Popup/alertModification.jsx
+++ b/src/Components/Popup/alertModification.jsx
@@ -33,7 +33,9 @@ const AlertModificationPopupContent = ({ onClose, chosenAlert, handleEditAlert,
         }
         toast.success('Fichier envoyé avec l\'alerte avec succès')
       })
-      .catch((error) => /* istanbul ignore next */ { toast.error(`Erreur lors de l\'envoi du fichier avec l\'alerte ${error.message}`) })
+      .catch((error) => /* istanbul ignore next */ {
+        toast.error(`Erreur lors de l\'envoi du fichier avec l\'alerte ${error.message}`)
+      })
   }
 
   const editAlert = (e) => {
diff --git a/src/Components/Popup/moodFormCreation.jsx b/src/Components/Popup/moodFormCreation.jsx
index c48ad234..a42e2113 100644
--- a/src/Components/Popup/moodFormCreation.jsx
+++ b/src/Components/Popup/moodFormCreation.jsx
@@ -1,10 +1,5 @@
 import React, { useState } from 'react'
 import '../../css/Components/Popup/popup.scss'
-import veryBadMood from '../../assets/newVeryBadMood.png'
-import badMood from '../../assets/newBadMood.png'
-import averageMood from '../../assets/newAverageMood.png'
-import happyMood from '../../assets/newHappyMood.png'
-import veryHappyMood from '../../assets/newVeryHappyMood.png'
 import '../../css/Components/Feelings/feelings.scss'
 import { disconnect } from '../../functions/disconnect'
 import emoji1 from '../../assets/emojis/1.png'
@@ -21,7 +16,6 @@ import emoji5Selected from '../../assets/emojis/5s.png'
 import { toast } from 'react-toastify'
 
 const MoodFormCreationPopupContent = ({ onClose }) => {
-  const [errMessage, setErrMessage] = useState('')
   const [newMood, setNewMood] = useState('')
   const [newAnonymous, setNewAnonymous] = useState(true)
   const [newMessage, setNewMessage] = useState('')
diff --git a/src/Components/Profil/profilPage.jsx b/src/Components/Profil/profilPage.jsx
index e93b1349..cf53f687 100644
--- a/src/Components/Profil/profilPage.jsx
+++ b/src/Components/Profil/profilPage.jsx
@@ -2,7 +2,6 @@ import React, { useEffect, useState } from 'react'
 import { useNavigate } from 'react-router-dom'
 import '../../css/pages/profilPage.scss'
 import userIcon from '../../assets/userIcon.png'
-import { disconnect } from '../../functions/disconnect'
 import Popup from 'reactjs-popup'
 import cross from '../../assets/Cross.png'
 import { toast } from 'react-toastify'
@@ -131,7 +130,7 @@ const ProfilPage = ({ isModif, handleProfileModification }) => {
         navigate('/profile')
       } else {
         navigate('/profile')
-        const text = await response.text()
+        // const text = await response.text()
         setNegativeResponse('')
         console.log(`Erreur lors de la mise à jour du profil: ${response.statusText}`)
       }
diff --git a/src/Components/Sidebar/sidebar.jsx b/src/Components/Sidebar/sidebar.jsx
index a5547ef9..e87efc4a 100644
--- a/src/Components/Sidebar/sidebar.jsx
+++ b/src/Components/Sidebar/sidebar.jsx
@@ -9,7 +9,7 @@ import { toast } from 'react-toastify'
 
 import { FaUsers, FaExclamationCircle } from 'react-icons/fa'
 import { FontAwesomeIcon } from '@fortawesome/react-fontawesome'
-import { faAnglesDown, faRightFromBracket } from '@fortawesome/free-solid-svg-icons'
+import { faAnglesDown } from '@fortawesome/free-solid-svg-icons'
 
 import '../../css/Components/Popup/popup.scss'
 import '../../css/Components/Sidebar/sidebar.scss'
@@ -131,7 +131,7 @@ export default function Sidebar () {
     if (role === 'student') {
       getDailyMood()
     }
-    setProfile(JSON.parse(sessionStorage.getItem('profile')))
+    // setProfile(JSON.parse(sessionStorage.getItem('profile')))
   }, [])
 
   let pages = []
diff --git a/src/Users/Admin/feelingsAdminPage.jsx b/src/Users/Admin/feelingsAdminPage.jsx
index 810ed418..a2fb6e6f 100644
--- a/src/Users/Admin/feelingsAdminPage.jsx
+++ b/src/Users/Admin/feelingsAdminPage.jsx
@@ -42,18 +42,18 @@ const FeelingsAdminPage = () => {
       veryHappyMood: 'Heureux'
     }
   }, [])
+  // A Vérifier dans branche désanonymisation
+  // const handleMood = (moodNumber) => {
+  //   setNewMood(moodNumber)
+  // }
 
-  const handleMood = (moodNumber) => {
-    setNewMood(moodNumber)
-  }
-
-  const handleAnonymous = () => {
-    setNewAnonymous(!newAnonymous)
-  }
+  // const handleAnonymous = () => {
+  //   setNewAnonymous(!newAnonymous)
+  // }
 
-  const handleMessage = (event) => {
-    setNewMessage(event.target.value)
-  }
+  // const handleMessage = (event) => {
+  //   setNewMessage(event.target.value)
+  // }
 
   const handleUpdateFeelings = () => {
     const dataPayload = {
@@ -115,37 +115,39 @@ const FeelingsAdminPage = () => {
     setIsCreateOpen(false)
   }
 
-  const handleFeelingsModification = (feeling) => {
-    setIsCreateOpen(true)
-    setIsModified(true)
-    // setSelectedFeeling(feeling)
-    setNewMood(feeling.mood)
-    setNewAnonymous(feeling.annonymous)
-    setNewMessage(feeling.comment)
-  }
+  // A Vérifier dans branche désanonymisation
+  // const handleFeelingsModification = (feeling) => {
+  //   setIsCreateOpen(true)
+  //   setIsModified(true)
+  //   // setSelectedFeeling(feeling)
+  //   setNewMood(feeling.mood)
+  //   setNewAnonymous(feeling.annonymous)
+  //   setNewMessage(feeling.comment)
+  // }
 
-  async function getUserName (username) {
-    await fetch(`${process.env.REACT_APP_BACKEND_URL}/user/profile/${username}`, {
-      method: 'GET',
-      headers: {
-        'Content-Type': 'application/json',
-        'x-auth-token': sessionStorage.getItem('token')
-      }
-    })
-      .then(response => {
-        if (response.status === 401) {
-          disconnect()
-        }
-        return response.json()
-      })
-      .then(data => {
-        return `${data.firstname} ${data.lastname}`
-      })
-      .catch(error => /* istanbul ignore next */ {
-        setErrMessage('Erreur lors de la récupération des ressentis', error)
-      })
-    return 'Erreur'
-  }
+  // A Vérifier dans branche désanonymisation
+  // async function getUserName (username) {
+  //   await fetch(`${process.env.REACT_APP_BACKEND_URL}/user/profile/${username}`, {
+  //     method: 'GET',
+  //     headers: {
+  //       'Content-Type': 'application/json',
+  //       'x-auth-token': sessionStorage.getItem('token')
+  //     }
+  //   })
+  //     .then(response => {
+  //       if (response.status === 401) {
+  //         disconnect()
+  //       }
+  //       return response.json()
+  //     })
+  //     .then(data => {
+  //       return `${data.firstname} ${data.lastname}`
+  //     })
+  //     .catch(error => /* istanbul ignore next */ {
+  //       setErrMessage('Erreur lors de la récupération des ressentis', error)
+  //     })
+  //   return 'Erreur'
+  // }
 
   return (
     <div>
diff --git a/src/Users/Student/statisticsStudent.jsx b/src/Users/Student/statisticsStudent.jsx
index af08ed9d..9510e8be 100644
--- a/src/Users/Student/statisticsStudent.jsx
+++ b/src/Users/Student/statisticsStudent.jsx
@@ -4,7 +4,6 @@ import { Chart } from 'chart.js'
 import '../../css/pages/homePage.scss'
 import '../../css/pages/statistiques.scss'
 import { library } from '@fortawesome/fontawesome-svg-core'
-import { FontAwesomeIcon } from '@fortawesome/react-fontawesome'
 import { faSadTear, faFrown, faMeh, faSmile, faLaughBeam } from '@fortawesome/free-solid-svg-icons'
 import { disconnect } from '../../functions/disconnect'
 import emoji4 from '../../assets/emojis/4s.png'
diff --git a/src/Users/Teacher/statisticsTeacher.jsx b/src/Users/Teacher/statisticsTeacher.jsx
index 5bad4102..00893240 100644
--- a/src/Users/Teacher/statisticsTeacher.jsx
+++ b/src/Users/Teacher/statisticsTeacher.jsx
@@ -5,7 +5,6 @@ import '../../css/pages/homePage.scss'
 import '../../css/pages/statistiques.scss'
 import { library } from '@fortawesome/fontawesome-svg-core'
 import { faSadTear, faFrown, faMeh, faSmile, faLaughBeam } from '@fortawesome/free-solid-svg-icons'
-import { FontAwesomeIcon } from '@fortawesome/react-fontawesome'
 import { disconnect } from '../../functions/disconnect'
 import emoji4 from '../../assets/emojis/4s.png'
 Chart.defaults.font.family = 'Inter'
diff --git a/src/index.jsx b/src/index.jsx
index ea538408..66628fca 100644
--- a/src/index.jsx
+++ b/src/index.jsx
@@ -33,7 +33,6 @@ import Sidebar from './Components/Sidebar/sidebar'
 import { WebsocketProvider } from './contexts/websocket'
 import { Slide, ToastContainer } from 'react-toastify'
 import './css/index.scss'
-import SchoolAccountsTable from './Components/Accounts/SchoolAdm/schoolAccountsTable'
 
 const rootElement = document.getElementById('root')
 

From c2df626da7e72c551f779dfabd6b5a35383eb819 Mon Sep 17 00:00:00 2001
From: adbusnel <adrien.busnel@epitech.eu>
Date: Fri, 29 Nov 2024 13:44:49 +0100
Subject: [PATCH 12/53] [MOD] linter fix

---
 src/Components/Aides/aides.jsx        |  4 +---
 src/Components/Alerts/showAlerts.js   |  2 +-
 src/Components/ChatRoom/chatRoom.jsx  |  2 +-
 src/Components/Sidebar/sidebar.jsx    |  1 -
 src/Users/Admin/feelingsAdminPage.jsx | 31 +++++++++++++--------------
 5 files changed, 18 insertions(+), 22 deletions(-)

diff --git a/src/Components/Aides/aides.jsx b/src/Components/Aides/aides.jsx
index 041565f1..cd8b552d 100644
--- a/src/Components/Aides/aides.jsx
+++ b/src/Components/Aides/aides.jsx
@@ -107,9 +107,7 @@ export default function AidePage () {
           )}
         </div>
         <div className='contact-content-container' id='contact-profile'>
-          {isCategoryEmpty ? ( // Check if the category is empty
-            <p>Aucun numéro disponible dans cette catégorie.</p>
-          ) : (
+          {isCategoryEmpty ? (<p>Aucun numéro disponible dans cette catégorie.</p>) : (
             <>
               <h3 id='contact-title'>{chosenContact.name}</h3>
               <p>{chosenContact.description}</p>
diff --git a/src/Components/Alerts/showAlerts.js b/src/Components/Alerts/showAlerts.js
index 5325fd25..82f768f3 100644
--- a/src/Components/Alerts/showAlerts.js
+++ b/src/Components/Alerts/showAlerts.js
@@ -1,4 +1,4 @@
-import React, { useState, useEffect } from 'react'
+import React from 'react'
 import '../../css/Components/Alerts/lastAlerts.scss'
 import '../../css/pages/createAlerts.scss'
 import UserProfile from '../userProfile/userProfile'
diff --git a/src/Components/ChatRoom/chatRoom.jsx b/src/Components/ChatRoom/chatRoom.jsx
index f290136b..08146775 100644
--- a/src/Components/ChatRoom/chatRoom.jsx
+++ b/src/Components/ChatRoom/chatRoom.jsx
@@ -51,7 +51,7 @@ const Messages = () => {
         noUserParticipants.map((participant) => (
           convName.push(participant.firstname + ' ' + participant.lastname)
         ))
-        setCurrentParticipants(convName.join(', '))
+        // setCurrentParticipants(convName.join(', '))
         return {
           _id: conversation._id,
           date: conversation.date,
diff --git a/src/Components/Sidebar/sidebar.jsx b/src/Components/Sidebar/sidebar.jsx
index e87efc4a..403062a7 100644
--- a/src/Components/Sidebar/sidebar.jsx
+++ b/src/Components/Sidebar/sidebar.jsx
@@ -50,7 +50,6 @@ import schoodIcon from '../../assets/sidenav/schood-icon.png'
 export default function Sidebar () {
   const [isCollapsed, setIsCollapsed] = useState(true)
   const [dailyMood, setDailyMood] = useState(null)
-  const [profile, setProfile] = useState(null)
   const { chats } = useContext(WebsocketContext)
   const location = useLocation()
   const [isShown, setIsShown] = useState(false)
diff --git a/src/Users/Admin/feelingsAdminPage.jsx b/src/Users/Admin/feelingsAdminPage.jsx
index a2fb6e6f..5206e6b8 100644
--- a/src/Users/Admin/feelingsAdminPage.jsx
+++ b/src/Users/Admin/feelingsAdminPage.jsx
@@ -11,9 +11,9 @@ import averageMood from '../../assets/newAverageMood.png'
 import happyMood from '../../assets/newHappyMood.png'
 import veryHappyMood from '../../assets/newVeryHappyMood.png'
 import { disconnect } from '../../functions/disconnect'
+import {toast} from "react-toastify"
 
 const FeelingsAdminPage = () => {
-  const [errMessage, setErrMessage] = useState('')
   const [isCreateOpen, setIsCreateOpen] = useState(false)
   const [isModified, setIsModified] = useState(false)
   // const [selectedFeeling, setSelectedFeeling] = useState(null)
@@ -43,17 +43,17 @@ const FeelingsAdminPage = () => {
     }
   }, [])
   // A Vérifier dans branche désanonymisation
-  // const handleMood = (moodNumber) => {
-  //   setNewMood(moodNumber)
-  // }
+  const handleMood = (moodNumber) => {
+    setNewMood(moodNumber)
+  }
 
-  // const handleAnonymous = () => {
-  //   setNewAnonymous(!newAnonymous)
-  // }
+  const handleAnonymous = () => {
+    setNewAnonymous(!newAnonymous)
+  }
 
-  // const handleMessage = (event) => {
-  //   setNewMessage(event.target.value)
-  // }
+  const handleMessage = (event) => {
+    setNewMessage(event.target.value)
+  }
 
   const handleUpdateFeelings = () => {
     const dataPayload = {
@@ -78,10 +78,10 @@ const FeelingsAdminPage = () => {
           if (response.status === 200) { window.location.reload() }
         })
         .catch(error => /* istanbul ignore next */ {
-          setErrMessage('Erreur lors de la récupération des ressentis', error)
+          toast.error('Erreur lors de la récupération des ressentis', error)
         })
     } else {
-      setErrMessage('L\'humeur n\'est pas indiquée.')
+      toast.error('L\'humeur n\'est pas indiquée.')
     }
   }
 
@@ -103,11 +103,11 @@ const FeelingsAdminPage = () => {
         if (Array.isArray(data)) {
           setFeelings(prevFeelings => [...prevFeelings, ...data])
         } else {
-          setErrMessage('Les données reçues ne sont pas valides.')
+          toast.error('Les données reçues ne sont pas valides.')
         }
       })
       .catch(error => /* istanbul ignore next */ {
-        setErrMessage('Erreur lors de la récupération des ressentis', error)
+        toast.error('Erreur lors de la récupération des ressentis', error)
       })
   }, [])
 
@@ -144,7 +144,7 @@ const FeelingsAdminPage = () => {
   //       return `${data.firstname} ${data.lastname}`
   //     })
   //     .catch(error => /* istanbul ignore next */ {
-  //       setErrMessage('Erreur lors de la récupération des ressentis', error)
+  //       toast.error('Erreur lors de la récupération des ressentis', error)
   //     })
   //   return 'Erreur'
   // }
@@ -190,7 +190,6 @@ const FeelingsAdminPage = () => {
                 <input type='checkbox' id='anonymous-checkbox' checked={newAnonymous} onClick={handleAnonymous} />
                 <label htmlFor='anonymous-checkbox' id='anonymous-label'>Anonyme</label>
               </div> */}
-              {errMessage ? <span style={{ color: 'red' }}>{errMessage}</span> : ''}
               <button className='popup-btn' onClick={handleUpdateFeelings}>{!isModified ? 'Créer le Ressenti' : 'Modifier le Ressenti'}</button>
             </div>
           )}

From 89288810bd5138505d8cd1d611de3b05268024ec Mon Sep 17 00:00:00 2001
From: adbusnel <adbusnel@users.noreply.github.com>
Date: Fri, 29 Nov 2024 12:45:21 +0000
Subject: [PATCH 13/53] [LINT] Applied linter fix

---
 src/Components/Aides/aides.jsx        | 36 ++++++++++++++-------------
 src/Users/Admin/feelingsAdminPage.jsx |  2 +-
 2 files changed, 20 insertions(+), 18 deletions(-)

diff --git a/src/Components/Aides/aides.jsx b/src/Components/Aides/aides.jsx
index cd8b552d..666a1b33 100644
--- a/src/Components/Aides/aides.jsx
+++ b/src/Components/Aides/aides.jsx
@@ -107,24 +107,26 @@ export default function AidePage () {
           )}
         </div>
         <div className='contact-content-container' id='contact-profile'>
-          {isCategoryEmpty ? (<p>Aucun numéro disponible dans cette catégorie.</p>) : (
-            <>
-              <h3 id='contact-title'>{chosenContact.name}</h3>
-              <p>{chosenContact.description}</p>
-              {chosenContact.telephone && (
-                <div className='contact-element-container'>
-                  <img src={phoneIcon} alt='Telephone' className='contact-element-title' />
-                  <p className='contact-element-content'>{chosenContact.telephone}</p>
-                </div>
+          {isCategoryEmpty
+            ? (<p>Aucun numéro disponible dans cette catégorie.</p>)
+            : (
+              <>
+                <h3 id='contact-title'>{chosenContact.name}</h3>
+                <p>{chosenContact.description}</p>
+                {chosenContact.telephone && (
+                  <div className='contact-element-container'>
+                    <img src={phoneIcon} alt='Telephone' className='contact-element-title' />
+                    <p className='contact-element-content'>{chosenContact.telephone}</p>
+                  </div>
+                )}
+                {chosenContact.email && (
+                  <div className='contact-element-container'>
+                    <img src={mailIcon} alt='Adresse Email' className='contact-element-title' />
+                    <p className='contact-element-content'>{chosenContact.email}</p>
+                  </div>
+                )}
+              </>
               )}
-              {chosenContact.email && (
-                <div className='contact-element-container'>
-                  <img src={mailIcon} alt='Adresse Email' className='contact-element-title' />
-                  <p className='contact-element-content'>{chosenContact.email}</p>
-                </div>
-              )}
-            </>
-          )}
         </div>
       </div>
     </div>
diff --git a/src/Users/Admin/feelingsAdminPage.jsx b/src/Users/Admin/feelingsAdminPage.jsx
index 5206e6b8..9257d072 100644
--- a/src/Users/Admin/feelingsAdminPage.jsx
+++ b/src/Users/Admin/feelingsAdminPage.jsx
@@ -11,7 +11,7 @@ import averageMood from '../../assets/newAverageMood.png'
 import happyMood from '../../assets/newHappyMood.png'
 import veryHappyMood from '../../assets/newVeryHappyMood.png'
 import { disconnect } from '../../functions/disconnect'
-import {toast} from "react-toastify"
+import { toast } from 'react-toastify'
 
 const FeelingsAdminPage = () => {
   const [isCreateOpen, setIsCreateOpen] = useState(false)

From eccd2f6422cbcf5685338ac9d847983b6c5739f7 Mon Sep 17 00:00:00 2001
From: adbusnel <adrien.busnel@epitech.eu>
Date: Fri, 29 Nov 2024 13:51:44 +0100
Subject: [PATCH 14/53] [MOD] put logout button back into sidebar

---
 src/Components/Sidebar/sidebar.jsx | 8 +++++++-
 1 file changed, 7 insertions(+), 1 deletion(-)

diff --git a/src/Components/Sidebar/sidebar.jsx b/src/Components/Sidebar/sidebar.jsx
index 403062a7..aaed2327 100644
--- a/src/Components/Sidebar/sidebar.jsx
+++ b/src/Components/Sidebar/sidebar.jsx
@@ -9,7 +9,7 @@ import { toast } from 'react-toastify'
 
 import { FaUsers, FaExclamationCircle } from 'react-icons/fa'
 import { FontAwesomeIcon } from '@fortawesome/react-fontawesome'
-import { faAnglesDown } from '@fortawesome/free-solid-svg-icons'
+import { faAnglesDown, faRightFromBracket } from '@fortawesome/free-solid-svg-icons'
 
 import '../../css/Components/Popup/popup.scss'
 import '../../css/Components/Sidebar/sidebar.scss'
@@ -277,6 +277,9 @@ export default function Sidebar () {
             <div data-testid='sidebar-expander' onClick={() => toggleSidebar()} className='item'>
               <FontAwesomeIcon size='2xl' icon={faAnglesDown} rotation={270} style={{ color: '#4f23e2' }} />
             </div>
+            <div onClick={() => disconnect()} className='item'>
+              <FontAwesomeIcon icon={faRightFromBracket} size='2xl' style={{ color: '#4f23e2' }} />
+            </div>
           </div>
         </div>
       )}
@@ -321,6 +324,9 @@ export default function Sidebar () {
             <div data-testid='sidebar-collapser' onClick={() => toggleSidebar()} className='item'>
               <FontAwesomeIcon size='2xl' icon={faAnglesDown} rotation={90} style={{ color: '#4f23e2' }} /> Réduire
             </div>
+            <div onClick={() => disconnect()} className='item'>
+              <FontAwesomeIcon icon={faRightFromBracket} size='2xl' style={{ color: '#4f23e2' }} />
+            </div>
           </div>
         </div>
       )}

From 98aac6f6f139d559c2c72b9da3d8c1ba57b62318 Mon Sep 17 00:00:00 2001
From: adbusnel <adrien.busnel@epitech.eu>
Date: Sat, 30 Nov 2024 18:22:04 +0100
Subject: [PATCH 15/53] [ADD] added basic desannonym demands

---
 src/Components/Popup/desanonymFeeling.jsx |  22 ++
 src/Users/Admin/feelingsAdminPage.jsx     | 250 +++++++++++++---------
 src/assets/closeBlack.png                 | Bin 0 -> 4469 bytes
 src/assets/questionIcon.png               | Bin 0 -> 29038 bytes
 src/css/Components/Feelings/feelings.scss |  67 ++++++
 5 files changed, 236 insertions(+), 103 deletions(-)
 create mode 100644 src/Components/Popup/desanonymFeeling.jsx
 create mode 100644 src/assets/closeBlack.png
 create mode 100644 src/assets/questionIcon.png

diff --git a/src/Components/Popup/desanonymFeeling.jsx b/src/Components/Popup/desanonymFeeling.jsx
new file mode 100644
index 00000000..576d5527
--- /dev/null
+++ b/src/Components/Popup/desanonymFeeling.jsx
@@ -0,0 +1,22 @@
+import React, {useState} from 'react'
+import '../../css/Components/Popup/popup.scss'
+import '../../css/pages/createAlerts.scss'
+
+const DesanonymFeelingPopupContent = ({ handleAskDesanonym}) => {
+  const [message, setMessage] = useState('')
+
+  const handleMessage = (event) => {
+    console.log(event)
+    setMessage(event.target.value)
+  }
+
+  return (
+    <>
+      <input placeholder="Message pour l'Élève..." onChange={handleMessage} type="text" value={message}/>
+
+      <button className='popup-btn' onClick={() => handleAskDesanonym(message)}>Faire la demande</button>
+    </>
+  )
+}
+
+export default DesanonymFeelingPopupContent
diff --git a/src/Users/Admin/feelingsAdminPage.jsx b/src/Users/Admin/feelingsAdminPage.jsx
index 9257d072..3fb2fe3e 100644
--- a/src/Users/Admin/feelingsAdminPage.jsx
+++ b/src/Users/Admin/feelingsAdminPage.jsx
@@ -4,22 +4,28 @@ import Popup from 'reactjs-popup'
 import HeaderComp from '../../Components/Header/headerComp'
 import '../../css/Components/Feelings/feelings.scss'
 import '../../css/Components/Popup/popup.scss'
+import DesanonymFeelingPopupContent from '../../Components/Popup/desanonymFeeling'
 import cross from '../../assets/Cross.png'
+import closeBlack from '../../assets/closeBlack.png'
 import veryBadMood from '../../assets/newVeryBadMood.png'
 import badMood from '../../assets/newBadMood.png'
 import averageMood from '../../assets/newAverageMood.png'
 import happyMood from '../../assets/newHappyMood.png'
 import veryHappyMood from '../../assets/newVeryHappyMood.png'
+import questionIcon from '../../assets/questionIcon.png'
 import { disconnect } from '../../functions/disconnect'
 import { toast } from 'react-toastify'
 
 const FeelingsAdminPage = () => {
-  const [isCreateOpen, setIsCreateOpen] = useState(false)
-  const [isModified, setIsModified] = useState(false)
-  // const [selectedFeeling, setSelectedFeeling] = useState(null)
-  const [newMood, setNewMood] = useState('')
-  const [newAnonymous, setNewAnonymous] = useState(true)
-  const [newMessage, setNewMessage] = useState('')
+  const [isOpen, setIsOpen] = useState(false)
+  const [isShown, setIsShown] = useState(false)
+  const [shownFeeling, setShownFeeling] = useState([])
+  const [demand, setDemand] = useState({
+    user: '',
+    reason: '',
+    message: 'Vous n\'avez pas de message associé à cette demande'
+  })
+  const [demands, setDemands] = useState([])
   const [feelings, setFeelings] = useState([])
   const imagePaths = useMemo(() => {
     return [
@@ -42,47 +48,39 @@ const FeelingsAdminPage = () => {
       veryHappyMood: 'Heureux'
     }
   }, [])
-  // A Vérifier dans branche désanonymisation
-  const handleMood = (moodNumber) => {
-    setNewMood(moodNumber)
-  }
-
-  const handleAnonymous = () => {
-    setNewAnonymous(!newAnonymous)
-  }
 
-  const handleMessage = (event) => {
-    setNewMessage(event.target.value)
+  const handleDemandPopup = (userId, feelingId) => {
+    demand.user = userId
+    demand.reason = feelingId
+    setDemand(demand)
+    const toFind = demands.find(item => item.reason === feelingId)
+    if (toFind)
+      toast.warn('Vous avez déjà effectué une demande de désanonymisation pour ce ressenti.')
+    else
+      setIsOpen(!isOpen)
   }
 
-  const handleUpdateFeelings = () => {
-    const dataPayload = {
-      comment: newMessage,
-      mood: newMood,
-      annonymous: newAnonymous
-    }
-
-    if (newMood !== '') {
-      fetch(`${process.env.REACT_APP_BACKEND_URL}/admin/mood`, {
-        method: isModified ? 'PATCH' : 'POST',
-        headers: {
-          'Content-Type': 'application/json',
-          'x-auth-token': sessionStorage.getItem('token')
-        },
-        body: JSON.stringify(dataPayload)
+  async function getDesanonym () {
+    fetch(`${process.env.REACT_APP_BACKEND_URL}/shared/desanonym/`, {
+      method: 'GET',
+      headers: {
+        'Content-Type': 'application/json',
+        'x-auth-token': sessionStorage.getItem('token')
+      }
+    })
+      .then(response => {
+        if (response.status === 401) {
+          disconnect()
+        }
+        return response.json()
+      })
+      .then(data => {
+        setDemands(data)
+        console.log(data)
+      })
+      .catch(error => /* istanbul ignore next */ {
+        toast.error('Erreur lors de la récupération des ressentis', error)
       })
-        .then(response => {
-          if (response.status === 401) {
-            disconnect()
-          }
-          if (response.status === 200) { window.location.reload() }
-        })
-        .catch(error => /* istanbul ignore next */ {
-          toast.error('Erreur lors de la récupération des ressentis', error)
-        })
-    } else {
-      toast.error('L\'humeur n\'est pas indiquée.')
-    }
   }
 
   useEffect(() => {
@@ -109,45 +107,73 @@ const FeelingsAdminPage = () => {
       .catch(error => /* istanbul ignore next */ {
         toast.error('Erreur lors de la récupération des ressentis', error)
       })
+      getDesanonym()
   }, [])
 
   const handleClosePopup = () => {
-    setIsCreateOpen(false)
+    setIsOpen(false)
+  }
+
+  const handleAskDesanonym = (message) => {
+    console.log(message)
+    demand.message = (message ? message : "Vous n\'avez pas de message associé à cette demande")
+    fetch(`${process.env.REACT_APP_BACKEND_URL}/shared/desanonym/`, {
+      method: 'POST',
+      headers: {
+        'Content-Type': 'application/json',
+        'x-auth-token': sessionStorage.getItem('token')
+      },
+      body: JSON.stringify(demand)
+    })
+      .then(response => {
+        if (response.status === 401) {
+          disconnect()
+        } else if (response.status === 200) {
+          // set feeling.status to waiting !
+          toast.success('La demande de désanonymisation a été effectuée.')
+          getDesanonym()
+          setIsOpen(!isOpen)
+        }
+        return response
+      })
+      .catch(error => /* istanbul ignore next */ {
+        console.log(error)
+        toast.error("Erreur lors de l'envoi de la demande")
+      })
   }
 
-  // A Vérifier dans branche désanonymisation
-  // const handleFeelingsModification = (feeling) => {
-  //   setIsCreateOpen(true)
-  //   setIsModified(true)
-  //   // setSelectedFeeling(feeling)
-  //   setNewMood(feeling.mood)
-  //   setNewAnonymous(feeling.annonymous)
-  //   setNewMessage(feeling.comment)
-  // }
+  const deleteDemand = (demandId) => {
+    fetch(`${process.env.REACT_APP_BACKEND_URL}/shared/desanonym/` + demandId, {
+      method: 'Delete',
+      headers: {
+        'Content-Type': 'application/json',
+        'x-auth-token': sessionStorage.getItem('token')
+      }
+    })
+      .then(response => {
+        if (response.status === 401) {
+          disconnect()
+        } else if (response.status === 200) {
+          toast.success('La demande de désanonymisation supprimée.')
+          getDesanonym()
+        }
+        return response
+      })
+      .catch(error => /* istanbul ignore next */ {
+        console.log(error)
+        toast.error("Erreur lors de la suppression de la demande.")
+      })
+  }
 
-  // A Vérifier dans branche désanonymisation
-  // async function getUserName (username) {
-  //   await fetch(`${process.env.REACT_APP_BACKEND_URL}/user/profile/${username}`, {
-  //     method: 'GET',
-  //     headers: {
-  //       'Content-Type': 'application/json',
-  //       'x-auth-token': sessionStorage.getItem('token')
-  //     }
-  //   })
-  //     .then(response => {
-  //       if (response.status === 401) {
-  //         disconnect()
-  //       }
-  //       return response.json()
-  //     })
-  //     .then(data => {
-  //       return `${data.firstname} ${data.lastname}`
-  //     })
-  //     .catch(error => /* istanbul ignore next */ {
-  //       toast.error('Erreur lors de la récupération des ressentis', error)
-  //     })
-  //   return 'Erreur'
-  // }
+  const handleCloseFeelingPopup = () => {
+    setIsShown(!isShown)
+  }
+
+  const handleShowFeeling = (feelingId) => {
+    const feeling = feelings.find(item => item._id === feelingId)
+    setShownFeeling(feeling)
+    handleCloseFeelingPopup()
+  }
 
   return (
     <div>
@@ -160,42 +186,60 @@ const FeelingsAdminPage = () => {
         />
       </div>
       <div className='feelings-page'>
-        <Popup open={isCreateOpen} onClose={handleClosePopup} modal>
+        <Popup open={isOpen} onClose={handleClosePopup} modal>
           {(close) => (
             <div className='popup-modal-container'>
               <button className='close-btn' onClick={close}><img src={cross} alt='Close' /></button>
-              {{/* here we can start a conv with the person who sent a feeling or indicate that it has been taken into account or ask for the person to identify who they are */}}
-              {/* <label id='mood-label' htmlFor='mood-container' className='input-label'><span className='label-content'>Mon humeur <span style={{ color: 'red' }}>*</span></span>
-                <div id='mood-container' className='horizontal-container'>
-                  <div datid='mood-container-0' className='emoticone-container' style={{ border: newMood === 0 ? '2px #4F23E2 solid' : '2px white solid', backgroundColor: newMood === 0 ? 'rgb(211, 200, 200)' : 'white' }} onClick={() => handleMood(0)} title='Très Mauvaise Humeur'>
-                    <img src={veryBadMood} alt='Très Mauvaise Humeur' />
-                  </div>
-                  <div datid='mood-container-1' className='emoticone-container' style={{ border: newMood === 1 ? '2px #4F23E2 solid' : '2px white solid', backgroundColor: newMood === 1 ? 'rgb(211, 200, 200)' : 'white' }} onClick={() => handleMood(1)} title='Mauvaise Humeur'>
-                    <img src={badMood} alt='Mauvaise Humeur' />
-                  </div>
-                  <div datid='mood-container-2' className='emoticone-container' style={{ border: newMood === 2 ? '2px #4F23E2 solid' : '2px white solid', backgroundColor: newMood === 2 ? 'rgb(211, 200, 200)' : 'white' }} onClick={() => handleMood(2)} title='Humeur Neutre'>
-                    <img src={averageMood} alt='Humeur Neutre' />
-                  </div>
-                  <div datid='mood-container-3' className='emoticone-container' style={{ border: newMood === 3 ? '2px #4F23E2 solid' : '2px white solid', backgroundColor: newMood === 3 ? 'rgb(211, 200, 200)' : 'white' }} onClick={() => handleMood(3)} title='Bonne Humeur'>
-                    <img src={happyMood} alt='Bonne Humeur' />
+              <DesanonymFeelingPopupContent handleAskDesanonym={handleAskDesanonym}/>
+            </div>
+          )}
+        </Popup>
+        <Popup open={isShown} onClose={handleCloseFeelingPopup} modal>
+          {(close) => (
+            <div className='popup-modal-container'>
+              <button className='close-btn' onClick={close}><img src={cross} alt='Close' /></button>
+              <div key={shownFeeling._id} style={{marginBottom: "0"}} className='individual-feelings-container'>
+              <div className='publication-date'>{moment(shownFeeling.date).format('DD/MM/YYYY')}</div>
+              <div className='horizontal-line' />
+              <div className='feelings-container-content'>
+                <div className='container-sidebar' style={{width: "100%"}}>
+                  <div className='emoticone-container'>
+                    <img className='emoticone-image' style={{ height: '50px' }} src={imagePaths[shownFeeling.mood]} alt={moods[shownFeeling.mood]} />
+                    <span className='emoticone-feeling'>{emotions[moods[shownFeeling.mood]]}</span>
                   </div>
-                  <div datid='mood-container-4' className='emoticone-container' style={{ border: newMood === 4 ? '2px #4F23E2 solid' : '2px white solid', backgroundColor: newMood === 4 ? 'rgb(211, 200, 200)' : 'white' }} onClick={() => handleMood(4)} title='Très Bonne Humeur'>
-                    <img src={veryHappyMood} alt='Très Bonne Humeur' />
+                  <div className='review-status'>
+                    <p style={{ marginBottom: '0' }}>{shownFeeling.date !== '' ? 'Pris en compte le:' : 'En attente de prise en compte'}</p>
+                    <p style={{ marginTop: '0' }}>{shownFeeling.date !== '' ? `${moment(shownFeeling.date).format('DD/MM/YYYY')}` : ''}</p>
                   </div>
+                  <div className='publication-author' style={{alignItems:"center",display:"flex",gap:"5px"}}>Anonyme</div>
+                </div>
+                <div className='feelings-content'>
+                  <p className='paragraph-style'>{shownFeeling.comment}</p>
                 </div>
-              </label>
-              <label id='message-label' htmlFor='message-input'>Message</label>
-              <textarea id='message-input' placeholder='Message...' onChange={handleMessage} value={newMessage} />
-              <div className='horizontal-container'>
-                <input type='checkbox' id='anonymous-checkbox' checked={newAnonymous} onClick={handleAnonymous} />
-                <label htmlFor='anonymous-checkbox' id='anonymous-label'>Anonyme</label>
-              </div> */}
-              <button className='popup-btn' onClick={handleUpdateFeelings}>{!isModified ? 'Créer le Ressenti' : 'Modifier le Ressenti'}</button>
+              </div>
+            </div>
             </div>
           )}
         </Popup>
+        <div className="demands-container">
+            <h3 style={{paddingLeft: "15px"}}>Vos demandes de désanonymisation</h3>
+            <div className="demand-container-content">
+              {
+                demands.length !== 0 ? (
+                  demands.map((dem) => (
+                    <div title={dem.message} onClick={() => handleShowFeeling(dem.reason)} className={`demand-container ${dem.status === 'rejected' ? 'red-filler' : dem.status === 'accepted' ? 'green-filler' : 'orange-filler'}`} key={dem._id}>
+                      <p className="demand-content">{dem.status === 'rejected' ? 'Refus de désanonymisation d\'un ressenti' : dem.status === 'accepted' ? 'Ressenti désanonymisé' : 'Demande de désanonymisation d\'un ressenti en attente d\'une réponse'}</p>
+                      <button className='demand-close-btn' onClick={() => deleteDemand(dem._id)}><img className="close-img" src={closeBlack} alt='DeleteDemand' /></button>
+                    </div>
+                ))
+                ) : (
+                  <p>Aucune demande en cours</p>
+                )
+              }
+            </div>
+        </div>
         <div id='feelings-container'>
-          {Array.isArray(feelings) && feelings.map((feeling) => (
+          {feelings.length !== 0 && feelings.map((feeling) => (
             <div key={feeling._id} className='individual-feelings-container'>
               <div className='publication-date'>{moment(feeling.date).format('DD/MM/YYYY')}</div>
               <div className='horizontal-line' />
@@ -209,7 +253,7 @@ const FeelingsAdminPage = () => {
                     <p style={{ marginBottom: '0' }}>{feeling.date !== '' ? 'Pris en compte le:' : 'En attente de prise en compte'}</p>
                     <p style={{ marginTop: '0' }}>{feeling.date !== '' ? `${moment(feeling.date).format('DD/MM/YYYY')}` : ''}</p>
                   </div>
-                  <div className='publication-author'>{feeling.annonymous ? 'Anonyme' : `${feeling.user.firstname} ${feeling.user.lastname}`}</div>
+                  <div className='publication-author' style={{alignItems:"center",display:"flex",gap:"5px"}}>{feeling.annonymous ? (<>Anonyme <img style={{height: "15px", cursor:"pointer"}} onClick={() => handleDemandPopup(feeling.user._id, feeling._id)} src={questionIcon} alt='Demander à désanonymiser' title="Faire une demande de désanonymisation" /> </>) : `${feeling.user.firstname} ${feeling.user.lastname}`}</div>
                 </div>
                 <div className='feelings-content'>
                   <p className='paragraph-style'>{feeling.comment}</p>
diff --git a/src/assets/closeBlack.png b/src/assets/closeBlack.png
new file mode 100644
index 0000000000000000000000000000000000000000..22c3bb2947d5cd85538098d77fa37662d3526334
GIT binary patch
literal 4469
zcmds4d03KZ*S|qZDT_iIF`K9n+}boJ(^9cA3n(EqN7K?a&Cy9GEtgEF%*tFQz$J5Q
z)w0r3n=A{$v7%gR^wo0bjVa3wwG{OczQgza|6SkTFW05#oco;fyU)hMdCqg)x6GNf
za27&n4s)xk2SRvY@knnbkZ&=~lRyZO8<}2u@QK$ua1LZ*#8%%(gy#OG{ljG}n`;7x
z#!;JnqCCTcqN4X6If$a8qgRF;4vpNuH{#&R@FT&O2OSq8G;f6Iy1^?Zcc8PgB&c<_
zu5zgElISLL`CV@Fx6Ms7pV?OfC-JrIvqFkhr|wtu6!iF=-V<}9@aep2BWBL^OU%n=
zD{6Tz@n6pL?%WW6>!{$Sq43a}T02=?%&?-@LFf>fKk9gVsB&!bgmc+o>z>9t)6;|B
zbAvhBl>Q4o!IAgA6S8ZcGP?>CF9p@6GCu*<*!S@RO_Qw{5>|Koddg*O!V*~{t!lmO
zxS%6PQO{H_lksR1pJ@T?5z<{Vz1;px8kIfbBM7HgJ*<scBl|^&x!YY{T>Np6CeBiX
z3#&5+293MjN2+KfT5QvZ=ghRnrm`Yoylwk$J;E0mv;fw~m4ij3<^91zELKqRVJLsN
zo<=$tNy7gSwNhp-bS#**8%}*uON(9^Z7IQb2^AMEsS}3d?Z$r!Ft5RP<tRokC74ow
z>}HPico-4tz8aNJtmHKue~~4`v<C~Gu9B@?J>=%R&e@=Tam&|u0Yi3V`~r_XVsOFV
z*f26cVDz9P$azt^Syh?jJFcnfk9unViWA}(8=0=rBWH_``C)2&^q2a0`)Bj$sO8^F
zWCkJ8VpSuJ;V`vxBQCu0!ArGyDtiaMFxu#WW&hnFqwZIqx@PqE`U`^pPOx21<f|(a
zM#Ks6baj&6u`yXi_g^gZt@KYNV^P9(!um(1qgVqkS>A_wx2$@pUc0c7UiI5E_E{Sz
z(b(njpc*EsXzdef-VK|S?{?Df%?!(l>`Oh~7C}Y>-!KI)%0F$25H_$sL>%(xkM8)u
z*wB~}#yaP9jjJUwi`i3ij%UhgC^K^DsCaJt*J0)IWjLL-ao%{SO)f!#wTvlv_W61H
zZ32HDzdjw*dDNcBpSUwD)AT+Hour?<kHxozH=jrnqU^2>ZPo3(*S~8NCDJ_|#Z#kQ
zEe7wKR?({j_3V^Ap^iqB=V!vwrg>H0UB{w0eZ+{4i57#NIc_n$u~J$UWro4n(LWUB
zzC4w=tbG@U|FNTR%J#KiIRug57CXX-+5#@Q27GmOTO8it2pK&w{vy-79rx3kW>1ZF
z-!-?kF~>#NU2~eCE*$8380U^ANB#SVbrL2D3;xSovnk7ugW|?7R%ogk{A-Tmdk%zZ
z@-!hIH#MzTkn-grtrYUh3ytBR>UVnLQSk@W9)X{^-wMk6?(5S@d6AH~X6>X<Q%U35
zeE8MIn5Xl$XjNstqz>DT!cwq2&5p*3d~~PwN%_Q^iI%&aOjK7S1@o|k>B!Hnp)=`@
zd1EHg=jGw};zQqtu=F&x!Chm~@N?QPO$nnbkDlh@i?6=c+7Iq!IMqMcup$)WiKC%m
z#f5)sZzXZc!?=xk%ss5B?bXc@WXUTlrwRCmZ4^**4*XMC9I$mNwORq^=WfIK_K{(x
z_uS;EYZcvZ*>lZtDc9SyAYz8>HO?VRaj~MinT2w<*D5vTVS~OB*SP}6%(2VIWiVtd
zciQf2DlG=BO<<NcsC0y$_`+~0H9M7zPLS1-ei7=upw#{08o`B{$SAX?qc*bI#g>IC
zmSQJAiI7jGQupx{f@HN-l16yHwJ?;0>ewosP7i$GVkxyZpNyIS<yQ-w^&C0rP8u0a
z%?HsES7rhtXoF3$lY1?2Wk1SE`df(n%LZymnFu|y0g*%Ge}q8u$29I|7}o3Q$S#q=
zO(VM;l~OI(#6l}MNmNAOrYdz~^2ja=q|}~uEOgC4jm)`tN`_L`{tQ`iD3Kw_6d|{z
z7_MO}F>nCHG!bfHsdW08#K7M`bOmvvN@v?PVqvtD8feBsPswUz>xu6LV4rhjmsMaS
z6`@@KoN9rq_zA-;^u+t*D0O=i$r6u5hD)#reKNyv>uwONjpU@a4s`x4B9EWJ#b+l2
zf-#+cLMwXU-$P73pe+Y{X#aaC93_P;2?6{<5poCMnMH&MCpn1=z)OLokoiho3l^~$
z>S<U+Xg0-gTdxwlz|h`}NGVY2_9Th;zY}@rFpEgx)HZrSR)zZlQ+DC45;7qd(t^|b
zE6ChoTSGN6D5fmACgLX-<SBKtxwT7tj}wbkmmn}>FMUyECMY1f>>ag%zJ8!E2E`07
z{p?Duhqeyf+QKhS30~MX$X929PEjksmaF0?vE_(WOmTdg0d^;$Brdh+>kWdJ|8Xe9
z#pDgmkAaT_{z~%6=G(xB0)IdGc|{bl_|Xdpafa2*W)FJdzuRW<_zP}Pydtys$)Q#l
z&bxSDVEs<K)x8^VIXJ923Jyu&fEMV4-6nH?*LKpyYUYP$;G6@|;&$p+>}I>vRzh)g
zN+@B$D{u>1w?f^xHa!ouyc_TyHofl4fOiGn%SP#L1w8cL(A!3JZx!$^Djn`>L;{#l
zBQ?SbPScE<oO3f5WeFVLJ$KApWCR^}<X&4OXVnN9$lL?}Vv&@}_q4?AhuN02i1;>1
z(3Cn6|0oIM2B33+b^+Du4*=B%su1y?omJ`v+Ob>;HmP)AunS9JK7CTiZ(q(+qvh^I
z_-}ZFpvObW9{5BC+H8q~Yp#lroaC~D1v61-LDz;VA}_&kFdy&3<ClT~jM)FfSc|>$
zsTTb8?OovT^RZ{&2?!MmZgVv5IAl>0r&@+XB2z2_q2&2$7DBapJUZg<OB9oli;XmZ
zhzcq4QUc<pD1X5t3pcH~;eX5>wvHTXJNxO-Cb04QKP~60Pv`?^t)Avt5*bPQ6L|&T
z6lf<E4_zT3YX`YFO-qgC;(I{L*2={VT52m74+4z{lJZit@)|j#g^Ne_8A@uT1rFtI
zRi!(L5bEk#BKsIZ^<byLvhcs1%eqQH%E!qZ^;u4hE^~2Tp!14*Kk}tkXEpEE0D#3N
z6*XWs1SBVFOiIr~L}iJZ`c^jx$zIBPvc?0CC`n32`z}iyx|6T${;eKv@n)-r{yYW+
zDlx^ziy#^+DG#1NsALIN1mfGu+j8C;!wb=~0Cy!(GXcI)n^mi}KyhYEd9h%*ov1km
zKsoc&1E5^aQjKeiFkdQWfD#@P({OM08Rbv`1av)769*}7+o&o{2XPOG;M4D_D%EN)
z>1lokZP;d2I^g%*Ow>FA;KRL3WWi19n=7!-*Pv=C%2L2za$Z@wm540dRjoG&$dHch
zz@y|_6g6kFs{0%naTArF<5)=2lgKa!%}hGx0KWv*6nW!A5#n#q<2A5|$j3q6cn`!3
zvbvuQqOrWuODoP(Z`)2py}8QZl`P~^l*owm#G`elm~S!}y(P*U{|2KMiHy4tYN{S@
z7bt%)!@is$qq2E&PB<vxi4+G>)w!yg;CUaoPg+n3?J@fa^MzlhKn{pdl4CT?7qmSo
ziHvKYeMrNMA;gGT^2TC-Fwo<<LHYf+s5}8!xlYbm!$RDAWswyfS+G@}d1UQ$?}bXd
zo~Mq;B_n-~swUME2Q6oGXvHn68t6(OMM`ae0q_RxVGt`58U0XNZ_xe>;+jOpHpu*O
zw6m1@sgQs=*A>98tT+TNhxj|^tIJ@%dy|xB4_e|}BBj(eE}kEh$fyA2g%XN7AVpaO
zO)jIzNhfyT`5%b9ULhIPxv4gF1NadswPgblnL(JlK@9&az(U%>2kB=ECT&igrg5%M
zC+s@nm{adGJ6l4%K7I2Cb=l=)dXKH}&LYETo}eT|d?jmP+O+YG+ESgxx!P@k>OQis
zEnIOU$(-lrJwWTZL5p^OaD>afVLp?i_Ts`xWYcn!<|6@L7fsLRS>1{vN34<Q-t@IA
z{&=gRyBc!b@rBm&<$Q}iD<)Xb`gg*|S-fmchLFFE+2!;u=eg23Z|t(Sss_8AOK|-8
zU#Fh;s#g!Jy#wic*%MWLGVj?lkA(_`il&nmsLOKSaqxSXN7@gR%s4$6(H8D4C%rM5
zruCS@X69+%9fz-e{uI_bVNrRk?fa6u=J>qF0);1Yak$gPOC6nY_(etN+vhy6(2<kc
zs|1Qxfq$4|x`T@D5^Ts<cf5mz(LfEGVLqXw>p#}P*N0x6Ve|+6CFHNI%ttRR(e%XO
zKH@f4RZW81dSXn~cY?h;uD6j5pg1|HiSmUOn0VZz?(0d|9@7dYHw3uFa3ngy(pmbS
z?p1UbOR1CPW8;MCXxNE|{oSYPt*|SMP$yzcLRu|<zLQ|g#9Otgpe2T^e6?sc&UCV>
zqPq-yDjy2@=?&%j*7>u2U$!Ec3g0(O$v<I(A(G4l+kv(BlxLsamD74!gP+7vng^Kq
z?5X-?*p+an0)nH7W{!2g!XQL^@(kl!X{(U0`?>lMrL!qSd|rF-Cs~<6`yBLiAEl#R
zfQ7b&2gym(egE|FOM@ea@MBTYg77UWoubeaWF>5n1=Chn{+N33!G|6G=>p8Eoo>kJ
z#`{Ks_(1iW({Wu{2gP$$A5~P-y>}bv6E(}><tEN?qUH{~S$TZwd<E}SCG6evtV`0(
zV{JyeZ1b5TV>edn-JWv&6w8qanO&7VN73liMOwOfRZhr|QR55Fbm94SA?7`{3jd2R
z-a&RYE6=&CY)asmp<s<Y3HERJG>5lmL?^XVpitA&%_h7bwo6LQCVmxkZy&jKp^<Xv
z%Wh`EdRYKHmfqfJo6jDJu+#Wnik>1#*b84oaRlS$Rm)`SA2?XT5<e8w)S<DIb<<<3
z{zW)>xSB5G(5u#7-WTB~SQ{KER*lm%0!8Qt>>~BQ;B6gJ;J(-3d(U-r702E#(q_cm
M?CyGRW8kU(0nmwR8~^|S

literal 0
HcmV?d00001

diff --git a/src/assets/questionIcon.png b/src/assets/questionIcon.png
new file mode 100644
index 0000000000000000000000000000000000000000..5f590f8c45913cea343c2daa3ecadf134c722000
GIT binary patch
literal 29038
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

literal 0
HcmV?d00001

diff --git a/src/css/Components/Feelings/feelings.scss b/src/css/Components/Feelings/feelings.scss
index a5c5b680..49f4c41c 100644
--- a/src/css/Components/Feelings/feelings.scss
+++ b/src/css/Components/Feelings/feelings.scss
@@ -168,3 +168,70 @@ textarea {
   font-weight: bold;
   font-size: large;
 }
+
+.demands-container {
+  border-radius: 26px;
+  box-shadow: 5px 5px 5px 0px lightgray;
+  border: 1px solid lightgrey;
+  display: flex;
+  flex-direction: column;
+  align-items: start;
+  padding-bottom: 10px;
+  margin-bottom: 10px;
+  min-height: calc(40%);
+}
+
+.demand-container-content {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  width: 100%;
+}
+
+.demand-container {
+  border-radius: 10px;
+  box-shadow: 5px 5px 5px 0px lightgray;
+  border: 1px solid lightgrey;
+  display: flex;
+  flex-direction: row;
+  justify-content: space-between;
+  align-items: start;
+  width: 95%;
+  cursor: pointer;
+}
+
+.demand-close-btn {
+  border: none;
+  background: none;
+}
+
+.close-img {
+  width: 30px;
+}
+
+.close-img:hover {
+  transition: 0.5;
+  width: 31px;
+}
+
+.demand-close-btn:hover {
+  border: none;
+  background: none;
+}
+
+.demand-content {
+  margin-left: 10px;
+  margin-right: 10px;
+}
+
+.green-filler {
+  background-color: green;
+}
+
+.orange-filler {
+  background-color: orange;
+}
+
+.red-filler {
+  background-color: red;
+}
\ No newline at end of file

From f8d90ee598b565dc83a6695ebca5ed61103bc268 Mon Sep 17 00:00:00 2001
From: adbusnel <adrien.busnel@epitech.eu>
Date: Sat, 30 Nov 2024 18:31:27 +0100
Subject: [PATCH 16/53] [MOD] fixed css feeling in popup

---
 src/Users/Admin/feelingsAdminPage.jsx | 12 ++++++------
 1 file changed, 6 insertions(+), 6 deletions(-)

diff --git a/src/Users/Admin/feelingsAdminPage.jsx b/src/Users/Admin/feelingsAdminPage.jsx
index 3fb2fe3e..16d8ef85 100644
--- a/src/Users/Admin/feelingsAdminPage.jsx
+++ b/src/Users/Admin/feelingsAdminPage.jsx
@@ -196,13 +196,13 @@ const FeelingsAdminPage = () => {
         </Popup>
         <Popup open={isShown} onClose={handleCloseFeelingPopup} modal>
           {(close) => (
-            <div className='popup-modal-container'>
+            <div className='popup-modal-container' style={{alignItems: "inherit"}}>
               <button className='close-btn' onClick={close}><img src={cross} alt='Close' /></button>
-              <div key={shownFeeling._id} style={{marginBottom: "0"}} className='individual-feelings-container'>
+              <div key={shownFeeling._id} style={{marginBottom: "0", width: "95%"}} className='individual-feelings-container'>
               <div className='publication-date'>{moment(shownFeeling.date).format('DD/MM/YYYY')}</div>
               <div className='horizontal-line' />
-              <div className='feelings-container-content'>
-                <div className='container-sidebar' style={{width: "100%"}}>
+              <div className='feelings-container-content' style={{width: "100%"}}>
+                <div className='container-sidebar' style={{width: "45%"}}>
                   <div className='emoticone-container'>
                     <img className='emoticone-image' style={{ height: '50px' }} src={imagePaths[shownFeeling.mood]} alt={moods[shownFeeling.mood]} />
                     <span className='emoticone-feeling'>{emotions[moods[shownFeeling.mood]]}</span>
@@ -213,8 +213,8 @@ const FeelingsAdminPage = () => {
                   </div>
                   <div className='publication-author' style={{alignItems:"center",display:"flex",gap:"5px"}}>Anonyme</div>
                 </div>
-                <div className='feelings-content'>
-                  <p className='paragraph-style'>{shownFeeling.comment}</p>
+                <div className='feelings-content' style={{width: "100%"}}>
+                  <p className='paragraph-style' >{shownFeeling.comment}</p>
                 </div>
               </div>
             </div>

From 080e155164fbb2709993c5f5f89c90ea3993ad1b Mon Sep 17 00:00:00 2001
From: adbusnel <adrien.busnel@epitech.eu>
Date: Sat, 30 Nov 2024 19:49:28 +0100
Subject: [PATCH 17/53] [MOD] demand can now be accepted or refused

---
 src/Users/Admin/feelingsAdminPage.jsx     |  10 +-
 src/Users/Student/feelingsStudentPage.jsx | 126 +++++++++++++++++++++-
 src/assets/acceptIcon.png                 | Bin 0 -> 10904 bytes
 src/assets/refuseIcon.png                 | Bin 0 -> 13665 bytes
 src/css/Components/Feelings/feelings.scss |   3 +-
 5 files changed, 126 insertions(+), 13 deletions(-)
 create mode 100644 src/assets/acceptIcon.png
 create mode 100644 src/assets/refuseIcon.png

diff --git a/src/Users/Admin/feelingsAdminPage.jsx b/src/Users/Admin/feelingsAdminPage.jsx
index 16d8ef85..7ca91bad 100644
--- a/src/Users/Admin/feelingsAdminPage.jsx
+++ b/src/Users/Admin/feelingsAdminPage.jsx
@@ -76,7 +76,6 @@ const FeelingsAdminPage = () => {
       })
       .then(data => {
         setDemands(data)
-        console.log(data)
       })
       .catch(error => /* istanbul ignore next */ {
         toast.error('Erreur lors de la récupération des ressentis', error)
@@ -115,7 +114,6 @@ const FeelingsAdminPage = () => {
   }
 
   const handleAskDesanonym = (message) => {
-    console.log(message)
     demand.message = (message ? message : "Vous n\'avez pas de message associé à cette demande")
     fetch(`${process.env.REACT_APP_BACKEND_URL}/shared/desanonym/`, {
       method: 'POST',
@@ -137,7 +135,6 @@ const FeelingsAdminPage = () => {
         return response
       })
       .catch(error => /* istanbul ignore next */ {
-        console.log(error)
         toast.error("Erreur lors de l'envoi de la demande")
       })
   }
@@ -160,7 +157,6 @@ const FeelingsAdminPage = () => {
         return response
       })
       .catch(error => /* istanbul ignore next */ {
-        console.log(error)
         toast.error("Erreur lors de la suppression de la demande.")
       })
   }
@@ -227,9 +223,9 @@ const FeelingsAdminPage = () => {
               {
                 demands.length !== 0 ? (
                   demands.map((dem) => (
-                    <div title={dem.message} onClick={() => handleShowFeeling(dem.reason)} className={`demand-container ${dem.status === 'rejected' ? 'red-filler' : dem.status === 'accepted' ? 'green-filler' : 'orange-filler'}`} key={dem._id}>
-                      <p className="demand-content">{dem.status === 'rejected' ? 'Refus de désanonymisation d\'un ressenti' : dem.status === 'accepted' ? 'Ressenti désanonymisé' : 'Demande de désanonymisation d\'un ressenti en attente d\'une réponse'}</p>
-                      <button className='demand-close-btn' onClick={() => deleteDemand(dem._id)}><img className="close-img" src={closeBlack} alt='DeleteDemand' /></button>
+                    <div title={dem.message} onClick={() => handleShowFeeling(dem.reason)} className={`demand-container ${dem.status === 'refused' ? 'red-filler' : dem.status === 'accepted' ? 'green-filler' : 'orange-filler'}`} key={dem._id}>
+                      <p className="demand-content">{dem.status === 'refused' ? 'Refus de désanonymisation d\'un ressenti' : dem.status === 'accepted' ? 'Ressenti désanonymisé' : 'Demande de désanonymisation d\'un ressenti en attente d\'une réponse'}</p>
+                      <button className='demand-close-btn' onClick={(e) => { e.stopPropagation(); deleteDemand(dem._id)}}><img className="close-img" src={closeBlack} alt='DeleteDemand' /></button>
                     </div>
                 ))
                 ) : (
diff --git a/src/Users/Student/feelingsStudentPage.jsx b/src/Users/Student/feelingsStudentPage.jsx
index c1bdecb8..6a391015 100644
--- a/src/Users/Student/feelingsStudentPage.jsx
+++ b/src/Users/Student/feelingsStudentPage.jsx
@@ -5,12 +5,15 @@ import HeaderComp from '../../Components/Header/headerComp'
 import '../../css/Components/Feelings/feelings.scss'
 import '../../css/Components/Popup/popup.scss'
 import cross from '../../assets/Cross.png'
+import acceptIcon from '../../assets/acceptIcon.png'
+import refuseIcon from '../../assets/refuseIcon.png'
 import veryBadMood from '../../assets/newVeryBadMood.png'
 import badMood from '../../assets/newBadMood.png'
 import averageMood from '../../assets/newAverageMood.png'
 import happyMood from '../../assets/newHappyMood.png'
 import veryHappyMood from '../../assets/newVeryHappyMood.png'
 import { disconnect } from '../../functions/disconnect'
+import {toast} from "react-toastify"
 import emoji1 from '../../assets/emojis/1.png'
 import emoji2 from '../../assets/emojis/2.png'
 import emoji3 from '../../assets/emojis/3.png'
@@ -24,10 +27,14 @@ import emoji4Selected from '../../assets/emojis/4s.png'
 import emoji5Selected from '../../assets/emojis/5s.png'
 
 const FeelingsStudentPage = () => {
-  const [errMessage, setErrMessage] = useState('')
+  const [userProfile, setUserProfile] = useState([])
   const [isCreateOpen, setIsCreateOpen] = useState(false)
   const [isPassed, setIsPassed] = useState(false)
   const [isModified, setIsModified] = useState(false)
+  const [isShown, setIsShown] = useState(false)
+  const [shownFeeling, setShownFeeling] = useState([])
+  const [feelings, setFeelings] = useState([])
+  const [demands, setDemands] = useState([])
   const [lastFeeling, setLastFeeling] = useState([])
   const [newMood, setNewMood] = useState('')
   const [newAnonymous, setNewAnonymous] = useState(true)
@@ -89,10 +96,10 @@ const FeelingsStudentPage = () => {
           if (response.status === 200) { window.location.reload() }
         })
         .catch(error => /* istanbul ignore next */ {
-          setErrMessage('Erreur lors de la récupération des ressentis', error)
+          toast.error('Erreur lors de la récupération des ressentis', error)
         })
     } else {
-      setErrMessage('L\'humeur n\'est pas indiquée.')
+      toast.error('L\'humeur n\'est pas indiquée.')
     }
   }
 
@@ -194,11 +201,13 @@ const FeelingsStudentPage = () => {
       })
       .then(data => {
         setLastFeeling(data[0])
+        setFeelings(data)
         if (!isPassed) { fillFeelingsContainer(data) }
       })
       .catch(error => /* istanbul ignore next */ {
-        setErrMessage('Erreur lors de la récupération des ressentis', error)
+        toast.error('Erreur lors de la récupération des ressentis', error)
       })
+      getDesanonym()
   }, [setLastFeeling, emotions, moods, imagePaths, lastFeeling.length])
 
   const handleClosePopup = () => {
@@ -224,6 +233,63 @@ const FeelingsStudentPage = () => {
     setNewMessage('')
   }
 
+  async function getDesanonym () {
+    fetch(`${process.env.REACT_APP_BACKEND_URL}/shared/desanonym/`, {
+      method: 'GET',
+      headers: {
+        'Content-Type': 'application/json',
+        'x-auth-token': sessionStorage.getItem('token')
+      }
+    })
+      .then(response => {
+        if (response.status === 401) {
+          disconnect()
+        }
+        return response.json()
+      })
+      .then(data => {
+        setDemands(data)
+      })
+      .catch(error => /* istanbul ignore next */ {
+        toast.error('Erreur lors de la récupération des ressentis', error)
+      })
+  }
+
+  const handleCloseFeelingPopup = () => {
+    setIsShown(!isShown)
+  }
+
+  const handleShowFeeling = (feelingId, user) => {
+    const feeling = feelings.find(item => item._id === feelingId)
+    setUserProfile(user)
+    setShownFeeling(feeling)
+    handleCloseFeelingPopup()
+  }
+
+  const handleDemand = (id, answer) => {
+    fetch(`${process.env.REACT_APP_BACKEND_URL}/shared/desanonym/` + id, {
+      method: 'PATCH',
+      headers: {
+        'Content-Type': 'application/json',
+        'x-auth-token': sessionStorage.getItem('token')
+      },
+      body: JSON.stringify({
+        message: 'this is a test',
+        status: answer
+      })
+    })
+      .then(response => {
+        if (response.status === 401) {
+          disconnect()
+        } else if (response.status === 200) {
+          getDesanonym()
+        }
+      })
+      .catch(error => /* istanbul ignore next */ {
+        toast.error('Erreur lors de la récupération des ressentis', error)
+      })
+  }
+
   const buttonComponent = [
     {
       name: 'Créer un ressenti',
@@ -268,11 +334,61 @@ const FeelingsStudentPage = () => {
                 <input id='remember-me-input' type='checkbox' defaultChecked={isModified ? lastFeeling.annonymous : true} onClick={handleAnonymous} />
                 <label for='remember-me-input'>Anonyme</label>
               </div>
-              {errMessage ? <span style={{ color: 'red' }}>{errMessage}</span> : ''}
               <button disabled={newMood === ''} className='popup-btn' onClick={handleUpdateFeelings}>{!isModified ? 'Créer le Ressenti' : 'Modifier le Ressenti'}</button>
             </div>
           )}
         </Popup>
+        <Popup open={isShown} onClose={handleCloseFeelingPopup} modal>
+          {(close) => (
+            <div className='popup-modal-container' style={{alignItems: "inherit"}}>
+              <button className='close-btn' onClick={close}><img src={cross} alt='Close' /></button>
+              <div key={shownFeeling._id} style={{marginBottom: "0", width: "95%"}} className='individual-feelings-container'>
+              <div className='publication-date'>{moment(shownFeeling.date).format('DD/MM/YYYY')}</div>
+              <div className='horizontal-line' />
+              <div className='feelings-container-content' style={{width: "100%"}}>
+                <div className='container-sidebar' style={{width: "45%"}}>
+                  <div className='emoticone-container'>
+                    <img className='emoticone-image' style={{ height: '50px' }} src={imagePaths[shownFeeling.mood]} alt={moods[shownFeeling.mood]} />
+                    <span className='emoticone-feeling'>{emotions[moods[shownFeeling.mood]]}</span>
+                  </div>
+                  <div className='review-status'>
+                    <p style={{ marginBottom: '0' }}>{shownFeeling.date !== '' ? 'Pris en compte le:' : 'En attente de prise en compte'}</p>
+                    <p style={{ marginTop: '0' }}>{shownFeeling.date !== '' ? `${moment(shownFeeling.date).format('DD/MM/YYYY')}` : ''}</p>
+                  </div>
+                  <div className='publication-author' style={{alignItems:"center",display:"flex",gap:"5px"}}>{shownFeeling.annonymous ? "Anonyme" : userProfile.firstname + " " + userProfile.lastname}</div>
+                </div>
+                <div className='feelings-content' style={{width: "100%"}}>
+                  <p className='paragraph-style' >{shownFeeling.comment}</p>
+                </div>
+              </div>
+            </div>
+            </div>
+          )}
+        </Popup>
+        <div className="demands-container">
+            <h3 style={{paddingLeft: "15px"}}>Vos demandes de désanonymisation</h3>
+            <div className="demand-container-content">
+              {
+                demands.length !== 0 ? (
+                  demands.map((dem) => (
+                    <div title={dem.message} onClick={() => handleShowFeeling(dem.reason, dem.user)} className={`demand-container ${dem.status === 'refused' ? 'red-filler' : dem.status === 'accepted' ? 'green-filler' : 'orange-filler'}`} key={dem._id}>
+                      <p className="demand-content">{dem.status === 'refused' ? 'Refus de désanonymisation d\'un ressenti' : dem.status === 'accepted' ? 'Ressenti désanonymisé' : 'Demande de désanonymisation d\'un ressenti en attente d\'une réponse'}</p>
+                      <span>
+                        {
+                          dem.status !== 'accepted' && <button title="Accepter" className='demand-close-btn' onClick={(e) => { e.stopPropagation(); handleDemand(dem._id, "accepted")}}><img className="close-img" src={acceptIcon} alt='AcceptDemand' /></button>
+                        }
+                        {
+                          dem.status !== 'refused' && <button title="Refuser" className='demand-close-btn' onClick={(e) => { e.stopPropagation(); handleDemand(dem._id, "refused")}}><img className="close-img" src={refuseIcon} alt='RefuseDemand' /></button>
+                        }
+                      </span>
+                    </div>
+                ))
+                ) : (
+                  <p>Aucune demande en cours</p>
+                )
+              }
+            </div>
+        </div>
         <div id='feelings-container' />
       </div>
     </div>
diff --git a/src/assets/acceptIcon.png b/src/assets/acceptIcon.png
new file mode 100644
index 0000000000000000000000000000000000000000..8728e98c2836a835ead5d4a6810c726fb1e15035
GIT binary patch
literal 10904
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
Cza;hm

literal 0
HcmV?d00001

diff --git a/src/assets/refuseIcon.png b/src/assets/refuseIcon.png
new file mode 100644
index 0000000000000000000000000000000000000000..0b0ad2c6c9a5980392e2583ce8d895b496f8ec83
GIT binary patch
literal 13665
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

literal 0
HcmV?d00001

diff --git a/src/css/Components/Feelings/feelings.scss b/src/css/Components/Feelings/feelings.scss
index 49f4c41c..baf7989b 100644
--- a/src/css/Components/Feelings/feelings.scss
+++ b/src/css/Components/Feelings/feelings.scss
@@ -178,7 +178,8 @@ textarea {
   align-items: start;
   padding-bottom: 10px;
   margin-bottom: 10px;
-  min-height: calc(40%);
+  max-height: calc(40%);
+  overflow-y: scroll;
 }
 
 .demand-container-content {

From 5f169e4c5b51686d9b68471c6502bf6b8f0e1bb8 Mon Sep 17 00:00:00 2001
From: adbusnel <adbusnel@users.noreply.github.com>
Date: Sat, 30 Nov 2024 19:50:20 +0000
Subject: [PATCH 18/53] [LINT] Applied linter fix

---
 src/Components/Popup/desanonymFeeling.jsx |  6 +-
 src/Users/Admin/feelingsAdminPage.jsx     | 81 +++++++++++------------
 src/Users/Student/feelingsStudentPage.jsx | 80 +++++++++++-----------
 3 files changed, 84 insertions(+), 83 deletions(-)

diff --git a/src/Components/Popup/desanonymFeeling.jsx b/src/Components/Popup/desanonymFeeling.jsx
index 576d5527..864e0906 100644
--- a/src/Components/Popup/desanonymFeeling.jsx
+++ b/src/Components/Popup/desanonymFeeling.jsx
@@ -1,8 +1,8 @@
-import React, {useState} from 'react'
+import React, { useState } from 'react'
 import '../../css/Components/Popup/popup.scss'
 import '../../css/pages/createAlerts.scss'
 
-const DesanonymFeelingPopupContent = ({ handleAskDesanonym}) => {
+const DesanonymFeelingPopupContent = ({ handleAskDesanonym }) => {
   const [message, setMessage] = useState('')
 
   const handleMessage = (event) => {
@@ -12,7 +12,7 @@ const DesanonymFeelingPopupContent = ({ handleAskDesanonym}) => {
 
   return (
     <>
-      <input placeholder="Message pour l'Élève..." onChange={handleMessage} type="text" value={message}/>
+      <input placeholder="Message pour l'Élève..." onChange={handleMessage} type='text' value={message} />
 
       <button className='popup-btn' onClick={() => handleAskDesanonym(message)}>Faire la demande</button>
     </>
diff --git a/src/Users/Admin/feelingsAdminPage.jsx b/src/Users/Admin/feelingsAdminPage.jsx
index 7ca91bad..ed5635de 100644
--- a/src/Users/Admin/feelingsAdminPage.jsx
+++ b/src/Users/Admin/feelingsAdminPage.jsx
@@ -54,10 +54,7 @@ const FeelingsAdminPage = () => {
     demand.reason = feelingId
     setDemand(demand)
     const toFind = demands.find(item => item.reason === feelingId)
-    if (toFind)
-      toast.warn('Vous avez déjà effectué une demande de désanonymisation pour ce ressenti.')
-    else
-      setIsOpen(!isOpen)
+    if (toFind) { toast.warn('Vous avez déjà effectué une demande de désanonymisation pour ce ressenti.') } else { setIsOpen(!isOpen) }
   }
 
   async function getDesanonym () {
@@ -106,7 +103,7 @@ const FeelingsAdminPage = () => {
       .catch(error => /* istanbul ignore next */ {
         toast.error('Erreur lors de la récupération des ressentis', error)
       })
-      getDesanonym()
+    getDesanonym()
   }, [])
 
   const handleClosePopup = () => {
@@ -114,7 +111,7 @@ const FeelingsAdminPage = () => {
   }
 
   const handleAskDesanonym = (message) => {
-    demand.message = (message ? message : "Vous n\'avez pas de message associé à cette demande")
+    demand.message = (message || "Vous n\'avez pas de message associé à cette demande")
     fetch(`${process.env.REACT_APP_BACKEND_URL}/shared/desanonym/`, {
       method: 'POST',
       headers: {
@@ -157,7 +154,7 @@ const FeelingsAdminPage = () => {
         return response
       })
       .catch(error => /* istanbul ignore next */ {
-        toast.error("Erreur lors de la suppression de la demande.")
+        toast.error('Erreur lors de la suppression de la demande.')
       })
   }
 
@@ -186,53 +183,55 @@ const FeelingsAdminPage = () => {
           {(close) => (
             <div className='popup-modal-container'>
               <button className='close-btn' onClick={close}><img src={cross} alt='Close' /></button>
-              <DesanonymFeelingPopupContent handleAskDesanonym={handleAskDesanonym}/>
+              <DesanonymFeelingPopupContent handleAskDesanonym={handleAskDesanonym} />
             </div>
           )}
         </Popup>
         <Popup open={isShown} onClose={handleCloseFeelingPopup} modal>
           {(close) => (
-            <div className='popup-modal-container' style={{alignItems: "inherit"}}>
+            <div className='popup-modal-container' style={{ alignItems: 'inherit' }}>
               <button className='close-btn' onClick={close}><img src={cross} alt='Close' /></button>
-              <div key={shownFeeling._id} style={{marginBottom: "0", width: "95%"}} className='individual-feelings-container'>
-              <div className='publication-date'>{moment(shownFeeling.date).format('DD/MM/YYYY')}</div>
-              <div className='horizontal-line' />
-              <div className='feelings-container-content' style={{width: "100%"}}>
-                <div className='container-sidebar' style={{width: "45%"}}>
-                  <div className='emoticone-container'>
-                    <img className='emoticone-image' style={{ height: '50px' }} src={imagePaths[shownFeeling.mood]} alt={moods[shownFeeling.mood]} />
-                    <span className='emoticone-feeling'>{emotions[moods[shownFeeling.mood]]}</span>
+              <div key={shownFeeling._id} style={{ marginBottom: '0', width: '95%' }} className='individual-feelings-container'>
+                <div className='publication-date'>{moment(shownFeeling.date).format('DD/MM/YYYY')}</div>
+                <div className='horizontal-line' />
+                <div className='feelings-container-content' style={{ width: '100%' }}>
+                  <div className='container-sidebar' style={{ width: '45%' }}>
+                    <div className='emoticone-container'>
+                      <img className='emoticone-image' style={{ height: '50px' }} src={imagePaths[shownFeeling.mood]} alt={moods[shownFeeling.mood]} />
+                      <span className='emoticone-feeling'>{emotions[moods[shownFeeling.mood]]}</span>
+                    </div>
+                    <div className='review-status'>
+                      <p style={{ marginBottom: '0' }}>{shownFeeling.date !== '' ? 'Pris en compte le:' : 'En attente de prise en compte'}</p>
+                      <p style={{ marginTop: '0' }}>{shownFeeling.date !== '' ? `${moment(shownFeeling.date).format('DD/MM/YYYY')}` : ''}</p>
+                    </div>
+                    <div className='publication-author' style={{ alignItems: 'center', display: 'flex', gap: '5px' }}>Anonyme</div>
                   </div>
-                  <div className='review-status'>
-                    <p style={{ marginBottom: '0' }}>{shownFeeling.date !== '' ? 'Pris en compte le:' : 'En attente de prise en compte'}</p>
-                    <p style={{ marginTop: '0' }}>{shownFeeling.date !== '' ? `${moment(shownFeeling.date).format('DD/MM/YYYY')}` : ''}</p>
+                  <div className='feelings-content' style={{ width: '100%' }}>
+                    <p className='paragraph-style'>{shownFeeling.comment}</p>
                   </div>
-                  <div className='publication-author' style={{alignItems:"center",display:"flex",gap:"5px"}}>Anonyme</div>
-                </div>
-                <div className='feelings-content' style={{width: "100%"}}>
-                  <p className='paragraph-style' >{shownFeeling.comment}</p>
                 </div>
               </div>
             </div>
-            </div>
           )}
         </Popup>
-        <div className="demands-container">
-            <h3 style={{paddingLeft: "15px"}}>Vos demandes de désanonymisation</h3>
-            <div className="demand-container-content">
-              {
-                demands.length !== 0 ? (
-                  demands.map((dem) => (
-                    <div title={dem.message} onClick={() => handleShowFeeling(dem.reason)} className={`demand-container ${dem.status === 'refused' ? 'red-filler' : dem.status === 'accepted' ? 'green-filler' : 'orange-filler'}`} key={dem._id}>
-                      <p className="demand-content">{dem.status === 'refused' ? 'Refus de désanonymisation d\'un ressenti' : dem.status === 'accepted' ? 'Ressenti désanonymisé' : 'Demande de désanonymisation d\'un ressenti en attente d\'une réponse'}</p>
-                      <button className='demand-close-btn' onClick={(e) => { e.stopPropagation(); deleteDemand(dem._id)}}><img className="close-img" src={closeBlack} alt='DeleteDemand' /></button>
-                    </div>
-                ))
-                ) : (
-                  <p>Aucune demande en cours</p>
-                )
+        <div className='demands-container'>
+          <h3 style={{ paddingLeft: '15px' }}>Vos demandes de désanonymisation</h3>
+          <div className='demand-container-content'>
+            {
+                demands.length !== 0
+                  ? (
+                      demands.map((dem) => (
+                        <div title={dem.message} onClick={() => handleShowFeeling(dem.reason)} className={`demand-container ${dem.status === 'refused' ? 'red-filler' : dem.status === 'accepted' ? 'green-filler' : 'orange-filler'}`} key={dem._id}>
+                          <p className='demand-content'>{dem.status === 'refused' ? 'Refus de désanonymisation d\'un ressenti' : dem.status === 'accepted' ? 'Ressenti désanonymisé' : 'Demande de désanonymisation d\'un ressenti en attente d\'une réponse'}</p>
+                          <button className='demand-close-btn' onClick={(e) => { e.stopPropagation(); deleteDemand(dem._id) }}><img className='close-img' src={closeBlack} alt='DeleteDemand' /></button>
+                        </div>
+                      ))
+                    )
+                  : (
+                    <p>Aucune demande en cours</p>
+                    )
               }
-            </div>
+          </div>
         </div>
         <div id='feelings-container'>
           {feelings.length !== 0 && feelings.map((feeling) => (
@@ -249,7 +248,7 @@ const FeelingsAdminPage = () => {
                     <p style={{ marginBottom: '0' }}>{feeling.date !== '' ? 'Pris en compte le:' : 'En attente de prise en compte'}</p>
                     <p style={{ marginTop: '0' }}>{feeling.date !== '' ? `${moment(feeling.date).format('DD/MM/YYYY')}` : ''}</p>
                   </div>
-                  <div className='publication-author' style={{alignItems:"center",display:"flex",gap:"5px"}}>{feeling.annonymous ? (<>Anonyme <img style={{height: "15px", cursor:"pointer"}} onClick={() => handleDemandPopup(feeling.user._id, feeling._id)} src={questionIcon} alt='Demander à désanonymiser' title="Faire une demande de désanonymisation" /> </>) : `${feeling.user.firstname} ${feeling.user.lastname}`}</div>
+                  <div className='publication-author' style={{ alignItems: 'center', display: 'flex', gap: '5px' }}>{feeling.annonymous ? (<>Anonyme <img style={{ height: '15px', cursor: 'pointer' }} onClick={() => handleDemandPopup(feeling.user._id, feeling._id)} src={questionIcon} alt='Demander à désanonymiser' title='Faire une demande de désanonymisation' /> </>) : `${feeling.user.firstname} ${feeling.user.lastname}`}</div>
                 </div>
                 <div className='feelings-content'>
                   <p className='paragraph-style'>{feeling.comment}</p>
diff --git a/src/Users/Student/feelingsStudentPage.jsx b/src/Users/Student/feelingsStudentPage.jsx
index 6a391015..15c9021d 100644
--- a/src/Users/Student/feelingsStudentPage.jsx
+++ b/src/Users/Student/feelingsStudentPage.jsx
@@ -13,7 +13,7 @@ import averageMood from '../../assets/newAverageMood.png'
 import happyMood from '../../assets/newHappyMood.png'
 import veryHappyMood from '../../assets/newVeryHappyMood.png'
 import { disconnect } from '../../functions/disconnect'
-import {toast} from "react-toastify"
+import { toast } from 'react-toastify'
 import emoji1 from '../../assets/emojis/1.png'
 import emoji2 from '../../assets/emojis/2.png'
 import emoji3 from '../../assets/emojis/3.png'
@@ -207,7 +207,7 @@ const FeelingsStudentPage = () => {
       .catch(error => /* istanbul ignore next */ {
         toast.error('Erreur lors de la récupération des ressentis', error)
       })
-      getDesanonym()
+    getDesanonym()
   }, [setLastFeeling, emotions, moods, imagePaths, lastFeeling.length])
 
   const handleClosePopup = () => {
@@ -340,54 +340,56 @@ const FeelingsStudentPage = () => {
         </Popup>
         <Popup open={isShown} onClose={handleCloseFeelingPopup} modal>
           {(close) => (
-            <div className='popup-modal-container' style={{alignItems: "inherit"}}>
+            <div className='popup-modal-container' style={{ alignItems: 'inherit' }}>
               <button className='close-btn' onClick={close}><img src={cross} alt='Close' /></button>
-              <div key={shownFeeling._id} style={{marginBottom: "0", width: "95%"}} className='individual-feelings-container'>
-              <div className='publication-date'>{moment(shownFeeling.date).format('DD/MM/YYYY')}</div>
-              <div className='horizontal-line' />
-              <div className='feelings-container-content' style={{width: "100%"}}>
-                <div className='container-sidebar' style={{width: "45%"}}>
-                  <div className='emoticone-container'>
-                    <img className='emoticone-image' style={{ height: '50px' }} src={imagePaths[shownFeeling.mood]} alt={moods[shownFeeling.mood]} />
-                    <span className='emoticone-feeling'>{emotions[moods[shownFeeling.mood]]}</span>
+              <div key={shownFeeling._id} style={{ marginBottom: '0', width: '95%' }} className='individual-feelings-container'>
+                <div className='publication-date'>{moment(shownFeeling.date).format('DD/MM/YYYY')}</div>
+                <div className='horizontal-line' />
+                <div className='feelings-container-content' style={{ width: '100%' }}>
+                  <div className='container-sidebar' style={{ width: '45%' }}>
+                    <div className='emoticone-container'>
+                      <img className='emoticone-image' style={{ height: '50px' }} src={imagePaths[shownFeeling.mood]} alt={moods[shownFeeling.mood]} />
+                      <span className='emoticone-feeling'>{emotions[moods[shownFeeling.mood]]}</span>
+                    </div>
+                    <div className='review-status'>
+                      <p style={{ marginBottom: '0' }}>{shownFeeling.date !== '' ? 'Pris en compte le:' : 'En attente de prise en compte'}</p>
+                      <p style={{ marginTop: '0' }}>{shownFeeling.date !== '' ? `${moment(shownFeeling.date).format('DD/MM/YYYY')}` : ''}</p>
+                    </div>
+                    <div className='publication-author' style={{ alignItems: 'center', display: 'flex', gap: '5px' }}>{shownFeeling.annonymous ? 'Anonyme' : userProfile.firstname + ' ' + userProfile.lastname}</div>
                   </div>
-                  <div className='review-status'>
-                    <p style={{ marginBottom: '0' }}>{shownFeeling.date !== '' ? 'Pris en compte le:' : 'En attente de prise en compte'}</p>
-                    <p style={{ marginTop: '0' }}>{shownFeeling.date !== '' ? `${moment(shownFeeling.date).format('DD/MM/YYYY')}` : ''}</p>
+                  <div className='feelings-content' style={{ width: '100%' }}>
+                    <p className='paragraph-style'>{shownFeeling.comment}</p>
                   </div>
-                  <div className='publication-author' style={{alignItems:"center",display:"flex",gap:"5px"}}>{shownFeeling.annonymous ? "Anonyme" : userProfile.firstname + " " + userProfile.lastname}</div>
-                </div>
-                <div className='feelings-content' style={{width: "100%"}}>
-                  <p className='paragraph-style' >{shownFeeling.comment}</p>
                 </div>
               </div>
             </div>
-            </div>
           )}
         </Popup>
-        <div className="demands-container">
-            <h3 style={{paddingLeft: "15px"}}>Vos demandes de désanonymisation</h3>
-            <div className="demand-container-content">
-              {
-                demands.length !== 0 ? (
-                  demands.map((dem) => (
-                    <div title={dem.message} onClick={() => handleShowFeeling(dem.reason, dem.user)} className={`demand-container ${dem.status === 'refused' ? 'red-filler' : dem.status === 'accepted' ? 'green-filler' : 'orange-filler'}`} key={dem._id}>
-                      <p className="demand-content">{dem.status === 'refused' ? 'Refus de désanonymisation d\'un ressenti' : dem.status === 'accepted' ? 'Ressenti désanonymisé' : 'Demande de désanonymisation d\'un ressenti en attente d\'une réponse'}</p>
-                      <span>
-                        {
-                          dem.status !== 'accepted' && <button title="Accepter" className='demand-close-btn' onClick={(e) => { e.stopPropagation(); handleDemand(dem._id, "accepted")}}><img className="close-img" src={acceptIcon} alt='AcceptDemand' /></button>
+        <div className='demands-container'>
+          <h3 style={{ paddingLeft: '15px' }}>Vos demandes de désanonymisation</h3>
+          <div className='demand-container-content'>
+            {
+                demands.length !== 0
+                  ? (
+                      demands.map((dem) => (
+                        <div title={dem.message} onClick={() => handleShowFeeling(dem.reason, dem.user)} className={`demand-container ${dem.status === 'refused' ? 'red-filler' : dem.status === 'accepted' ? 'green-filler' : 'orange-filler'}`} key={dem._id}>
+                          <p className='demand-content'>{dem.status === 'refused' ? 'Refus de désanonymisation d\'un ressenti' : dem.status === 'accepted' ? 'Ressenti désanonymisé' : 'Demande de désanonymisation d\'un ressenti en attente d\'une réponse'}</p>
+                          <span>
+                            {
+                          dem.status !== 'accepted' && <button title='Accepter' className='demand-close-btn' onClick={(e) => { e.stopPropagation(); handleDemand(dem._id, 'accepted') }}><img className='close-img' src={acceptIcon} alt='AcceptDemand' /></button>
                         }
-                        {
-                          dem.status !== 'refused' && <button title="Refuser" className='demand-close-btn' onClick={(e) => { e.stopPropagation(); handleDemand(dem._id, "refused")}}><img className="close-img" src={refuseIcon} alt='RefuseDemand' /></button>
+                            {
+                          dem.status !== 'refused' && <button title='Refuser' className='demand-close-btn' onClick={(e) => { e.stopPropagation(); handleDemand(dem._id, 'refused') }}><img className='close-img' src={refuseIcon} alt='RefuseDemand' /></button>
                         }
-                      </span>
-                    </div>
-                ))
-                ) : (
-                  <p>Aucune demande en cours</p>
-                )
+                          </span>
+                        </div>
+                      ))
+                    )
+                  : (
+                    <p>Aucune demande en cours</p>
+                    )
               }
-            </div>
+          </div>
         </div>
         <div id='feelings-container' />
       </div>

From 3d61767b7a48aa789052e6469c7c1709ff08c48b Mon Sep 17 00:00:00 2001
From: adbusnel <adrien.busnel@epitech.eu>
Date: Sat, 30 Nov 2024 21:01:24 +0100
Subject: [PATCH 19/53] [MOD] fix linter errors

---
 src/Components/Popup/alertModification.jsx | 2 +-
 src/Users/Admin/feelingsAdminPage.jsx      | 6 +++++-
 2 files changed, 6 insertions(+), 2 deletions(-)

diff --git a/src/Components/Popup/alertModification.jsx b/src/Components/Popup/alertModification.jsx
index 82709bd8..79cdeedb 100644
--- a/src/Components/Popup/alertModification.jsx
+++ b/src/Components/Popup/alertModification.jsx
@@ -34,7 +34,7 @@ const AlertModificationPopupContent = ({ onClose, chosenAlert, handleEditAlert,
         toast.success('Fichier envoyé avec l\'alerte avec succès')
       })
       .catch((error) => /* istanbul ignore next */ {
-        toast.error(`Erreur lors de l\'envoi du fichier avec l\'alerte ${error.message}`)
+        toast.error(`Erreur lors de l'envoi du fichier avec l'alerte ${error.message}`);
       })
   }
 
diff --git a/src/Users/Admin/feelingsAdminPage.jsx b/src/Users/Admin/feelingsAdminPage.jsx
index 7ca91bad..7c8eff02 100644
--- a/src/Users/Admin/feelingsAdminPage.jsx
+++ b/src/Users/Admin/feelingsAdminPage.jsx
@@ -114,7 +114,7 @@ const FeelingsAdminPage = () => {
   }
 
   const handleAskDesanonym = (message) => {
-    demand.message = (message ? message : "Vous n\'avez pas de message associé à cette demande")
+    demand.message = (message ? message : "Vous n'avez pas de message associé à cette demande")
     fetch(`${process.env.REACT_APP_BACKEND_URL}/shared/desanonym/`, {
       method: 'POST',
       headers: {
@@ -131,6 +131,8 @@ const FeelingsAdminPage = () => {
           toast.success('La demande de désanonymisation a été effectuée.')
           getDesanonym()
           setIsOpen(!isOpen)
+        } else {
+          toast.error("Erreur serveur.")
         }
         return response
       })
@@ -153,6 +155,8 @@ const FeelingsAdminPage = () => {
         } else if (response.status === 200) {
           toast.success('La demande de désanonymisation supprimée.')
           getDesanonym()
+        } else {
+          toast.error("Erreur serveur.")
         }
         return response
       })

From 13ccd52c5636da77a622289732255d38efb5ac97 Mon Sep 17 00:00:00 2001
From: adbusnel <adbusnel@users.noreply.github.com>
Date: Sat, 30 Nov 2024 20:02:55 +0000
Subject: [PATCH 20/53] [LINT] Applied linter fix

---
 src/Components/Popup/alertModification.jsx | 2 +-
 src/Users/Admin/feelingsAdminPage.jsx      | 4 ++--
 2 files changed, 3 insertions(+), 3 deletions(-)

diff --git a/src/Components/Popup/alertModification.jsx b/src/Components/Popup/alertModification.jsx
index 79cdeedb..eca5ebad 100644
--- a/src/Components/Popup/alertModification.jsx
+++ b/src/Components/Popup/alertModification.jsx
@@ -34,7 +34,7 @@ const AlertModificationPopupContent = ({ onClose, chosenAlert, handleEditAlert,
         toast.success('Fichier envoyé avec l\'alerte avec succès')
       })
       .catch((error) => /* istanbul ignore next */ {
-        toast.error(`Erreur lors de l'envoi du fichier avec l'alerte ${error.message}`);
+        toast.error(`Erreur lors de l'envoi du fichier avec l'alerte ${error.message}`)
       })
   }
 
diff --git a/src/Users/Admin/feelingsAdminPage.jsx b/src/Users/Admin/feelingsAdminPage.jsx
index 4653cb04..0b4b4845 100644
--- a/src/Users/Admin/feelingsAdminPage.jsx
+++ b/src/Users/Admin/feelingsAdminPage.jsx
@@ -129,7 +129,7 @@ const FeelingsAdminPage = () => {
           getDesanonym()
           setIsOpen(!isOpen)
         } else {
-          toast.error("Erreur serveur.")
+          toast.error('Erreur serveur.')
         }
         return response
       })
@@ -153,7 +153,7 @@ const FeelingsAdminPage = () => {
           toast.success('La demande de désanonymisation supprimée.')
           getDesanonym()
         } else {
-          toast.error("Erreur serveur.")
+          toast.error('Erreur serveur.')
         }
         return response
       })

From 975678eefbbf030ba2c212f7e8a507ceeb409ca3 Mon Sep 17 00:00:00 2001
From: adbusnel <adrien.busnel@epitech.eu>
Date: Sat, 30 Nov 2024 21:27:51 +0100
Subject: [PATCH 21/53] [MOD] fix linter errors

---
 src/Components/Graph/studentGraphSpace.js | 1 -
 src/Components/Graph/teacherGraphSpace.js | 8 ++++----
 src/Users/Admin/feelingsAdminPage.jsx     | 4 +++-
 3 files changed, 7 insertions(+), 6 deletions(-)

diff --git a/src/Components/Graph/studentGraphSpace.js b/src/Components/Graph/studentGraphSpace.js
index 9afc109e..d4a8d9dc 100644
--- a/src/Components/Graph/studentGraphSpace.js
+++ b/src/Components/Graph/studentGraphSpace.js
@@ -38,7 +38,6 @@ export function StudentGraphSpace () {
           return aDate - bDate
         })
         const sortedMoodData = {}
-        keys.forEach((key) => sortedMoodData[key] = moodData[key])
         createOrUpdateChart(sortedMoodData)
       } catch (error) {
         console.error('Error fetching mood data:', error)
diff --git a/src/Components/Graph/teacherGraphSpace.js b/src/Components/Graph/teacherGraphSpace.js
index f6b746c6..1bd57412 100644
--- a/src/Components/Graph/teacherGraphSpace.js
+++ b/src/Components/Graph/teacherGraphSpace.js
@@ -17,9 +17,9 @@ Chart.register(LineController, LineElement, PointElement, LinearScale, Title, Ca
 
 export function TeacherGraphSpace () {
   const [moodData, setMoodData] = useState([])
-  const [selectedDate, setSelectedDate] = useState(new Date().toISOString().split('T')[0])
-  const [activeFilter, setActiveFilter] = useState('Semaine')
-  const [selectedClass, setSelectedClass] = useState(null)
+  const selectedDate = useState(new Date().toISOString().split('T')[0])
+  const activeFilter = useState('Semaine')
+  const selectedClass = useState(null)
 
   const moodChartRef = useRef(null)
 
@@ -44,7 +44,7 @@ export function TeacherGraphSpace () {
         }
         const mData = await response.json()
         const moodList = []
-        Object.keys(mData).filter(o => o != 'averagePercentage').forEach((date) => {
+        Object.keys(mData).filter(o => o !== 'averagePercentage').forEach((date) => {
           moodList.push({
             date,
             data: mData[date].moods
diff --git a/src/Users/Admin/feelingsAdminPage.jsx b/src/Users/Admin/feelingsAdminPage.jsx
index 4653cb04..3bbbac70 100644
--- a/src/Users/Admin/feelingsAdminPage.jsx
+++ b/src/Users/Admin/feelingsAdminPage.jsx
@@ -111,7 +111,7 @@ const FeelingsAdminPage = () => {
   }
 
   const handleAskDesanonym = (message) => {
-    demand.message = (message || "Vous n\'avez pas de message associé à cette demande")
+    demand.message = (message || "Vous n'avez pas de message associé à cette demande")
     fetch(`${process.env.REACT_APP_BACKEND_URL}/shared/desanonym/`, {
       method: 'POST',
       headers: {
@@ -134,6 +134,7 @@ const FeelingsAdminPage = () => {
         return response
       })
       .catch(error => /* istanbul ignore next */ {
+        console.error("Network or unexpected error:", error);
         toast.error("Erreur lors de l'envoi de la demande")
       })
   }
@@ -158,6 +159,7 @@ const FeelingsAdminPage = () => {
         return response
       })
       .catch(error => /* istanbul ignore next */ {
+        console.error("Network or unexpected error:", error);
         toast.error('Erreur lors de la suppression de la demande.')
       })
   }

From 1fe304a7dd49347501a5243148992ccf64347717 Mon Sep 17 00:00:00 2001
From: adbusnel <adbusnel@users.noreply.github.com>
Date: Sat, 30 Nov 2024 20:29:58 +0000
Subject: [PATCH 22/53] [LINT] Applied linter fix

---
 src/Users/Admin/feelingsAdminPage.jsx | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/Users/Admin/feelingsAdminPage.jsx b/src/Users/Admin/feelingsAdminPage.jsx
index 18165a8e..9fffb5ee 100644
--- a/src/Users/Admin/feelingsAdminPage.jsx
+++ b/src/Users/Admin/feelingsAdminPage.jsx
@@ -134,7 +134,7 @@ const FeelingsAdminPage = () => {
         return response
       })
       .catch(error => /* istanbul ignore next */ {
-        console.error("Network or unexpected error:", error);
+        console.error('Network or unexpected error:', error)
         toast.error("Erreur lors de l'envoi de la demande")
       })
   }
@@ -159,7 +159,7 @@ const FeelingsAdminPage = () => {
         return response
       })
       .catch(error => /* istanbul ignore next */ {
-        console.error("Network or unexpected error:", error);
+        console.error('Network or unexpected error:', error)
         toast.error('Erreur lors de la suppression de la demande.')
       })
   }

From 83550184ffc846e7a9f59472469b09242272e492 Mon Sep 17 00:00:00 2001
From: adbusnel <adrien.busnel@epitech.eu>
Date: Sat, 30 Nov 2024 21:43:02 +0100
Subject: [PATCH 23/53] [MOD] fix linter errors

---
 src/Components/ChatRoom/chatRoom.jsx        | 2 --
 src/Components/ChatRoom/chatRoomSidebar.jsx | 3 ---
 src/Components/Graph/studentGraphSpace.js   | 1 +
 3 files changed, 1 insertion(+), 5 deletions(-)

diff --git a/src/Components/ChatRoom/chatRoom.jsx b/src/Components/ChatRoom/chatRoom.jsx
index 08146775..a80d61da 100644
--- a/src/Components/ChatRoom/chatRoom.jsx
+++ b/src/Components/ChatRoom/chatRoom.jsx
@@ -15,7 +15,6 @@ import UserProfile from '../../Components/userProfile/userProfile'
 const Messages = () => {
   const [conversations, setConversations] = useState([])
   const [currentConversation, setCurrentConversation] = useState('')
-  const [currentParticipants, setCurrentParticipants] = useState('')
   const [notification, setNotification] = useState({ visible: false, message: '', type: '' })
   const { send, chats } = useContext(WebsocketContext) // eslint-disable-line
   const inputFile = useRef(null)
@@ -397,7 +396,6 @@ const Messages = () => {
         conversations={conversations}
         currentConversation={currentConversation}
         setCurrentConversation={setCurrentConversation}
-        setCurrentParticipants={setCurrentParticipants}
         clearMessageAndError={clearMessageAndError}
         openCreateConversationPopup={openCreateConversationPopup}
       />
diff --git a/src/Components/ChatRoom/chatRoomSidebar.jsx b/src/Components/ChatRoom/chatRoomSidebar.jsx
index 352697cc..00a844d7 100644
--- a/src/Components/ChatRoom/chatRoomSidebar.jsx
+++ b/src/Components/ChatRoom/chatRoomSidebar.jsx
@@ -6,7 +6,6 @@ const ChatRoomSidebar = ({
   conversations,
   currentConversation,
   setCurrentConversation,
-  setCurrentParticipants,
   clearMessageAndError,
   openCreateConversationPopup
 }) => {
@@ -23,7 +22,6 @@ const ChatRoomSidebar = ({
     conversation.participants?.map((participant) => (
       conv.push(participant.firstname + ' ' + participant.lastname)
     ))
-    setCurrentParticipants(conv.join(', '))
   }
 
   return (
@@ -33,7 +31,6 @@ const ChatRoomSidebar = ({
           <img className='img-cross' src={cross} alt='cross' />
           <span>+ Nouvelle conversation</span>
         </button>
-        {/* <span className='divider' /> */}
       </div>
       <div className='content'>
         {conversations.map((conversation, index) => (
diff --git a/src/Components/Graph/studentGraphSpace.js b/src/Components/Graph/studentGraphSpace.js
index d4a8d9dc..9afc109e 100644
--- a/src/Components/Graph/studentGraphSpace.js
+++ b/src/Components/Graph/studentGraphSpace.js
@@ -38,6 +38,7 @@ export function StudentGraphSpace () {
           return aDate - bDate
         })
         const sortedMoodData = {}
+        keys.forEach((key) => sortedMoodData[key] = moodData[key])
         createOrUpdateChart(sortedMoodData)
       } catch (error) {
         console.error('Error fetching mood data:', error)

From 4c64875a6f45e1f2d8592c48f661b0dc626a19e6 Mon Sep 17 00:00:00 2001
From: adbusnel <adrien.busnel@epitech.eu>
Date: Sat, 30 Nov 2024 21:47:52 +0100
Subject: [PATCH 24/53] [MOD] fix linter error

---
 src/Components/Graph/studentGraphSpace.js | 4 +++-
 1 file changed, 3 insertions(+), 1 deletion(-)

diff --git a/src/Components/Graph/studentGraphSpace.js b/src/Components/Graph/studentGraphSpace.js
index 9afc109e..d1b83932 100644
--- a/src/Components/Graph/studentGraphSpace.js
+++ b/src/Components/Graph/studentGraphSpace.js
@@ -38,7 +38,9 @@ export function StudentGraphSpace () {
           return aDate - bDate
         })
         const sortedMoodData = {}
-        keys.forEach((key) => sortedMoodData[key] = moodData[key])
+        keys.forEach((key) => {
+          sortedMoodData[key] = moodData[key];
+        });
         createOrUpdateChart(sortedMoodData)
       } catch (error) {
         console.error('Error fetching mood data:', error)

From 972984cc78bc8d3d56393bfb7ec86cd40fa30f67 Mon Sep 17 00:00:00 2001
From: adbusnel <adbusnel@users.noreply.github.com>
Date: Sat, 30 Nov 2024 20:48:22 +0000
Subject: [PATCH 25/53] [LINT] Applied linter fix

---
 src/Components/Graph/studentGraphSpace.js | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/Components/Graph/studentGraphSpace.js b/src/Components/Graph/studentGraphSpace.js
index d1b83932..f89914c2 100644
--- a/src/Components/Graph/studentGraphSpace.js
+++ b/src/Components/Graph/studentGraphSpace.js
@@ -39,8 +39,8 @@ export function StudentGraphSpace () {
         })
         const sortedMoodData = {}
         keys.forEach((key) => {
-          sortedMoodData[key] = moodData[key];
-        });
+          sortedMoodData[key] = moodData[key]
+        })
         createOrUpdateChart(sortedMoodData)
       } catch (error) {
         console.error('Error fetching mood data:', error)

From 3b841e6209b0929e562c9f6844f47ef833a9fbb0 Mon Sep 17 00:00:00 2001
From: adbusnel <adrien.busnel@epitech.eu>
Date: Sun, 1 Dec 2024 10:01:33 +0100
Subject: [PATCH 26/53] [MOD] fixed css of desanonym popup

---
 src/Components/Popup/alertModification.jsx |  3 +--
 src/Components/Popup/desanonymFeeling.jsx  | 13 +++++++------
 src/Users/Admin/feelingsAdminPage.jsx      |  6 +++---
 src/Users/Shared/alertsPage.jsx            |  5 ++---
 src/css/Components/Popup/popup.scss        |  8 ++++++++
 5 files changed, 21 insertions(+), 14 deletions(-)

diff --git a/src/Components/Popup/alertModification.jsx b/src/Components/Popup/alertModification.jsx
index eca5ebad..fa935477 100644
--- a/src/Components/Popup/alertModification.jsx
+++ b/src/Components/Popup/alertModification.jsx
@@ -4,7 +4,7 @@ import '../../css/pages/createAlerts.scss'
 import { toast } from 'react-toastify'
 import { disconnect } from '../../functions/disconnect'
 
-const AlertModificationPopupContent = ({ onClose, chosenAlert, handleEditAlert, errMessage }) => {
+const AlertModificationPopupContent = ({ onClose, chosenAlert, handleEditAlert }) => {
   const [editedAlert, setEditedAlert] = useState(chosenAlert)
   const [file, setFile] = useState(null)
 
@@ -57,7 +57,6 @@ const AlertModificationPopupContent = ({ onClose, chosenAlert, handleEditAlert,
         <span className='label-content'>Fichier joint</span>
         <input id='file-input' data-testid='alert-file-input' type='file' onChange={(e) => setFile(e.target.files[0])} />
       </label>
-      {errMessage ? <span style={{ color: 'red' }}>{errMessage}</span> : ''}
       <button className='popup-btn' onClick={() => editAlert()}>Modifier l'Alerte</button>
     </>
   )
diff --git a/src/Components/Popup/desanonymFeeling.jsx b/src/Components/Popup/desanonymFeeling.jsx
index 864e0906..205cfcc9 100644
--- a/src/Components/Popup/desanonymFeeling.jsx
+++ b/src/Components/Popup/desanonymFeeling.jsx
@@ -6,16 +6,17 @@ const DesanonymFeelingPopupContent = ({ handleAskDesanonym }) => {
   const [message, setMessage] = useState('')
 
   const handleMessage = (event) => {
-    console.log(event)
     setMessage(event.target.value)
   }
 
   return (
-    <>
-      <input placeholder="Message pour l'Élève..." onChange={handleMessage} type='text' value={message} />
-
-      <button className='popup-btn' onClick={() => handleAskDesanonym(message)}>Faire la demande</button>
-    </>
+    <div className="edit-poup-content desanonym-popup-content">
+      <h3>Demande de désanonymisation d'un ressenti</h3>
+      <label className='input-label' style={{alignItems: "center"}}>
+        <input placeholder="Message pour l'Élève..." onChange={handleMessage} type='text' value={message} />
+      </label>
+      <button className='popup-btn' style={{alignSelf: "center"}} onClick={() => handleAskDesanonym(message)}>Faire la demande</button>
+    </div>
   )
 }
 
diff --git a/src/Users/Admin/feelingsAdminPage.jsx b/src/Users/Admin/feelingsAdminPage.jsx
index 9fffb5ee..fd58319d 100644
--- a/src/Users/Admin/feelingsAdminPage.jsx
+++ b/src/Users/Admin/feelingsAdminPage.jsx
@@ -23,7 +23,7 @@ const FeelingsAdminPage = () => {
   const [demand, setDemand] = useState({
     user: '',
     reason: '',
-    message: 'Vous n\'avez pas de message associé à cette demande'
+    message: 'Pas de message'
   })
   const [demands, setDemands] = useState([])
   const [feelings, setFeelings] = useState([])
@@ -111,7 +111,7 @@ const FeelingsAdminPage = () => {
   }
 
   const handleAskDesanonym = (message) => {
-    demand.message = (message || "Vous n'avez pas de message associé à cette demande")
+    demand.message = (message || "Pas de message")
     fetch(`${process.env.REACT_APP_BACKEND_URL}/shared/desanonym/`, {
       method: 'POST',
       headers: {
@@ -187,7 +187,7 @@ const FeelingsAdminPage = () => {
       <div className='feelings-page'>
         <Popup open={isOpen} onClose={handleClosePopup} modal>
           {(close) => (
-            <div className='popup-modal-container'>
+            <div className='popup-modal-container' style={{alignItems: "center"}}>
               <button className='close-btn' onClick={close}><img src={cross} alt='Close' /></button>
               <DesanonymFeelingPopupContent handleAskDesanonym={handleAskDesanonym} />
             </div>
diff --git a/src/Users/Shared/alertsPage.jsx b/src/Users/Shared/alertsPage.jsx
index f53d2a28..d4cef9b0 100644
--- a/src/Users/Shared/alertsPage.jsx
+++ b/src/Users/Shared/alertsPage.jsx
@@ -22,7 +22,6 @@ const AlertsPage = () => {
   const [alerts, setAlerts] = useState([])
   const [chosenAlert, setChosenAlert] = useState({})
   const { id } = useParams()
-  const [errMessage, setErrMessage] = useState('')
   const [isDeleting, setIsDeleting] = useState(false)
 
   const fetchAlerts = async () => {
@@ -137,7 +136,7 @@ const AlertsPage = () => {
           toast.success('L\'alerte a été modifiée avec succès.')
           onClose()
         } else {
-          setErrMessage('Erreur lors de la mise à jour')
+          toast.error('Erreur lors de la mise à jour')
         }
       })
       .catch((error) => console.error('Erreur : ', error))
@@ -232,7 +231,7 @@ const AlertsPage = () => {
           {(close) => (
             <div className='popup-modal-container'>
               <button className='close-btn' onClick={close}><img data-testid='close-img' src={cross} alt='Close' /></button>
-              <AlertModificationPopupContent onClose={close} chosenAlert={chosenAlert} handleEditAlert={handleEditAlert} errMessage={errMessage} />
+              <AlertModificationPopupContent onClose={close} chosenAlert={chosenAlert} handleEditAlert={handleEditAlert} />
             </div>
           )}
         </Popup>
diff --git a/src/css/Components/Popup/popup.scss b/src/css/Components/Popup/popup.scss
index bfa35984..574c50f5 100644
--- a/src/css/Components/Popup/popup.scss
+++ b/src/css/Components/Popup/popup.scss
@@ -255,4 +255,12 @@
     gap: 10px;
     justify-content: center;
     align-content: center;
+}
+
+.desanonym-popup-content {
+    display: flex;
+    flex-direction: column;
+    gap: 10px;
+    justify-content: center;
+    align-content: center;
 }
\ No newline at end of file

From cd0de73da7719bb7247cbd40d6927aca710fdbbc Mon Sep 17 00:00:00 2001
From: adbusnel <adbusnel@users.noreply.github.com>
Date: Sun, 1 Dec 2024 09:02:04 +0000
Subject: [PATCH 27/53] [LINT] Applied linter fix

---
 src/Components/Popup/desanonymFeeling.jsx | 6 +++---
 src/Users/Admin/feelingsAdminPage.jsx     | 4 ++--
 2 files changed, 5 insertions(+), 5 deletions(-)

diff --git a/src/Components/Popup/desanonymFeeling.jsx b/src/Components/Popup/desanonymFeeling.jsx
index 205cfcc9..9d8f4e0a 100644
--- a/src/Components/Popup/desanonymFeeling.jsx
+++ b/src/Components/Popup/desanonymFeeling.jsx
@@ -10,12 +10,12 @@ const DesanonymFeelingPopupContent = ({ handleAskDesanonym }) => {
   }
 
   return (
-    <div className="edit-poup-content desanonym-popup-content">
+    <div className='edit-poup-content desanonym-popup-content'>
       <h3>Demande de désanonymisation d'un ressenti</h3>
-      <label className='input-label' style={{alignItems: "center"}}>
+      <label className='input-label' style={{ alignItems: 'center' }}>
         <input placeholder="Message pour l'Élève..." onChange={handleMessage} type='text' value={message} />
       </label>
-      <button className='popup-btn' style={{alignSelf: "center"}} onClick={() => handleAskDesanonym(message)}>Faire la demande</button>
+      <button className='popup-btn' style={{ alignSelf: 'center' }} onClick={() => handleAskDesanonym(message)}>Faire la demande</button>
     </div>
   )
 }
diff --git a/src/Users/Admin/feelingsAdminPage.jsx b/src/Users/Admin/feelingsAdminPage.jsx
index fd58319d..aa49d64d 100644
--- a/src/Users/Admin/feelingsAdminPage.jsx
+++ b/src/Users/Admin/feelingsAdminPage.jsx
@@ -111,7 +111,7 @@ const FeelingsAdminPage = () => {
   }
 
   const handleAskDesanonym = (message) => {
-    demand.message = (message || "Pas de message")
+    demand.message = (message || 'Pas de message')
     fetch(`${process.env.REACT_APP_BACKEND_URL}/shared/desanonym/`, {
       method: 'POST',
       headers: {
@@ -187,7 +187,7 @@ const FeelingsAdminPage = () => {
       <div className='feelings-page'>
         <Popup open={isOpen} onClose={handleClosePopup} modal>
           {(close) => (
-            <div className='popup-modal-container' style={{alignItems: "center"}}>
+            <div className='popup-modal-container' style={{ alignItems: 'center' }}>
               <button className='close-btn' onClick={close}><img src={cross} alt='Close' /></button>
               <DesanonymFeelingPopupContent handleAskDesanonym={handleAskDesanonym} />
             </div>

From 4b57068095da401b63402fe03fee2e81cc55505a Mon Sep 17 00:00:00 2001
From: adbusnel <adrien.busnel@epitech.eu>
Date: Sun, 1 Dec 2024 10:12:47 +0100
Subject: [PATCH 28/53] [MOD] replaced last errMessage by toast

---
 src/Components/Aides/aides.jsx              |  7 ++---
 src/Components/Alerts/lastAlerts.js         |  7 ++---
 src/Components/Header/headerComp.js         |  2 --
 src/Components/Popup/alertCreation.jsx      | 23 +++++++--------
 src/Components/Popup/csvAccountCreation.jsx | 32 +++------------------
 src/Users/Teacher/modifyFormTeacherPage.jsx | 23 ++++++---------
 src/Users/Teacher/newFormPage.jsx           | 19 +++++-------
 7 files changed, 36 insertions(+), 77 deletions(-)

diff --git a/src/Components/Aides/aides.jsx b/src/Components/Aides/aides.jsx
index 666a1b33..46f9b6e6 100644
--- a/src/Components/Aides/aides.jsx
+++ b/src/Components/Aides/aides.jsx
@@ -3,13 +3,13 @@ import '../../css/Components/Aides/aides.scss'
 import { disconnect } from '../../functions/disconnect'
 import phoneIcon from '../../assets/phoneIcon.png'
 import mailIcon from '../../assets/mailIcon.png'
+import { toast } from 'react-toastify'
 
 export default function AidePage () {
   const [categories, setCategories] = useState([])
   const [contacts, setContacts] = useState([])
   const [chosenContact, setChosenContact] = useState([])
   const [filteredContacts, setFilteredContacts] = useState([])
-  const [errMessage, setErrMessage] = useState('')
   const [defaultID, setDefaultID] = useState(null)
   const [selectedCat, setSelectedCat] = useState(null)
   const [selectedContact, setSelectedContact] = useState(null)
@@ -39,7 +39,7 @@ export default function AidePage () {
           setSelectedCat(filterID[0]._id)
         }
       })
-      .catch(error => setErrMessage(error.message))
+      .catch(error => toast.error(error.message))
 
     fetch(helpNumbersUrl, {
       method: 'GET',
@@ -59,7 +59,7 @@ export default function AidePage () {
         setChosenContact(data[0])
         setSelectedContact(data[0]._id)
       })
-      .catch(error => setErrMessage('Erreur ' + error.status + ': ' + error.message))
+      .catch(error => toast.error('Erreur ' + error.status + ': ' + error.message))
   }, [])
 
   const filterContactsByCategory = (category) => {
@@ -90,7 +90,6 @@ export default function AidePage () {
 
   return (
     <div style={{ display: 'flex', flexDirection: 'column' }}>
-      <p>{errMessage || ''}</p>
       <div id='category-container'>
         {categories.map((category) => (
           <button key={category._id} className={selectedCat === category._id ? 'selected-btn category-btn' : 'category-btn'} data-testid={'category-btn-' + category.id} onClick={() => filterContactsByCategory(category._id)}>
diff --git a/src/Components/Alerts/lastAlerts.js b/src/Components/Alerts/lastAlerts.js
index 09e59fcb..08801d96 100644
--- a/src/Components/Alerts/lastAlerts.js
+++ b/src/Components/Alerts/lastAlerts.js
@@ -5,9 +5,9 @@ import { Link } from 'react-router-dom'
 import rightArrowInverted from '../../assets/right-arrow-inverted.png'
 import UserProfile from '../userProfile/userProfile'
 import { disconnect } from '../../functions/disconnect'
+import { toast } from 'react-toastify'
 
 export function LastAlerts () {
-  const [errMessage, setErrMessage] = useState('')
   const [alerts, setAlerts] = useState([])
 
   useEffect(() => {
@@ -75,7 +75,7 @@ export function LastAlerts () {
         promisedList.then((alertList) => setAlerts(alertList))
       })
       .catch((error) => {
-        setErrMessage('Erreur : ', error.message)
+        toast.error('Erreur : ', error.message)
       })
   }, [])
 
@@ -117,9 +117,6 @@ export function LastAlerts () {
               )
             : (<p>Vous n'avez pas de nouvelle alerte.</p>)
         }
-        {
-          errMessage ? <p style={{ color: 'red' }}>{errMessage}</p> : ''
-        }
       </div>
     </div>
   )
diff --git a/src/Components/Header/headerComp.js b/src/Components/Header/headerComp.js
index 4376c543..17b0be2c 100644
--- a/src/Components/Header/headerComp.js
+++ b/src/Components/Header/headerComp.js
@@ -70,11 +70,9 @@ export default function HeaderComp ({ title, withLogo = true, subtitle, withRetu
       })
       .then((data) => {
         setNotifications(data)
-        // setNbNotification(data.length)
       })
       .catch((error) => /* istanbul ignore next */ {
         console.error(error)
-        // setErrMessage('Erreur : ', error.message)
       })
   }
 
diff --git a/src/Components/Popup/alertCreation.jsx b/src/Components/Popup/alertCreation.jsx
index a6e96285..66d6c210 100644
--- a/src/Components/Popup/alertCreation.jsx
+++ b/src/Components/Popup/alertCreation.jsx
@@ -1,4 +1,5 @@
 import React, { useState, useEffect } from 'react'
+import { toast } from 'react-toastify'
 import '../../css/Components/Popup/popup.scss'
 import '../../css/pages/createAlerts.scss'
 import { disconnect } from '../../functions/disconnect'
@@ -13,7 +14,6 @@ const AlertCreationPopupContent = () => {
   const [selectedClasses, setSelectedClasses] = useState([])
   const [file, setFile] = useState(null)
   const [isClass, setIsClass] = useState(true)
-  const [errMessage, setErrMessage] = useState('')
 
   useEffect(() => {
     // Requête GET : récupération de la liste des types d’utilisateurs
@@ -34,7 +34,7 @@ const AlertCreationPopupContent = () => {
         setRole(data.roles[0]._id)
         setUserRoles(data.roles)
       })
-      .catch((error) => /* istanbul ignore next */ { setErrMessage('Erreur lors de la récupération des roles', error.message) })
+      .catch((error) => /* istanbul ignore next */ { toast.error('Erreur lors de la récupération des roles', error.message) })
 
     // Requête GET : récupération des classes dont l’utilisateur est en charge
     fetch(`${process.env.REACT_APP_BACKEND_URL}/shared/classes`, {
@@ -51,7 +51,7 @@ const AlertCreationPopupContent = () => {
         return response.json()
       })
       .then((data) => (data.message === 'Access Forbidden' ? setUserClasses([]) : setUserClasses(data)))
-      .catch((error) => /* istanbul ignore next */ { setErrMessage('Erreur lors de la récupération des classes', error.message) })
+      .catch((error) => /* istanbul ignore next */ { toast.error('Erreur lors de la récupération des classes', error.message) })
   }, [])
 
   const handleAlertSubmit = async (e) => {
@@ -71,16 +71,16 @@ const AlertCreationPopupContent = () => {
     }
 
     if (title === '') {
-      setErrMessage('Le titre est vide.')
+      toast.error('Le titre est vide.')
       return
     } else if (message === '') {
-      setErrMessage('Le message est vide.')
+      toast.error('Le message est vide.')
       return
     } else if (isClass && selectedClasses.length === 0) {
-      setErrMessage("Aucune classe n'a été sélectionnée.")
+      toast.error("Aucune classe n'a été sélectionnée.")
       return
     } else if (!isClass && role === '') {
-      setErrMessage("Aucun rôle n'a été sélectionné.")
+      toast.error("Aucun rôle n'a été sélectionné.")
       return
     }
 
@@ -99,7 +99,7 @@ const AlertCreationPopupContent = () => {
         return response.json()
       })
       .then((data) => {
-        setErrMessage('Alerte envoyée avec succès')
+        toast.success('Alerte envoyée avec succès')
         if (file) {
           addFileToAlert(data._id)
         } else {
@@ -107,7 +107,7 @@ const AlertCreationPopupContent = () => {
         }
       })
       .catch((error) => /* istanbul ignore next */ {
-        setErrMessage('Erreur lors de l\'envoi de l\'alerte', error)
+        toast.error('Erreur lors de l\'envoi de l\'alerte', error)
       })
 
     function addFileToAlert (id) {
@@ -125,10 +125,10 @@ const AlertCreationPopupContent = () => {
           if (response.status === 401) {
             disconnect()
           }
-          setErrMessage('Fichier envoyé avec l\'alerte avec succès')
+          toast.success('Fichier envoyé avec l\'alerte avec succès')
           window.location.reload()
         })
-        .catch((error) => /* istanbul ignore next */ { setErrMessage('Erreur lors de l\'envoi du fichier avec l\'alerte', error) })
+        .catch((error) => /* istanbul ignore next */ { toast.error('Erreur lors de l\'envoi du fichier avec l\'alerte', error) })
     }
   }
 
@@ -211,7 +211,6 @@ const AlertCreationPopupContent = () => {
         <span className='label-content'>Fichier joint</span>
         <input style={{ fontFamily: 'Inter' }} id='file-input' data-testid='alert-file-input' type='file' onChange={(e) => setFile(e.target.files[0])} />
       </label>
-      {errMessage ? <span style={{ color: 'red' }}>{errMessage}</span> : ''}
       <button className='popup-btn' onClick={handleAlertSubmit}>Créer l'Alerte</button>
     </>
   )
diff --git a/src/Components/Popup/csvAccountCreation.jsx b/src/Components/Popup/csvAccountCreation.jsx
index c1ac4897..4754a8c7 100644
--- a/src/Components/Popup/csvAccountCreation.jsx
+++ b/src/Components/Popup/csvAccountCreation.jsx
@@ -1,14 +1,11 @@
 import React, { useState } from 'react'
 import '../../css/Components/Popup/popup.scss'
 import { disconnect } from '../../functions/disconnect'
+import {toast} from "react-toastify"
 
 const CsvAccountCreationPopupContent = () => {
   const role = sessionStorage.getItem('role')
   const [fileName, setFile] = useState()
-  const [errMessage, setErrMessage] = useState('')
-  const [successMessage, setSuccessMessage] = useState('')
-  const [popupVisible, setPopupVisible] = useState(false)
-  const [popupContent, setPopupContent] = useState('')
 
   const csvCreationUrl = process.env.REACT_APP_BACKEND_URL + '/adm/csvRegisterUser'
 
@@ -16,16 +13,6 @@ const CsvAccountCreationPopupContent = () => {
     setFile(event.target.files[0])
   }
 
-  const openPopup = (message) => {
-    setPopupContent(message)
-    setPopupVisible(true)
-  }
-
-  const closePopup = () => {
-    setPopupVisible(false)
-    setPopupContent('')
-  }
-
   const csvAccountCreation = async (event) => {
     event.preventDefault()
     const formData = new FormData()
@@ -44,16 +31,14 @@ const CsvAccountCreationPopupContent = () => {
       }
       const data = await response.json()
       if (response.ok) {
-        setSuccessMessage('Compte(s) créé(s) avec succès')
-        openPopup('Compte(s) créé(s) avec succès')
+        toast.success('Compte(s) créé(s) avec succès')
         window.location.reload()
       } else {
-        openPopup(`À la ligne ${data[0].rowCSV} du fichier CSV, ${data[0].errors[0]}`)
+        toast.error(`À la ligne ${data[0].rowCSV} du fichier CSV, ${data[0].errors[0]}`)
       }
     })
       .catch((error) => {
-        setErrMessage(error.message)
-        openPopup(error.message)
+        toast.error(error.message)
       })
   }
 
@@ -79,15 +64,6 @@ const CsvAccountCreationPopupContent = () => {
             )}
         </span>
       </label>
-      {errMessage ? <span data-testid='err-message' style={{ color: 'red' }}>{errMessage}</span> : ''}
-      {successMessage ? <span style={{ color: 'green' }}>{successMessage}</span> : ''}
-      {popupVisible &&
-        <div className='popup'>
-          <div className='popup-content'>
-            <span className='close' onClick={closePopup}>&times;</span>
-            <p>{popupContent}</p>
-          </div>
-        </div>}
       <button className='popup-btn' onClick={csvAccountCreation}>Créer le(s) Compte(s)</button>
     </>
   )
diff --git a/src/Users/Teacher/modifyFormTeacherPage.jsx b/src/Users/Teacher/modifyFormTeacherPage.jsx
index 67a15dd1..787ca04b 100644
--- a/src/Users/Teacher/modifyFormTeacherPage.jsx
+++ b/src/Users/Teacher/modifyFormTeacherPage.jsx
@@ -9,10 +9,10 @@ import '../../css/Components/Buttons/questionnaireButtons.css'
 import 'react-datepicker/dist/react-datepicker.css'
 import '../../css/Components/Popup/popup.scss'
 import { disconnect } from '../../functions/disconnect'
+import { toast } from 'react-toastify'
 
 const ModifyFormTeacherPage = () => {
   const [questionInc, setQuestionInc] = useState(1)
-  const [errMessage, setErrMessage] = useState('')
   const [questions, setQuestions] = useState([])
   const [position, setPosition] = useState(-1)
   const [isOpen, setIsOpen] = useState(false)
@@ -42,10 +42,10 @@ const ModifyFormTeacherPage = () => {
           setQuestionInc(data.questions.length)
           setParutionDate(moment(data.fromDate).format('YYYY-MM-DD'))
         } else {
-          setErrMessage(data.message)
+          toast.error(data.message)
         }
       })
-      .catch(error => /* istanbul ignore next */ { setErrMessage(error.message) })
+      .catch(error => /* istanbul ignore next */ { toast.error(error.message) })
   }, [id])
 
   function postQuestions () {
@@ -57,14 +57,14 @@ const ModifyFormTeacherPage = () => {
     if (title !== '') {
       for (let i = 0; i < questions.length; i++) {
         if (questions[i].title === '') {
-          setErrMessage(`Question n°${i + 1} n'a pas été renseignée.`)
+          toast.error(`Question n°${i + 1} n'a pas été renseignée.`)
           proceed = false
           break
         } else if (questions[i].type === 'multiple') {
           for (let j = 0; j < questions[i].answers.length; j++) {
             if (questions[i].answers[j].title === '') {
               proceed = false
-              setErrMessage(`La réponse n°${j + 1} de la question n°${i + 1} n'a pas été renseignée.`)
+              toast.error(`La réponse n°${j + 1} de la question n°${i + 1} n'a pas été renseignée.`)
               break
             }
           }
@@ -72,7 +72,7 @@ const ModifyFormTeacherPage = () => {
       }
     } else {
       proceed = false
-      setErrMessage('Le questionnaire n\'a pas de titre.')
+      toast.error('Le questionnaire n\'a pas de titre.')
     }
 
     if (proceed) {
@@ -91,12 +91,13 @@ const ModifyFormTeacherPage = () => {
         if (response.status === 401) {
           disconnect()
         } else if (response.status !== 200) {
-          setErrMessage(response.status + ' error : ' + response.statusText)
+          toast.error(response.status + ' error : ' + response.statusText)
         } else {
+          toast.success('Le questionnaire a été modifié avec succcès.')
           window.location.href = '/questionnaire/' + id
         }
       })
-        .catch(error => setErrMessage(error.message))
+        .catch(error => toast.error(error.message))
     }
   }
 
@@ -219,7 +220,6 @@ const ModifyFormTeacherPage = () => {
             <div className='popup-modal-container'>
               <span className='title-popup'>Sauvegarder les Modifications ?</span>
               <span className='content-popup'>Vous êtes sur le point de quitter la page et vous avez des modifications en cours qui ne sont pas sauvegardées. En quittant sans sauvegarder, vous perdrez toute vos modifications.</span>
-              {errMessage ? <span className='error-message' style={{ color: 'red' }}>{errMessage}</span> : ''}
               <div className='btn-container'>
                 <button className='popup-btn' onClick={close}>Annuler</button>
                 <div className='save-btn-container'>
@@ -230,11 +230,6 @@ const ModifyFormTeacherPage = () => {
             </div>
           )}
         </Popup>
-        <div className='form'>
-          <div className='error-message-container'>
-            <p className='error-message' data-testid='error-message'>{errMessage}</p>
-          </div>
-        </div>
         <div className='form-content-container'>
           <div className='head-form'>
             <div className='input-container'>
diff --git a/src/Users/Teacher/newFormPage.jsx b/src/Users/Teacher/newFormPage.jsx
index fa9fd1c5..23645536 100644
--- a/src/Users/Teacher/newFormPage.jsx
+++ b/src/Users/Teacher/newFormPage.jsx
@@ -7,10 +7,10 @@ import 'react-datepicker/dist/react-datepicker.css'
 import '../../css/pages/formPage.scss'
 import '../../css/Components/Buttons/questionnaireButtons.css'
 import { disconnect } from '../../functions/disconnect'
+import { toast } from 'react-toastify'
 
 const NewFormPage = () => {
   const [questionInc, setQuestionInc] = useState(1)
-  const [errMessage, setErrMessage] = useState('')
   const [questions, setQuestions] = useState([{
     title: '',
     type: 'text',
@@ -29,14 +29,14 @@ const NewFormPage = () => {
     if (title !== '') {
       for (let i = 0; i < questions.length; i++) {
         if (questions[i].title === '') {
-          setErrMessage(`Question n°${i + 1} n'a pas été renseignée.`)
+          toast.error(`Question n°${i + 1} n'a pas été renseignée.`)
           proceed = false
           break
         } else if (questions[i].type === 'multiple') {
           for (let j = 0; j < questions[i].answers.length; j++) {
             if (questions[i].answers[j].title === '') {
               proceed = false
-              setErrMessage(`La réponse n°${j + 1} de la question n°${i + 1} n'a pas été renseignée.`)
+              toast.error(`La réponse n°${j + 1} de la question n°${i + 1} n'a pas été renseignée.`)
               break
             }
           }
@@ -44,7 +44,7 @@ const NewFormPage = () => {
       }
     } else {
       proceed = false
-      setErrMessage('Le questionnaire n\'a pas de titre.')
+      toast.error('Le questionnaire n\'a pas de titre.')
     }
 
     if (proceed) {
@@ -64,12 +64,13 @@ const NewFormPage = () => {
           disconnect()
         }
         if (response.status !== 200) {
-          setErrMessage(response.status + ' error : ' + response.statusText)
+          toast.error(response.status + ' error : ' + response.statusText)
         } else {
+          toast.success('Le questionnaire a été créé avec succès')
           window.location.href = '/questionnaires'
         }
       })
-        .catch(error => setErrMessage(error.message))
+        .catch(error => toast.error(error.message))
     }
   }
 
@@ -186,7 +187,6 @@ const NewFormPage = () => {
             <div style={{ maxWidth: '500px', height: '600px' }} className='popup-modal-container'>
               <span className='title-popup'>Sauvegarder les modifications ?</span>
               <span className='content-popup'>Vous êtes sur le point de quitter la page et vous avez des modifications en cours qui ne sont pas sauvegardées. En quittant sans sauvegarder, vous perdrez toutes vos modifications.</span>
-              {errMessage ? <span className='error-message' style={{ color: 'red' }}>{errMessage}</span> : ''}
               <div className='btn-container'>
                 <div className='save-btn-container'>
                   <button className='popup-text-btn' onClick={close}>Continuer l'édition</button>
@@ -197,11 +197,6 @@ const NewFormPage = () => {
             </div>
           )}
         </Popup>
-        <div className='form'>
-          <div className='error-message-container'>
-            <p className='error-message' data-testid='error-message'>{errMessage}</p>
-          </div>
-        </div>
         <div className='form-content-container'>
           <div className='head-form'>
             <div className='input-container'>

From 6e1fbbb3c8265405d595b0cfecabebf58a660bdf Mon Sep 17 00:00:00 2001
From: adbusnel <adbusnel@users.noreply.github.com>
Date: Sun, 1 Dec 2024 09:13:17 +0000
Subject: [PATCH 29/53] [LINT] Applied linter fix

---
 src/Components/Popup/csvAccountCreation.jsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/Components/Popup/csvAccountCreation.jsx b/src/Components/Popup/csvAccountCreation.jsx
index 4754a8c7..3e5aa34a 100644
--- a/src/Components/Popup/csvAccountCreation.jsx
+++ b/src/Components/Popup/csvAccountCreation.jsx
@@ -1,7 +1,7 @@
 import React, { useState } from 'react'
 import '../../css/Components/Popup/popup.scss'
 import { disconnect } from '../../functions/disconnect'
-import {toast} from "react-toastify"
+import { toast } from 'react-toastify'
 
 const CsvAccountCreationPopupContent = () => {
   const role = sessionStorage.getItem('role')

From e146ca921aa40f21e5c4f7ce9c05685305d98c79 Mon Sep 17 00:00:00 2001
From: adbusnel <adrien.busnel@epitech.eu>
Date: Sun, 1 Dec 2024 16:47:29 +0100
Subject: [PATCH 30/53] [MOD] added separation of reports

---
 src/Components/reports/reportSidebar.jsx | 25 +++++++++++++++++-------
 src/Users/SchoolAdmin/reportChecking.jsx |  9 +++++++++
 src/css/pages/reportChecking.scss        | 12 +++++++++++-
 3 files changed, 38 insertions(+), 8 deletions(-)

diff --git a/src/Components/reports/reportSidebar.jsx b/src/Components/reports/reportSidebar.jsx
index 1f521e48..65364e47 100644
--- a/src/Components/reports/reportSidebar.jsx
+++ b/src/Components/reports/reportSidebar.jsx
@@ -5,8 +5,11 @@ const ReportSidebar = ({
   reports,
   currentReport,
   setCurrentReport,
-  handleReportSelection
+  handleReportSelection,
+  showTreated,
+  handleShowTreated
 }) => {
+
   const handleClick = (report) => {
     setCurrentReport(report)
     if (report.conversation) {
@@ -16,14 +19,22 @@ const ReportSidebar = ({
 
   return (
     <div className='chat-sidebar'>
+      <div className="report-sidebar-header">
+        <div className={`report-sidebar-button ${showTreated ? 'blue-filler' : ''}`} style={{width: '40%'}} onClick={() => handleShowTreated(true)}>Traités</div>
+        <div className={`report-sidebar-button ${showTreated ? '' : 'blue-filler'}`} style={{width: '60%'}} onClick={() => handleShowTreated(false)}>En Attente</div>
+      </div>
       <div className='content'>
-        {reports.map((report, index) => (
-          <div key={index} className={`${report === currentReport ? 'active-conversation' : 'conversation'}`} onClick={() => handleClick(report)}>
-            <div className='text'>
-              {translate(report.type)}
+        {reports
+          .filter((report) =>
+            showTreated ? !report.status : report.status === 'seen'
+          ).map((report, index) => (
+            <div key={index} className={`${report === currentReport ? 'active-conversation' : 'conversation'}`} onClick={() => handleClick(report)}>
+              <div className='text'>
+                {translate(report.type)}
+              </div>
             </div>
-          </div>
-        ))}
+          ))
+        }
       </div>
     </div>
   )
diff --git a/src/Users/SchoolAdmin/reportChecking.jsx b/src/Users/SchoolAdmin/reportChecking.jsx
index 0a743146..c103036b 100644
--- a/src/Users/SchoolAdmin/reportChecking.jsx
+++ b/src/Users/SchoolAdmin/reportChecking.jsx
@@ -10,11 +10,18 @@ import { translate } from '../../functions/translate'
 const ReportChecking = () => {
   const [reports, setReports] = useState([])
   const [currentReport, setCurrentReport] = useState('')
+  const [showTreated, setShowTreated] = useState(true)
   // const [reportedConversation, setReportedConversation] = useState(null)
   // const [reportedConversationMessages, setReportedConversationMessages] = useState(null)
   // const [isReportProcessed, setIsReportProcessed] = useState(false)
   // const [error, setError] = useState('')
   // const [reportRequest, setReportRequests] = useState([])
+
+  const handleShowTreated = (result) => {
+    setShowTreated(result)
+    console.log(result)
+  }
+
   const fetchReportRequests = async () => {
     try {
       const response = await fetch(`${process.env.REACT_APP_BACKEND_URL}/shared/report`, {
@@ -151,6 +158,8 @@ const ReportChecking = () => {
             currentReport={currentReport}
             setCurrentReport={setCurrentReport}
             handleReportSelection={handleReportSelection}
+            showTreated={showTreated}
+            handleShowTreated={handleShowTreated}
           />
 
           <div className='chat'>
diff --git a/src/css/pages/reportChecking.scss b/src/css/pages/reportChecking.scss
index 60339d0a..d58acac7 100644
--- a/src/css/pages/reportChecking.scss
+++ b/src/css/pages/reportChecking.scss
@@ -27,13 +27,23 @@
           display: flex;
           flex-direction: row;
           justify-content: center;
+          width: 100%;
 
           .report-sidebar-button {
             font-size: large;
-            font-family: Inter;
             padding: 5px;
             cursor: pointer;
           }
+
+          .blue-filler {
+            background-color: #4F23E2;
+            color: white
+          }
+
+          .report-sidebar-button:hover {
+            font-size: larger;
+            transition: 0.1s;
+          }
         }
 
         .top {

From 0f425fba51802f2c772c21aa854cd9dcfa221bdd Mon Sep 17 00:00:00 2001
From: adbusnel <adbusnel@users.noreply.github.com>
Date: Sun, 1 Dec 2024 15:50:03 +0000
Subject: [PATCH 31/53] [LINT] Applied linter fix

---
 src/Components/reports/reportSidebar.jsx | 10 ++++------
 1 file changed, 4 insertions(+), 6 deletions(-)

diff --git a/src/Components/reports/reportSidebar.jsx b/src/Components/reports/reportSidebar.jsx
index 65364e47..b4866c69 100644
--- a/src/Components/reports/reportSidebar.jsx
+++ b/src/Components/reports/reportSidebar.jsx
@@ -9,7 +9,6 @@ const ReportSidebar = ({
   showTreated,
   handleShowTreated
 }) => {
-
   const handleClick = (report) => {
     setCurrentReport(report)
     if (report.conversation) {
@@ -19,9 +18,9 @@ const ReportSidebar = ({
 
   return (
     <div className='chat-sidebar'>
-      <div className="report-sidebar-header">
-        <div className={`report-sidebar-button ${showTreated ? 'blue-filler' : ''}`} style={{width: '40%'}} onClick={() => handleShowTreated(true)}>Traités</div>
-        <div className={`report-sidebar-button ${showTreated ? '' : 'blue-filler'}`} style={{width: '60%'}} onClick={() => handleShowTreated(false)}>En Attente</div>
+      <div className='report-sidebar-header'>
+        <div className={`report-sidebar-button ${showTreated ? 'blue-filler' : ''}`} style={{ width: '40%' }} onClick={() => handleShowTreated(true)}>Traités</div>
+        <div className={`report-sidebar-button ${showTreated ? '' : 'blue-filler'}`} style={{ width: '60%' }} onClick={() => handleShowTreated(false)}>En Attente</div>
       </div>
       <div className='content'>
         {reports
@@ -33,8 +32,7 @@ const ReportSidebar = ({
                 {translate(report.type)}
               </div>
             </div>
-          ))
-        }
+          ))}
       </div>
     </div>
   )

From 617343658005d6eba8a746752652874d9281564a Mon Sep 17 00:00:00 2001
From: adbusnel <adrien.busnel@epitech.eu>
Date: Sun, 1 Dec 2024 16:55:02 +0100
Subject: [PATCH 32/53] [MOD] fixed swap of waiting and treated

---
 src/Components/reports/reportSidebar.jsx | 4 ++--
 src/Users/SchoolAdmin/reportChecking.jsx | 2 +-
 2 files changed, 3 insertions(+), 3 deletions(-)

diff --git a/src/Components/reports/reportSidebar.jsx b/src/Components/reports/reportSidebar.jsx
index b4866c69..c521430a 100644
--- a/src/Components/reports/reportSidebar.jsx
+++ b/src/Components/reports/reportSidebar.jsx
@@ -19,13 +19,13 @@ const ReportSidebar = ({
   return (
     <div className='chat-sidebar'>
       <div className='report-sidebar-header'>
-        <div className={`report-sidebar-button ${showTreated ? 'blue-filler' : ''}`} style={{ width: '40%' }} onClick={() => handleShowTreated(true)}>Traités</div>
         <div className={`report-sidebar-button ${showTreated ? '' : 'blue-filler'}`} style={{ width: '60%' }} onClick={() => handleShowTreated(false)}>En Attente</div>
+        <div className={`report-sidebar-button ${showTreated ? 'blue-filler' : ''}`} style={{ width: '40%' }} onClick={() => handleShowTreated(true)}>Traités</div>
       </div>
       <div className='content'>
         {reports
           .filter((report) =>
-            showTreated ? !report.status : report.status === 'seen'
+            showTreated ? report.status === 'seen' : !report.status
           ).map((report, index) => (
             <div key={index} className={`${report === currentReport ? 'active-conversation' : 'conversation'}`} onClick={() => handleClick(report)}>
               <div className='text'>
diff --git a/src/Users/SchoolAdmin/reportChecking.jsx b/src/Users/SchoolAdmin/reportChecking.jsx
index c103036b..1b17b7e8 100644
--- a/src/Users/SchoolAdmin/reportChecking.jsx
+++ b/src/Users/SchoolAdmin/reportChecking.jsx
@@ -10,7 +10,7 @@ import { translate } from '../../functions/translate'
 const ReportChecking = () => {
   const [reports, setReports] = useState([])
   const [currentReport, setCurrentReport] = useState('')
-  const [showTreated, setShowTreated] = useState(true)
+  const [showTreated, setShowTreated] = useState(false)
   // const [reportedConversation, setReportedConversation] = useState(null)
   // const [reportedConversationMessages, setReportedConversationMessages] = useState(null)
   // const [isReportProcessed, setIsReportProcessed] = useState(false)

From 20c0e800b765022abc4d95d50a3ca29ea4c2a46e Mon Sep 17 00:00:00 2001
From: adbusnel <adrien.busnel@epitech.eu>
Date: Mon, 2 Dec 2024 10:27:58 +0100
Subject: [PATCH 33/53] [MOD] fixed too long conversation names, added popup to
 show reported conversation

---
 src/Components/ChatRoom/chatRoom.jsx          |   6 +-
 src/Components/ChatRoom/chatRoomSidebar.jsx   |   8 +-
 .../Popup/accessingReportedConversation.jsx   | 134 +++++
 src/Components/reports/reportSidebar.jsx      |   4 +-
 src/Users/SchoolAdmin/reportChecking.jsx      |  54 +-
 src/assets/chatIcon.png                       | Bin 0 -> 13521 bytes
 src/css/pages/chatRoomPage.scss               | 492 ++++++++++++++++++
 src/css/pages/reportChecking.scss             |   5 +
 8 files changed, 685 insertions(+), 18 deletions(-)
 create mode 100644 src/Components/Popup/accessingReportedConversation.jsx
 create mode 100644 src/assets/chatIcon.png

diff --git a/src/Components/ChatRoom/chatRoom.jsx b/src/Components/ChatRoom/chatRoom.jsx
index a80d61da..e2af323d 100644
--- a/src/Components/ChatRoom/chatRoom.jsx
+++ b/src/Components/ChatRoom/chatRoom.jsx
@@ -264,6 +264,10 @@ const Messages = () => {
     setShowCreateConversationPopup(!showCreateConversationPopup)
   }
 
+  const truncateString = (str) => {
+    return str.length > 25 ? str.slice(0, 30) + '...' : str;
+  };
+
   const createConversation = async (convTitle, selectedContacts) => {
     try {
       const userId = localStorage.getItem('id')
@@ -409,7 +413,7 @@ const Messages = () => {
             <div className='chat-content'>
               <div className='top'>
                 <div className='top-info'>
-                  <div className='conv-name'>{currentConversation.name}</div>
+                <div className='conv-name' title={currentConversation.name}>{truncateString(currentConversation.name)}</div>
                   <div className='participants-container'>
                     {currentConversation.participants.length} {currentConversation.participants.length > 1 ? 'membres' : 'membre'}
                   </div>
diff --git a/src/Components/ChatRoom/chatRoomSidebar.jsx b/src/Components/ChatRoom/chatRoomSidebar.jsx
index 00a844d7..f4db7279 100644
--- a/src/Components/ChatRoom/chatRoomSidebar.jsx
+++ b/src/Components/ChatRoom/chatRoomSidebar.jsx
@@ -24,6 +24,10 @@ const ChatRoomSidebar = ({
     ))
   }
 
+  const truncateString = (str) => {
+    return str.length > 25 ? str.slice(0, 30) + '...' : str;
+  };
+
   return (
     <div className='chat-sidebar'>
       <div className='top'>
@@ -35,8 +39,8 @@ const ChatRoomSidebar = ({
       <div className='content'>
         {conversations.map((conversation, index) => (
           <div key={index} className={`${conversation === currentConversation ? 'active-conversation' : 'conversation'}`} onClick={() => handleClick(conversation)}>
-            <div className='text'>
-              {conversation.name}
+            <div className='text' title={conversation.name}>
+            {truncateString(conversation.name)}
             </div>
             {
               (chats.value.unseenChats.includes(conversation._id)) &&
diff --git a/src/Components/Popup/accessingReportedConversation.jsx b/src/Components/Popup/accessingReportedConversation.jsx
new file mode 100644
index 00000000..964d33ae
--- /dev/null
+++ b/src/Components/Popup/accessingReportedConversation.jsx
@@ -0,0 +1,134 @@
+import React, { useEffect, useState } from 'react'
+import '../../css/Components/Popup/popup.scss'
+import '../../css/pages/createAlerts.scss'
+import Message from "../../Components/ChatRoom/message"
+import { disconnect } from '../../functions/disconnect'
+import UserProfile from '../../Components/userProfile/userProfile'
+import '../../css/pages/chatRoomPage.scss'
+
+const AccessingReportedConversationPopupContent = ({ reportedConversationId }) => {
+  const [currentConversation, setCurrentConversation] = useState('')
+  const [isFetched, setIsFetched] = useState(false)
+  const [messages, setMessages] = useState([])
+
+  const fetchConversations = async (changeConversation = true) => {
+    const response = await fetch(`${process.env.REACT_APP_BACKEND_URL}/user/chat`, {
+      method: 'GET',
+      headers: {
+        'x-auth-token': sessionStorage.getItem('token'),
+        'Content-Type': 'application/json'
+      }
+    })
+    console.log(response.status)
+    if (response.status === 401) {
+      disconnect()
+    } else {
+      const data = await response.json()
+      const conv = data.find(item => item._id === reportedConversationId)
+      const convParticipants = conv.participants
+      const convName = []
+      convParticipants.map((participant) => (
+        convName.push(participant.firstname + ' ' + participant.lastname)
+      ))
+      setCurrentConversation({
+        _id: conv._id,
+        date: conv.date,
+        participants: conv.participants,
+        name: conv.title !== 'placeholder title' ? conv.title : convName.join(', ')
+      })
+      fetchMessages()
+    }
+  }
+
+  const fetchMessages = async () => {
+
+    try {
+      if (!currentConversation) {
+        return
+      }
+      const response = await fetch(
+        `${process.env.REACT_APP_BACKEND_URL}/user/chat/${reportedConversationId}/messages`,
+        {
+          method: 'GET',
+          headers: {
+            'x-auth-token': sessionStorage.getItem('token'),
+            'Content-Type': 'application/json'
+          }
+        }
+      )
+      setIsFetched(true)
+
+      if (response.status === 401) {
+        disconnect()
+      }
+      if (!response.ok) /* istanbul ignore next */ {
+        throw new Error('Erreur lors de la récupération des messages.')
+      } else {
+        const data = await response.json()
+        const messageData = data.map((message) => ({
+          contentType: !message.file ? 'text' : 'file',
+          ...message
+        }))
+        setMessages(messageData)
+      }
+    } catch (error) /* istanbul ignore next */ {
+      console.error('Erreur lors de la récupération des messages :', error)
+    }
+  }
+
+  useEffect(() => {
+    if (!isFetched) {
+      fetchConversations()
+    }
+  }, [fetchConversations])
+
+  const truncateString = (str) => {
+    return str.length > 25 ? str.slice(0, 30) + '...' : str;
+  };
+
+  return (
+    <div className='messaging-popup'>
+      <div className='chat'>
+        {currentConversation
+          ? (
+            <div className='chat-content'>
+              <div className='top'>
+                <div className='top-info'>
+                  <div className='conv-name' title={currentConversation.name}>{truncateString(currentConversation.name)}</div>
+                  <div className='participants-container'>
+                    {currentConversation.participants.length} {currentConversation.participants.length > 1 ? 'membres' : 'membre'}
+                  </div>
+                </div>
+              </div>
+              <div className='bottom'>
+                <div className='left'>
+                  <div className='top2'>
+                    <div className='message-list'>
+                      {messages.map((message, index) => (
+                        <Message key={index} next={messages[index + 1]} message={message} participants={currentConversation.participants} />
+                      ))}
+                    </div>
+                  </div>
+                </div>
+                <div className='right'>
+                  {currentConversation.participants.map((participant, indexP) => (
+                    <div className='user-profile' key={indexP}>
+                      <UserProfile
+                        fullname
+                        profile={participant}
+                      />
+                    </div>
+                  ))}
+                </div>
+              </div>
+            </div>
+            )
+          : (
+            <div>Aucune conversation sélectionnée.</div>
+            )}
+      </div>
+    </div>
+  )
+}
+
+export default AccessingReportedConversationPopupContent
diff --git a/src/Components/reports/reportSidebar.jsx b/src/Components/reports/reportSidebar.jsx
index c521430a..7295e86c 100644
--- a/src/Components/reports/reportSidebar.jsx
+++ b/src/Components/reports/reportSidebar.jsx
@@ -4,13 +4,13 @@ import { translate } from '../../functions/translate'
 const ReportSidebar = ({
   reports,
   currentReport,
-  setCurrentReport,
+  handleCurrentReport,
   handleReportSelection,
   showTreated,
   handleShowTreated
 }) => {
   const handleClick = (report) => {
-    setCurrentReport(report)
+    handleCurrentReport(report)
     if (report.conversation) {
       handleReportSelection(report._id, report.conversation)
     }
diff --git a/src/Users/SchoolAdmin/reportChecking.jsx b/src/Users/SchoolAdmin/reportChecking.jsx
index 1b17b7e8..ec702720 100644
--- a/src/Users/SchoolAdmin/reportChecking.jsx
+++ b/src/Users/SchoolAdmin/reportChecking.jsx
@@ -6,20 +6,34 @@ import ReportSidebar from '../../Components/reports/reportSidebar'
 import UserProfile from '../../Components/userProfile/userProfile'
 import { disconnect } from '../../functions/disconnect'
 import { translate } from '../../functions/translate'
+import {toast} from "react-toastify"
+import Popup from 'reactjs-popup'
+import cross from '../../assets/Cross.png'
+import chatIcon from "../../assets/chatIcon.png"
+import AccessingReportedConversationPopupContent from "../../Components/Popup/accessingReportedConversation"
+
 
 const ReportChecking = () => {
   const [reports, setReports] = useState([])
   const [currentReport, setCurrentReport] = useState('')
   const [showTreated, setShowTreated] = useState(false)
-  // const [reportedConversation, setReportedConversation] = useState(null)
+  const [reportedConversation, setReportedConversation] = useState(null)
+  const [isAccessing, setIsAccessing] = useState(false)
   // const [reportedConversationMessages, setReportedConversationMessages] = useState(null)
   // const [isReportProcessed, setIsReportProcessed] = useState(false)
-  // const [error, setError] = useState('')
   // const [reportRequest, setReportRequests] = useState([])
 
+  const handleCurrentReport = (report) => {
+    setCurrentReport(report)
+    if (report.conversation) {
+      setReportedConversation(report.conversation._id)
+    } else {
+      setReportedConversation(null)
+    }
+  }
+
   const handleShowTreated = (result) => {
     setShowTreated(result)
-    console.log(result)
   }
 
   const fetchReportRequests = async () => {
@@ -38,11 +52,12 @@ const ReportChecking = () => {
       setReports(data)
       setCurrentReport(data[data.length - 1])
       if (data[data.length - 1].conversation) {
+        setReportedConversation(data[data.length - 1].conversation._id)
         handleReportSelection(data[data.length - 1]._id, data[data.length - 1].conversation)
       }
       console.log(data)
     } catch (error) /* istanbul ignore next */ {
-      console.error('Erreur lors de la récupération des demandes de signalement.')
+      toast.error('Erreur lors de la récupération des demandes de signalement.')
     }
   }
 
@@ -130,7 +145,7 @@ const ReportChecking = () => {
 
       // setIsReportProcessed(isProcessed)
     } catch (error) {
-      console.error('Erreur lors du traitement de la demande.')
+      toast.error('Erreur lors du traitement de la demande.')
     }
   }
 
@@ -139,6 +154,9 @@ const ReportChecking = () => {
     // await fetchReportedConversationMessages(conversationId)
     // await checkReportProcessingStatus(reportId)
   }
+  const handleAccessReportedChat = () => {
+    setIsAccessing(!isAccessing)
+  }
 
   useEffect(() => {
     fetchReportRequests()
@@ -156,18 +174,29 @@ const ReportChecking = () => {
           <ReportSidebar
             reports={reports}
             currentReport={currentReport}
-            setCurrentReport={setCurrentReport}
+            handleCurrentReport={handleCurrentReport}
             handleReportSelection={handleReportSelection}
             showTreated={showTreated}
             handleShowTreated={handleShowTreated}
           />
-
+          <Popup className="conversation-popup" open={isAccessing} onClose={() => setIsAccessing(false)} modal>
+            {(close) => (
+              <div className='popup-modal-container' style={{ alignItems: 'center' }}>
+                <button className='close-btn' onClick={close}><img src={cross} alt='Close' /></button>
+                <AccessingReportedConversationPopupContent reportedConversationId={reportedConversation} onClose={close}/>
+              </div>
+            )}
+          </Popup>
           <div className='chat'>
             {currentReport
               ? (
                 <div className='chat-content'>
                   <div className='top'>
-                    <div className='conv-name'>{translate(currentReport.type)}</div>
+                    <div className='conv-name'>{translate(currentReport.type)} {
+                          reportedConversation && (
+                            <img src={chatIcon} className="report-chat-icon" alt="chat" onClick={handleAccessReportedChat} title="Voir la conversation signalée"/>
+                          )
+                        }</div>
                     <div className='report-status'>{currentReport.status === 'seen'
                       ? 'La requête a été traitée'
                       : (
@@ -180,15 +209,14 @@ const ReportChecking = () => {
                     <div className='left'>
                       <div className='top2'>
                         {
-                            currentReport.message && (
-                              <div className='report-message'>{currentReport.message}</div>
-                            )
-                          }
+                          currentReport.message && (
+                            <div className='report-message'>{currentReport.message}</div>
+                          )
+                        }
                         {/* <div className='message-list'> // waiting for conversation routes to be fixed */}
                         {/* {reportedConversationMessages.map((message, index) => (
                               <Message key={index} message={message} participants={reportedConversation.participants} />
                             ))} */}
-                        {/* {error && <div className='error-message'>{error}</div>} */}
                         {/* </div> */}
                       </div>
                     </div>
diff --git a/src/assets/chatIcon.png b/src/assets/chatIcon.png
new file mode 100644
index 0000000000000000000000000000000000000000..d7a14da139fac2d47963b96d136a73b201bcf524
GIT binary patch
literal 13521
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
D=s_8!

literal 0
HcmV?d00001

diff --git a/src/css/pages/chatRoomPage.scss b/src/css/pages/chatRoomPage.scss
index 53cbb374..159f55f0 100644
--- a/src/css/pages/chatRoomPage.scss
+++ b/src/css/pages/chatRoomPage.scss
@@ -598,3 +598,495 @@
     }
   }
 }
+
+
+////////////////////////////////////////////////////////////
+.conversation-popup {
+  width: 100vw !important;
+}
+
+.messaging-popup {
+  height: calc(100% - 29px);
+  width: 100%;
+  display: flex;
+  flex-direction: row;
+  justify-content: space-between;
+  align-items: center;
+
+  .chat-sidebar {
+    box-sizing: border-box;
+    border: 1px solid lightgrey;
+    box-shadow: 5px 5px 5px 0px lightgray;
+    border-radius: 5px;
+    height: 100%;
+    width: 250px;
+
+    .top {
+      display: flex;
+      flex-direction: column;
+      justify-content: center;
+      align-items: center;
+      width: 100%;
+      margin-top: 5px;
+      margin-bottom: 10px;
+
+      .new-conversation-button {
+        display: flex;
+        flex-direction: row;
+        justify-content: start;
+        align-items: center;
+        width: 230px;
+        cursor: pointer;
+
+        background-color: #4F23E2;
+        border-radius: 5px;
+
+        color: white;
+        font-size: 14px;
+        font-family: 'Inter';
+        font-weight: 500;
+      }
+
+      .new-conversation-button:hover {
+        background-color: #3b1ca9;
+      }
+
+      .divider {
+        margin-top: 4px;
+        height: 4px;
+        width: 100%;
+        background-color: #4F23E2;
+      }
+    }
+
+    .content {
+      display: flex;
+      flex-direction: column;
+      justify-content: start;
+      align-items: start;
+      height: 100%;
+      width: 100%;
+      margin-left: 0px;
+
+      .conversation-notification {
+        width: 15px;
+        height: 15px;
+        border-radius: 100%;
+        background-color: red;
+        margin-right: 5px;
+      }
+
+      .active-conversation {
+        height: 71px;
+        width: 100%;
+        background-color: #4F23E2;
+        display: flex;
+        flex-direction: row;
+        justify-content: space-between;
+        align-items: center;
+        cursor: pointer;
+
+        .text {
+          color: white;
+          font-size: 16px;
+          font-family: Inter;
+          font-weight: 600;
+          margin-left: 10px;
+        }
+      }
+
+      .active-conversation:hover {
+        background-color: #3b1ca9;
+        color: white;
+      }
+
+      .conversation {
+        height: 71px;
+        width: 100%;
+        background-color: white;
+        display: flex;
+        flex-direction: row;
+        justify-content: space-between;
+        align-items: center;
+        cursor: pointer;
+
+        .text {
+          margin-left: 10px;
+          color: #4F23E2;
+          font-size: 16px;
+          font-family: Inter;
+          font-weight: 600;
+        }
+      }
+
+      .conversation:hover {
+        text-decoration: underline;
+      }
+    }
+  }
+
+  .chat {
+    width: 100%;
+    height: 100%;
+    border: 1px solid lightgrey;
+    box-shadow: 5px 5px 5px 0px lightgray;
+    border-radius: 26px;
+    margin-left: 50px;
+    box-sizing: border-box;
+
+    .chat-content {
+      width: 100%;
+      height: 100%;
+
+      .top {
+        display: flex;
+        flex-direction: row;
+        justify-content: space-between;
+        align-items: center;
+        height: 80px;
+        background-color: white;
+        border-top-left-radius: 35px;
+        border-top-right-radius: 30px;
+        border-bottom: 1px solid #9699FF;
+
+        .top-info {
+          display: flex;
+          flex-direction: column;
+          margin-left: 20px;
+          gap: 10px;
+
+          .conv-name {
+            font-size: 32px;
+            font-family: Inter;
+            font-weight: 600;
+            color: black;
+          }
+
+          .participants-container {
+            display: flex;
+            flex-direction: row;
+            color: #4F23E2;
+            font-size: 18px;
+            font-family: Inter;
+          }
+        }
+
+
+        .report-btn {
+          border-radius: 5px;
+          background-color: #4F23E2;
+          border: none;
+          color: white;
+          font-size: 22px;
+          font-family: Inter;
+          font-weight: 400;
+          height: 34px;
+          margin-right: 12px;
+          cursor: pointer;
+          align-items: center;
+          display: flex;
+        }
+
+        .report-btn:hover {
+          background-color: #3b1ca9;
+        }
+      }
+
+      .bottom {
+        display: flex;
+        flex-direction: column;
+        height: 100%;
+        width: 100%;
+
+        .left {
+          display: flex;
+          flex: 0.70;
+          flex-direction: column;
+          justify-content: start;
+          align-items: start;
+          max-height: 80%;
+
+          .top2 {
+            // flex: 0.89;
+            width: 100%;
+            height: 100%;
+            overflow-y: auto;
+            overflow-x: hidden;
+            max-height: 55vh;
+
+            .message-list {
+              width: calc(100% - 20px);
+              height: calc(100% - 20px);
+              margin: 10px 0px 10px 10px;
+
+              .my-messages {
+                background-color: #FFD2D5;
+                width: 40%;
+                margin-left: calc(60% - 40px);
+                border-radius: 26px;
+                height: fit-content;
+                min-height: 100px;
+                color: #4F23E2;
+
+                .message-header {
+                  display: flex;
+                  flex-direction: row;
+                  justify-content: space-between;
+                  align-items: center;
+                  border-bottom: 1px #4F23E2 solid;
+                  white-space: nowrap;
+                  font-size: 12px;
+                  font-family: Inter;
+                  font-weight: 600;
+                  padding: 5px 10px 5px 10px;
+                }
+
+                .message-content {
+                  font-size: 16px;
+                  font-weight: 600;
+                  font-family: Inter;
+                  color: #4F23E2;
+                }
+
+                .message-content2 {
+                  padding: 5px 10px 5px 10px;
+                  overflow-wrap: anywhere;
+                  width: 95%;
+                }
+
+                .with-file {
+                  display: flex;
+                  flex-direction: column;
+                  justify-content: start;
+                  align-items: start;
+                  width: 100%;
+
+                  .file {
+                    padding: 5px 10px 5px 10px;
+                    width: calc(100% - 20px);
+                    border-top: 1px #4F23E2 solid;
+                    margin-top: 15px;
+                  }
+                }
+              }
+
+              .other-messages {
+                background-color: #4F23E2;
+                width: 40%;
+                border-radius: 26px;
+                margin-left: 40px;
+                height: fit-content;
+                min-height: 100px;
+                color: white;
+
+                .message-header {
+                  display: flex;
+                  flex-direction: row;
+                  justify-content: space-between;
+                  align-items: center;
+                  border-bottom: 1px white solid;
+                  color: white !important;
+                  font-size: 12px;
+                  font-family: Inter;
+                  font-weight: 600;
+                  white-space: nowrap;
+                  padding: 5px 10px 5px 10px;
+                }
+
+                .message-content {
+                  font-size: 16px;
+                  font-weight: 600;
+                  font-family: Inter;
+                  color: white;
+                }
+
+                .message-content2 {
+                  padding: 5px 10px 5px 10px;
+                }
+
+                .with-file {
+                  display: flex;
+                  flex-direction: column;
+                  justify-content: start;
+                  align-items: start;
+                  width: 100%;
+
+                  .file {
+                    padding: 5px 10px 5px 10px;
+                    width: calc(100% - 20px);
+                    border-top: 1px white solid;
+                    margin-top: 15px;
+                  }
+                }
+            }
+
+            .message-identification {
+              display: flex;
+              gap: 20px;
+
+              .img {
+                height: 35px;
+                width: 35px;
+                border-radius: 100%;
+              }
+
+              .image-right {
+                display: flex;
+                margin-top: -40px;
+              }
+
+              .image-left {
+                display: flex;
+                margin-left: 0px;
+                margin-top: -40px;
+              }
+
+              .message-time {
+                margin-bottom: 15px;
+                color: gray;
+              }
+            }
+          }
+
+          }
+
+          .bottom2 {
+            // flex: 0.11;
+            border-top: none;
+            width: 100%;
+            display: flex;
+            flex-direction: column;
+            justify-content: end;
+            align-items: center;
+
+            .column {
+              display: flex;
+              flex-direction: column;
+              justify-content: end;
+              align-items: center;
+              margin-bottom: 10px;
+              width: 100%;
+              height: 100%;
+
+              .file-name {
+                color: #4F23E2;
+                font-size: 16px;
+                font-family: Inter;
+                font-weight: 600;
+                margin-bottom: 8px;
+                display: flex;
+                flex-direction: row;
+                justify-content: center;
+                align-items: center;
+
+                .send-button {
+                  color: white;
+                  font-size: 16px;
+                  font-family: Inter;
+                  font-weight: 600;
+                  background-color: #4F23E2;
+                  border: none;
+                  border-radius: 100px;
+                  margin-left: 5px;
+                  cursor: pointer;
+                  display: flex;
+                  align-items: center;
+                  justify-content: center;
+                }
+              }
+
+              .message-input {
+                display: flex;
+                flex-direction: row;
+                justify-content: center;
+                align-items: center;
+                width: 95%;
+                height: 50%;
+
+                .file-input {
+                  margin-right: 6px;
+                  cursor: pointer;
+                  input {
+                    width: 0;
+                    height: 0;
+                  }
+                }
+
+                .message-area {
+                  border: none;
+                  width: 100%;
+                  height: 100%;
+                  display: flex;
+                  flex-direction: row;
+                  justify-content: space-between;
+                  align-items: center;
+
+                  input {
+                    width: 100%;
+                    height: 25px;
+                    border-radius: 5px;
+                    background-color: #EAEAEA;
+                    z-index: 99;
+                    color: #4F23E2;
+                    font-size: 16px;
+                    font-family: Inter;
+                    font-weight: 600;
+                    border: none;
+                    padding-left: 10px;
+                  }
+
+                  textarea:focus, input:focus {
+                    outline: none;
+                  }
+
+                  .send-button {
+                    border-radius: 5px;
+                    background-color: #4F23E2;
+                    height: 25px;
+                    width: 100px;
+                    z-index: 0;
+                    color: white;
+                    font-size: 16px;
+                    font-family: Inter;
+                    font-weight: 600;
+                    border: none;
+                    cursor: pointer;
+                    display: flex;
+                    align-items: center;
+                    justify-content: center;
+                  }
+
+                  .send-button:hover {
+                    background-color: #3b1ca9;
+                  }
+                }
+              }
+            }
+
+          }
+        }
+
+        .right {
+          flex: 0.20;
+          width: 100%;
+          height: 100%;
+          border-left: 4px #4F23E2 solid;
+          overflow-y: auto;
+          display: flex;
+          flex-direction: row;
+          flex-wrap: wrap;
+
+          .user-profile {
+            border: 3px #4F23E2 solid;
+            border-radius: 26px;
+            margin-top: 6px;
+            margin-right: 2px;
+            margin-left: 2px;
+            width: fit-content;
+            height: fit-content;
+          }
+        }
+      }
+    }
+  }
+}
\ No newline at end of file
diff --git a/src/css/pages/reportChecking.scss b/src/css/pages/reportChecking.scss
index d58acac7..7a106645 100644
--- a/src/css/pages/reportChecking.scss
+++ b/src/css/pages/reportChecking.scss
@@ -181,6 +181,11 @@
               font-weight: 600;
               color: black;
               margin-left: 20px;
+
+              .report-chat-icon {
+                width: 20px;
+                cursor: pointer;
+              }
             }
 
             .report-btn {

From da661a8085450a9ec49dc6ead2b43235190478d4 Mon Sep 17 00:00:00 2001
From: adbusnel <adrien.busnel@epitech.eu>
Date: Mon, 2 Dec 2024 10:51:36 +0100
Subject: [PATCH 34/53] [MOD] fixed crash due to not being able to get the
 conversation

---
 .../Popup/accessingReportedConversation.jsx   | 26 ++++++++++---------
 1 file changed, 14 insertions(+), 12 deletions(-)

diff --git a/src/Components/Popup/accessingReportedConversation.jsx b/src/Components/Popup/accessingReportedConversation.jsx
index 964d33ae..937f026f 100644
--- a/src/Components/Popup/accessingReportedConversation.jsx
+++ b/src/Components/Popup/accessingReportedConversation.jsx
@@ -25,17 +25,19 @@ const AccessingReportedConversationPopupContent = ({ reportedConversationId }) =
     } else {
       const data = await response.json()
       const conv = data.find(item => item._id === reportedConversationId)
-      const convParticipants = conv.participants
-      const convName = []
-      convParticipants.map((participant) => (
-        convName.push(participant.firstname + ' ' + participant.lastname)
-      ))
-      setCurrentConversation({
-        _id: conv._id,
-        date: conv.date,
-        participants: conv.participants,
-        name: conv.title !== 'placeholder title' ? conv.title : convName.join(', ')
-      })
+      if (conv) {
+        const convParticipants = conv.participants
+        const convName = []
+        convParticipants.map((participant) => (
+          convName.push(participant.firstname + ' ' + participant.lastname)
+        ))
+        setCurrentConversation({
+          _id: conv._id,
+          date: conv.date,
+          participants: conv.participants,
+          name: conv.title !== 'placeholder title' ? conv.title : convName.join(', ')
+        })
+      }
       fetchMessages()
     }
   }
@@ -124,7 +126,7 @@ const AccessingReportedConversationPopupContent = ({ reportedConversationId }) =
             </div>
             )
           : (
-            <div>Aucune conversation sélectionnée.</div>
+            <div>Cette converssation n'est pas disponible actuellement.</div>
             )}
       </div>
     </div>

From c6e2295f48bbf716408aefec35d37bca440f4c3d Mon Sep 17 00:00:00 2001
From: adbusnel <adbusnel@users.noreply.github.com>
Date: Mon, 2 Dec 2024 09:55:29 +0000
Subject: [PATCH 35/53] [LINT] Applied linter fix

---
 src/Components/ChatRoom/chatRoom.jsx             |  6 +++---
 src/Components/ChatRoom/chatRoomSidebar.jsx      |  6 +++---
 .../Popup/accessingReportedConversation.jsx      |  7 +++----
 src/Users/SchoolAdmin/reportChecking.jsx         | 16 ++++++++--------
 4 files changed, 17 insertions(+), 18 deletions(-)

diff --git a/src/Components/ChatRoom/chatRoom.jsx b/src/Components/ChatRoom/chatRoom.jsx
index e2af323d..87059561 100644
--- a/src/Components/ChatRoom/chatRoom.jsx
+++ b/src/Components/ChatRoom/chatRoom.jsx
@@ -265,8 +265,8 @@ const Messages = () => {
   }
 
   const truncateString = (str) => {
-    return str.length > 25 ? str.slice(0, 30) + '...' : str;
-  };
+    return str.length > 25 ? str.slice(0, 30) + '...' : str
+  }
 
   const createConversation = async (convTitle, selectedContacts) => {
     try {
@@ -413,7 +413,7 @@ const Messages = () => {
             <div className='chat-content'>
               <div className='top'>
                 <div className='top-info'>
-                <div className='conv-name' title={currentConversation.name}>{truncateString(currentConversation.name)}</div>
+                  <div className='conv-name' title={currentConversation.name}>{truncateString(currentConversation.name)}</div>
                   <div className='participants-container'>
                     {currentConversation.participants.length} {currentConversation.participants.length > 1 ? 'membres' : 'membre'}
                   </div>
diff --git a/src/Components/ChatRoom/chatRoomSidebar.jsx b/src/Components/ChatRoom/chatRoomSidebar.jsx
index f4db7279..3874acab 100644
--- a/src/Components/ChatRoom/chatRoomSidebar.jsx
+++ b/src/Components/ChatRoom/chatRoomSidebar.jsx
@@ -25,8 +25,8 @@ const ChatRoomSidebar = ({
   }
 
   const truncateString = (str) => {
-    return str.length > 25 ? str.slice(0, 30) + '...' : str;
-  };
+    return str.length > 25 ? str.slice(0, 30) + '...' : str
+  }
 
   return (
     <div className='chat-sidebar'>
@@ -40,7 +40,7 @@ const ChatRoomSidebar = ({
         {conversations.map((conversation, index) => (
           <div key={index} className={`${conversation === currentConversation ? 'active-conversation' : 'conversation'}`} onClick={() => handleClick(conversation)}>
             <div className='text' title={conversation.name}>
-            {truncateString(conversation.name)}
+              {truncateString(conversation.name)}
             </div>
             {
               (chats.value.unseenChats.includes(conversation._id)) &&
diff --git a/src/Components/Popup/accessingReportedConversation.jsx b/src/Components/Popup/accessingReportedConversation.jsx
index 937f026f..5d3f34c6 100644
--- a/src/Components/Popup/accessingReportedConversation.jsx
+++ b/src/Components/Popup/accessingReportedConversation.jsx
@@ -1,7 +1,7 @@
 import React, { useEffect, useState } from 'react'
 import '../../css/Components/Popup/popup.scss'
 import '../../css/pages/createAlerts.scss'
-import Message from "../../Components/ChatRoom/message"
+import Message from '../../Components/ChatRoom/message'
 import { disconnect } from '../../functions/disconnect'
 import UserProfile from '../../Components/userProfile/userProfile'
 import '../../css/pages/chatRoomPage.scss'
@@ -43,7 +43,6 @@ const AccessingReportedConversationPopupContent = ({ reportedConversationId }) =
   }
 
   const fetchMessages = async () => {
-
     try {
       if (!currentConversation) {
         return
@@ -85,8 +84,8 @@ const AccessingReportedConversationPopupContent = ({ reportedConversationId }) =
   }, [fetchConversations])
 
   const truncateString = (str) => {
-    return str.length > 25 ? str.slice(0, 30) + '...' : str;
-  };
+    return str.length > 25 ? str.slice(0, 30) + '...' : str
+  }
 
   return (
     <div className='messaging-popup'>
diff --git a/src/Users/SchoolAdmin/reportChecking.jsx b/src/Users/SchoolAdmin/reportChecking.jsx
index ec702720..e09475bf 100644
--- a/src/Users/SchoolAdmin/reportChecking.jsx
+++ b/src/Users/SchoolAdmin/reportChecking.jsx
@@ -6,12 +6,11 @@ import ReportSidebar from '../../Components/reports/reportSidebar'
 import UserProfile from '../../Components/userProfile/userProfile'
 import { disconnect } from '../../functions/disconnect'
 import { translate } from '../../functions/translate'
-import {toast} from "react-toastify"
+import { toast } from 'react-toastify'
 import Popup from 'reactjs-popup'
 import cross from '../../assets/Cross.png'
-import chatIcon from "../../assets/chatIcon.png"
-import AccessingReportedConversationPopupContent from "../../Components/Popup/accessingReportedConversation"
-
+import chatIcon from '../../assets/chatIcon.png'
+import AccessingReportedConversationPopupContent from '../../Components/Popup/accessingReportedConversation'
 
 const ReportChecking = () => {
   const [reports, setReports] = useState([])
@@ -179,11 +178,11 @@ const ReportChecking = () => {
             showTreated={showTreated}
             handleShowTreated={handleShowTreated}
           />
-          <Popup className="conversation-popup" open={isAccessing} onClose={() => setIsAccessing(false)} modal>
+          <Popup className='conversation-popup' open={isAccessing} onClose={() => setIsAccessing(false)} modal>
             {(close) => (
               <div className='popup-modal-container' style={{ alignItems: 'center' }}>
                 <button className='close-btn' onClick={close}><img src={cross} alt='Close' /></button>
-                <AccessingReportedConversationPopupContent reportedConversationId={reportedConversation} onClose={close}/>
+                <AccessingReportedConversationPopupContent reportedConversationId={reportedConversation} onClose={close} />
               </div>
             )}
           </Popup>
@@ -194,9 +193,10 @@ const ReportChecking = () => {
                   <div className='top'>
                     <div className='conv-name'>{translate(currentReport.type)} {
                           reportedConversation && (
-                            <img src={chatIcon} className="report-chat-icon" alt="chat" onClick={handleAccessReportedChat} title="Voir la conversation signalée"/>
+                            <img src={chatIcon} className='report-chat-icon' alt='chat' onClick={handleAccessReportedChat} title='Voir la conversation signalée' />
                           )
-                        }</div>
+                        }
+                    </div>
                     <div className='report-status'>{currentReport.status === 'seen'
                       ? 'La requête a été traitée'
                       : (

From dcce06dba0a65ec094a6144bce933788021d50d2 Mon Sep 17 00:00:00 2001
From: adbusnel <adrien.busnel@epitech.eu>
Date: Mon, 2 Dec 2024 11:34:23 +0100
Subject: [PATCH 36/53] [MOD] removed comments and console logs

---
 .../Popup/accessingReportedConversation.jsx   |  1 -
 src/Components/reports/reportSidebar.jsx      |  4 -
 src/Users/SchoolAdmin/reportChecking.jsx      | 75 -------------------
 3 files changed, 80 deletions(-)

diff --git a/src/Components/Popup/accessingReportedConversation.jsx b/src/Components/Popup/accessingReportedConversation.jsx
index 5d3f34c6..61c8a26d 100644
--- a/src/Components/Popup/accessingReportedConversation.jsx
+++ b/src/Components/Popup/accessingReportedConversation.jsx
@@ -19,7 +19,6 @@ const AccessingReportedConversationPopupContent = ({ reportedConversationId }) =
         'Content-Type': 'application/json'
       }
     })
-    console.log(response.status)
     if (response.status === 401) {
       disconnect()
     } else {
diff --git a/src/Components/reports/reportSidebar.jsx b/src/Components/reports/reportSidebar.jsx
index 7295e86c..0ee61783 100644
--- a/src/Components/reports/reportSidebar.jsx
+++ b/src/Components/reports/reportSidebar.jsx
@@ -5,15 +5,11 @@ const ReportSidebar = ({
   reports,
   currentReport,
   handleCurrentReport,
-  handleReportSelection,
   showTreated,
   handleShowTreated
 }) => {
   const handleClick = (report) => {
     handleCurrentReport(report)
-    if (report.conversation) {
-      handleReportSelection(report._id, report.conversation)
-    }
   }
 
   return (
diff --git a/src/Users/SchoolAdmin/reportChecking.jsx b/src/Users/SchoolAdmin/reportChecking.jsx
index e09475bf..f965c2ed 100644
--- a/src/Users/SchoolAdmin/reportChecking.jsx
+++ b/src/Users/SchoolAdmin/reportChecking.jsx
@@ -18,9 +18,6 @@ const ReportChecking = () => {
   const [showTreated, setShowTreated] = useState(false)
   const [reportedConversation, setReportedConversation] = useState(null)
   const [isAccessing, setIsAccessing] = useState(false)
-  // const [reportedConversationMessages, setReportedConversationMessages] = useState(null)
-  // const [isReportProcessed, setIsReportProcessed] = useState(false)
-  // const [reportRequest, setReportRequests] = useState([])
 
   const handleCurrentReport = (report) => {
     setCurrentReport(report)
@@ -54,70 +51,11 @@ const ReportChecking = () => {
         setReportedConversation(data[data.length - 1].conversation._id)
         handleReportSelection(data[data.length - 1]._id, data[data.length - 1].conversation)
       }
-      console.log(data)
     } catch (error) /* istanbul ignore next */ {
       toast.error('Erreur lors de la récupération des demandes de signalement.')
     }
   }
 
-  // const fetchReportedConversation = async (conversationId) => {
-  //   try {
-  //     const response = await fetch(`${process.env.REACT_APP_BACKEND_URL}/user/chat/${conversationId}`, {
-  //       method: 'GET',
-  //       headers: {
-  //         'x-auth-token': sessionStorage.getItem('token'),
-  //         'Content-Type': 'application/json'
-  //       }
-  //     })
-  //     if (response.status === 401) {
-  //       disconnect();
-  //     }
-  //     const data = await response.json()
-  //     setReportedConversation(data)
-  //   } catch (error) /* istanbul ignore next */ {
-  //     setError('Erreur lors de la récupération de la conversation signalée.')
-  //   }
-  // }
-
-  // const fetchReportedConversationMessages = async (conversationId) => {
-  //   try {
-  //     const response = await fetch(`${process.env.REACT_APP_BACKEND_URL}/user/chat/${conversationId}/messages`, {
-  //       method: 'GET',
-  //       headers: {
-  //         'x-auth-token': sessionStorage.getItem('token'),
-  //         'Content-Type': 'application/json'
-  //       }
-  //     })
-  //     if (response.status === 401) {
-  //       disconnect()
-  //     }
-  //     const data = await response.json()
-  //     setReportedConversationMessages(data)
-  //   } catch (error) /* istanbul ignore next */ {
-  //     setError('Erreur lors de la récupération de la conversation signalée.')
-  //   }
-  // }
-
-  /* const checkReportProcessingStatus = async (reportId) => {
-    // on a pas moyen de vérifier le status d'un report, la route ci dessous n'est pas valide
-    try {
-      const response = await fetch(`${process.env.REACT_APP_BACKEND_URL}/shared/report/${reportId}`, {
-        method: 'GET',
-        headers: {
-          'x-auth-token': sessionStorage.getItem('token'),
-          'Content-Type': 'application/json'
-        }
-      })
-      if (response.status === 401) {
-        disconnect();
-      }
-      const data = await response.json()
-      setIsReportProcessed(data.processed)
-    } catch (error) {
-      setError('Erreur lors de la vérification du statut de traitement.')
-    }
-  } */
-
   const handleReportProcessing = async (reportId, isProcessed) => {
     try {
       if (isProcessed) {
@@ -139,20 +77,13 @@ const ReportChecking = () => {
           }
         })
         fetchReportRequests()
-        // setReports((prevReports) => prevReports.filter((report) => report._id !== reportId))
       }
 
-      // setIsReportProcessed(isProcessed)
     } catch (error) {
       toast.error('Erreur lors du traitement de la demande.')
     }
   }
 
-  const handleReportSelection = async (reportId, conversationId) => {
-    // await fetchReportedConversation(conversationId)
-    // await fetchReportedConversationMessages(conversationId)
-    // await checkReportProcessingStatus(reportId)
-  }
   const handleAccessReportedChat = () => {
     setIsAccessing(!isAccessing)
   }
@@ -174,7 +105,6 @@ const ReportChecking = () => {
             reports={reports}
             currentReport={currentReport}
             handleCurrentReport={handleCurrentReport}
-            handleReportSelection={handleReportSelection}
             showTreated={showTreated}
             handleShowTreated={handleShowTreated}
           />
@@ -213,11 +143,6 @@ const ReportChecking = () => {
                             <div className='report-message'>{currentReport.message}</div>
                           )
                         }
-                        {/* <div className='message-list'> // waiting for conversation routes to be fixed */}
-                        {/* {reportedConversationMessages.map((message, index) => (
-                              <Message key={index} message={message} participants={reportedConversation.participants} />
-                            ))} */}
-                        {/* </div> */}
                       </div>
                     </div>
                     <div className='right'>

From 8b2cfbea30e724a9c516acdbe6cc35d42fbc9d14 Mon Sep 17 00:00:00 2001
From: adbusnel <adbusnel@users.noreply.github.com>
Date: Mon, 2 Dec 2024 10:34:54 +0000
Subject: [PATCH 37/53] [LINT] Applied linter fix

---
 src/Users/SchoolAdmin/reportChecking.jsx | 1 -
 1 file changed, 1 deletion(-)

diff --git a/src/Users/SchoolAdmin/reportChecking.jsx b/src/Users/SchoolAdmin/reportChecking.jsx
index f965c2ed..17f0f858 100644
--- a/src/Users/SchoolAdmin/reportChecking.jsx
+++ b/src/Users/SchoolAdmin/reportChecking.jsx
@@ -78,7 +78,6 @@ const ReportChecking = () => {
         })
         fetchReportRequests()
       }
-
     } catch (error) {
       toast.error('Erreur lors du traitement de la demande.')
     }

From 6997afee68402758f2169aa35cbf8df9fd48f642 Mon Sep 17 00:00:00 2001
From: adbusnel <adrien.busnel@epitech.eu>
Date: Mon, 2 Dec 2024 11:49:03 +0100
Subject: [PATCH 38/53] [MOD] fix linter error

---
 src/Users/SchoolAdmin/reportChecking.jsx | 1 -
 1 file changed, 1 deletion(-)

diff --git a/src/Users/SchoolAdmin/reportChecking.jsx b/src/Users/SchoolAdmin/reportChecking.jsx
index 17f0f858..d3cfc4b0 100644
--- a/src/Users/SchoolAdmin/reportChecking.jsx
+++ b/src/Users/SchoolAdmin/reportChecking.jsx
@@ -49,7 +49,6 @@ const ReportChecking = () => {
       setCurrentReport(data[data.length - 1])
       if (data[data.length - 1].conversation) {
         setReportedConversation(data[data.length - 1].conversation._id)
-        handleReportSelection(data[data.length - 1]._id, data[data.length - 1].conversation)
       }
     } catch (error) /* istanbul ignore next */ {
       toast.error('Erreur lors de la récupération des demandes de signalement.')

From 890591a150ae2fa06a9d22f23aa0f5a3e07b39db Mon Sep 17 00:00:00 2001
From: adbusnel <adrien.busnel@epitech.eu>
Date: Mon, 2 Dec 2024 14:12:26 +0100
Subject: [PATCH 39/53] [MOD] fixed recuperation of signaled conv

---
 .../Popup/accessingReportedConversation.jsx   | 89 ++++---------------
 src/Users/SchoolAdmin/reportChecking.jsx      |  9 +-
 2 files changed, 25 insertions(+), 73 deletions(-)

diff --git a/src/Components/Popup/accessingReportedConversation.jsx b/src/Components/Popup/accessingReportedConversation.jsx
index 61c8a26d..6099c604 100644
--- a/src/Components/Popup/accessingReportedConversation.jsx
+++ b/src/Components/Popup/accessingReportedConversation.jsx
@@ -6,81 +6,30 @@ import { disconnect } from '../../functions/disconnect'
 import UserProfile from '../../Components/userProfile/userProfile'
 import '../../css/pages/chatRoomPage.scss'
 
-const AccessingReportedConversationPopupContent = ({ reportedConversationId }) => {
+const AccessingReportedConversationPopupContent = ({ signaledBy, reportedConversation }) => {
   const [currentConversation, setCurrentConversation] = useState('')
   const [isFetched, setIsFetched] = useState(false)
   const [messages, setMessages] = useState([])
 
-  const fetchConversations = async (changeConversation = true) => {
-    const response = await fetch(`${process.env.REACT_APP_BACKEND_URL}/user/chat`, {
-      method: 'GET',
-      headers: {
-        'x-auth-token': sessionStorage.getItem('token'),
-        'Content-Type': 'application/json'
-      }
+  useEffect(() => {
+    const convParticipants = reportedConversation.participants.map(participant => participant.user)
+    const convName = []
+    convParticipants.map((participant) => (
+      convName.push(participant.firstname + ' ' + participant.lastname)
+    ))
+    setCurrentConversation({
+      _id: reportedConversation._id,
+      date: reportedConversation.date,
+      participants: convParticipants,
+      name: reportedConversation.title !== 'placeholder title' ? reportedConversation.title : convName.join(', ')
     })
-    if (response.status === 401) {
-      disconnect()
-    } else {
-      const data = await response.json()
-      const conv = data.find(item => item._id === reportedConversationId)
-      if (conv) {
-        const convParticipants = conv.participants
-        const convName = []
-        convParticipants.map((participant) => (
-          convName.push(participant.firstname + ' ' + participant.lastname)
-        ))
-        setCurrentConversation({
-          _id: conv._id,
-          date: conv.date,
-          participants: conv.participants,
-          name: conv.title !== 'placeholder title' ? conv.title : convName.join(', ')
-        })
-      }
-      fetchMessages()
-    }
-  }
-
-  const fetchMessages = async () => {
-    try {
-      if (!currentConversation) {
-        return
-      }
-      const response = await fetch(
-        `${process.env.REACT_APP_BACKEND_URL}/user/chat/${reportedConversationId}/messages`,
-        {
-          method: 'GET',
-          headers: {
-            'x-auth-token': sessionStorage.getItem('token'),
-            'Content-Type': 'application/json'
-          }
-        }
-      )
-      setIsFetched(true)
 
-      if (response.status === 401) {
-        disconnect()
-      }
-      if (!response.ok) /* istanbul ignore next */ {
-        throw new Error('Erreur lors de la récupération des messages.')
-      } else {
-        const data = await response.json()
-        const messageData = data.map((message) => ({
-          contentType: !message.file ? 'text' : 'file',
-          ...message
-        }))
-        setMessages(messageData)
-      }
-    } catch (error) /* istanbul ignore next */ {
-      console.error('Erreur lors de la récupération des messages :', error)
-    }
-  }
-
-  useEffect(() => {
-    if (!isFetched) {
-      fetchConversations()
-    }
-  }, [fetchConversations])
+    const messageData = reportedConversation.messages.map((message) => ({
+      contentType: !message.file ? 'text' : 'file',
+      ...message
+    }))
+    setMessages(messageData)
+  }, [reportedConversation, signaledBy])
 
   const truncateString = (str) => {
     return str.length > 25 ? str.slice(0, 30) + '...' : str
@@ -105,7 +54,7 @@ const AccessingReportedConversationPopupContent = ({ reportedConversationId }) =
                   <div className='top2'>
                     <div className='message-list'>
                       {messages.map((message, index) => (
-                        <Message key={index} next={messages[index + 1]} message={message} participants={currentConversation.participants} />
+                        <Message key={index} message={message} participants={currentConversation.participants} next={messages[index + 1]} />
                       ))}
                     </div>
                   </div>
diff --git a/src/Users/SchoolAdmin/reportChecking.jsx b/src/Users/SchoolAdmin/reportChecking.jsx
index d3cfc4b0..bcef0db2 100644
--- a/src/Users/SchoolAdmin/reportChecking.jsx
+++ b/src/Users/SchoolAdmin/reportChecking.jsx
@@ -18,11 +18,13 @@ const ReportChecking = () => {
   const [showTreated, setShowTreated] = useState(false)
   const [reportedConversation, setReportedConversation] = useState(null)
   const [isAccessing, setIsAccessing] = useState(false)
+  const [signaledBy, setSignaledBy] = useState([])
 
   const handleCurrentReport = (report) => {
     setCurrentReport(report)
+    setSignaledBy(report.signaledBy)
     if (report.conversation) {
-      setReportedConversation(report.conversation._id)
+      setReportedConversation(report.conversation)
     } else {
       setReportedConversation(null)
     }
@@ -48,7 +50,8 @@ const ReportChecking = () => {
       setReports(data)
       setCurrentReport(data[data.length - 1])
       if (data[data.length - 1].conversation) {
-        setReportedConversation(data[data.length - 1].conversation._id)
+        setReportedConversation(data[data.length - 1].conversation)
+        setSignaledBy(data[data.length - 1].signaledBy)
       }
     } catch (error) /* istanbul ignore next */ {
       toast.error('Erreur lors de la récupération des demandes de signalement.')
@@ -110,7 +113,7 @@ const ReportChecking = () => {
             {(close) => (
               <div className='popup-modal-container' style={{ alignItems: 'center' }}>
                 <button className='close-btn' onClick={close}><img src={cross} alt='Close' /></button>
-                <AccessingReportedConversationPopupContent reportedConversationId={reportedConversation} onClose={close} />
+                <AccessingReportedConversationPopupContent signaledBy={signaledBy} reportedConversation={reportedConversation} />
               </div>
             )}
           </Popup>

From a336d8a9cfc21963e9902ce6f2428f7ce5e79580 Mon Sep 17 00:00:00 2001
From: adbusnel <adrien.busnel@epitech.eu>
Date: Mon, 2 Dec 2024 14:13:56 +0100
Subject: [PATCH 40/53] [MOD] fix linter error

---
 src/Components/Popup/accessingReportedConversation.jsx | 2 --
 1 file changed, 2 deletions(-)

diff --git a/src/Components/Popup/accessingReportedConversation.jsx b/src/Components/Popup/accessingReportedConversation.jsx
index 6099c604..0f89bb25 100644
--- a/src/Components/Popup/accessingReportedConversation.jsx
+++ b/src/Components/Popup/accessingReportedConversation.jsx
@@ -2,13 +2,11 @@ import React, { useEffect, useState } from 'react'
 import '../../css/Components/Popup/popup.scss'
 import '../../css/pages/createAlerts.scss'
 import Message from '../../Components/ChatRoom/message'
-import { disconnect } from '../../functions/disconnect'
 import UserProfile from '../../Components/userProfile/userProfile'
 import '../../css/pages/chatRoomPage.scss'
 
 const AccessingReportedConversationPopupContent = ({ signaledBy, reportedConversation }) => {
   const [currentConversation, setCurrentConversation] = useState('')
-  const [isFetched, setIsFetched] = useState(false)
   const [messages, setMessages] = useState([])
 
   useEffect(() => {

From ab863f4ee07f059ba99e0ce09cc2cd7b0c5f08e7 Mon Sep 17 00:00:00 2001
From: adbusnel <adrien.busnel@epitech.eu>
Date: Mon, 2 Dec 2024 15:06:13 +0100
Subject: [PATCH 41/53] [MOD] shows banned accounts

---
 .../Accounts/Adm/admAccountsTable.js          | 15 ++++++-----
 .../Accounts/SchoolAdm/schoolAccountsTable.js | 26 +++++++++++++++++++
 src/Components/Popup/deleteAccount.jsx        | 14 ++++++++--
 3 files changed, 46 insertions(+), 9 deletions(-)

diff --git a/src/Components/Accounts/Adm/admAccountsTable.js b/src/Components/Accounts/Adm/admAccountsTable.js
index c3c4278b..3bc62f9e 100644
--- a/src/Components/Accounts/Adm/admAccountsTable.js
+++ b/src/Components/Accounts/Adm/admAccountsTable.js
@@ -31,11 +31,12 @@ export default function AdmAccountsTable () {
     } else {
       const data = await resp.json()
       setAccountList(data)
+      getSuspendedAccountList(data)
     }
   }
 
-  async function getSuspendedAccountList () {
-    const baseUrl = process.env.REACT_APP_BACKEND_URL + '/user/all'
+  async function getSuspendedAccountList (list) {
+    const baseUrl = process.env.REACT_APP_BACKEND_URL + '/user/getDisabled'
     const token = sessionStorage.getItem('token')
 
     const resp = await fetch(baseUrl, {
@@ -49,13 +50,13 @@ export default function AdmAccountsTable () {
       disconnect()
     } else {
       const data = await resp.json()
-      console.log(data)
+      const array = [...list, ...data]
+      setAccountList(array)
     }
   }
 
   useEffect(() => {
     getAccountList()
-    getSuspendedAccountList()
   }, [])
 
   const openPopup = () => {
@@ -85,9 +86,9 @@ export default function AdmAccountsTable () {
     if (resp.status === 401) {
       disconnect()
     } else if (resp.status === 200) {
+      setIsPopupOpen(false)
       toast.success(deleteType ? 'Le compte a été supprimé' : 'Le compte a été suspendu')
       getAccountList()
-      setIsPopupOpen(!isPopupOpen)
     } else {
       toast.error("une alerte s'est produite")
       getAccountList()
@@ -108,9 +109,9 @@ export default function AdmAccountsTable () {
     if (resp.status === 401) {
       disconnect()
     } else if (resp.status === 200) {
+      setIsPopupOpen(false)
       toast.success('Le compte a été restauré')
       getAccountList()
-      setIsPopupOpen(!isPopupOpen)
     } else {
       toast.error("une alerte s'est produite")
       getAccountList()
@@ -145,12 +146,12 @@ export default function AdmAccountsTable () {
                   <td>{data.lastname}</td>
                   <td>{data.email}</td>
                   <td className='action-td'>
-                    <img data-testid='suspendBtn' className='suspendBtn' onClick={(e) => { e.stopPropagation(); callDeleteAccount(data._id, 'delete') }} src={deleteButton} alt='delete' title='Supprimer le compte' />
                     {
                       data.active
                         ? <img data-testid='suspendBtn' className='suspendBtn' onClick={(e) => { e.stopPropagation(); callDeleteAccount(data._id, 'suspend') }} src={suspendButton} alt='delete' title='Suspendre le compte' />
                         : <img data-testid='suspendBtn' className='suspendBtn' onClick={(e) => { e.stopPropagation(); callDeleteAccount(data._id, 'restore') }} src={restoreButton} alt='delete' title='Restaurer le compte' />
                     }
+                    <img data-testid='suspendBtn' className='suspendBtn' onClick={(e) => { e.stopPropagation(); callDeleteAccount(data._id, 'delete') }} src={deleteButton} alt='delete' title='Supprimer le compte' />
                   </td>
                 </tr>
               )
diff --git a/src/Components/Accounts/SchoolAdm/schoolAccountsTable.js b/src/Components/Accounts/SchoolAdm/schoolAccountsTable.js
index 3a7258b2..f77b98d9 100644
--- a/src/Components/Accounts/SchoolAdm/schoolAccountsTable.js
+++ b/src/Components/Accounts/SchoolAdm/schoolAccountsTable.js
@@ -31,6 +31,31 @@ export default function SchoolAccountsTable ({ status }) {
     role: ''
   })
 
+  async function getSuspendedAccountList (accounts) {
+    const baseUrl = process.env.REACT_APP_BACKEND_URL + '/user/getDisabled'
+    const token = sessionStorage.getItem('token')
+
+    const resp = await fetch(baseUrl, {
+      method: 'GET',
+      headers: {
+        'x-auth-token': token,
+        'Content-Type': 'application/json'
+      }
+    })
+    if (resp.status === 401) {
+      disconnect()
+    } else {
+      const data = await resp.json()
+      const array = [...accounts, ...data]
+      console.log(array)
+
+      const teacherAccounts = array.filter(account => account.role.name === 'teacher')
+      const studentAccounts = array.filter(account => account.role.name === 'student')
+      setTeacherList(teacherAccounts)
+      setStudentList(studentAccounts)
+    }
+  }
+
   async function getAccountList () {
     const baseUrl = `${process.env.REACT_APP_BACKEND_URL}/user/all`
     const token = sessionStorage.getItem('token')
@@ -53,6 +78,7 @@ export default function SchoolAccountsTable ({ status }) {
 
       setTeacherList(teacherAccounts)
       setStudentList(studentAccounts)
+      getSuspendedAccountList(data)
     }
 
     fetch(process.env.REACT_APP_BACKEND_URL + '/shared/classes', {
diff --git a/src/Components/Popup/deleteAccount.jsx b/src/Components/Popup/deleteAccount.jsx
index 447406bf..523068dc 100644
--- a/src/Components/Popup/deleteAccount.jsx
+++ b/src/Components/Popup/deleteAccount.jsx
@@ -3,6 +3,16 @@ import '../../css/Components/Popup/popup.scss'
 import '../../css/pages/createAlerts.scss'
 
 const DeleteAccountPopupContent = ({ userIdValue, actionType, deleteUserAccount, activateAccount, closeDeleteAccountPopup }) => {
+
+  const handleAction = (action) => {
+    if (!action) {
+      deleteUserAccount(false, userIdValue)
+    } else {
+      activateAccount(userIdValue)
+    }
+    closeDeleteAccountPopup()
+  }
+
   return (
     <>
       <div>
@@ -14,8 +24,8 @@ const DeleteAccountPopupContent = ({ userIdValue, actionType, deleteUserAccount,
         actionType === 'delete'
           ? <button className='popup-btn' style={{ backgroundColor: 'red', borderColor: 'red' }} onClick={() => deleteUserAccount(true, userIdValue)}>Supprimer</button>
           : actionType === 'suspend'
-            ? <button className='popup-text-btn' onClick={() => deleteUserAccount(false, userIdValue)}>Suspendre</button>
-            : <button className='popup-text-btn' onClick={() => activateAccount(userIdValue)}>Restaurer</button>
+            ? <button className='popup-text-btn' onClick={() => handleAction(false)}>Suspendre</button>
+            : <button className='popup-text-btn' onClick={() => handleAction(true)}>Restaurer</button>
       }
       <button className='popup-btn' onClick={closeDeleteAccountPopup}>Annuler</button>
     </>

From 653882021ee6bc3624657f4ff28ac79d2c1dc54f Mon Sep 17 00:00:00 2001
From: adbusnel <adrien.busnel@epitech.eu>
Date: Mon, 2 Dec 2024 19:44:45 +0100
Subject: [PATCH 42/53] [MOD] fix button order

---
 .../Accounts/SchoolAdm/schoolAccountsTable.js        | 12 ++++++------
 1 file changed, 6 insertions(+), 6 deletions(-)

diff --git a/src/Components/Accounts/SchoolAdm/schoolAccountsTable.js b/src/Components/Accounts/SchoolAdm/schoolAccountsTable.js
index f77b98d9..76b18322 100644
--- a/src/Components/Accounts/SchoolAdm/schoolAccountsTable.js
+++ b/src/Components/Accounts/SchoolAdm/schoolAccountsTable.js
@@ -372,12 +372,12 @@ export default function SchoolAccountsTable ({ status }) {
                     {status && <td><button style={{ fontFamily: 'Inter' }} onClick={(e) => { e.stopPropagation(); handleEditClick(data) }} title='Modifier le profil'>Modifier</button></td>}
                     {status &&
                       <td>
-                        <img data-testid='suspendBtn' className='suspendBtn' onClick={(e) => { e.stopPropagation(); callDeleteAccount(data._id, 'delete') }} src={deleteButton} alt='delete' title='Supprimer le compte' />
                         {
-                      data.active
-                        ? <img data-testid='suspendBtn' className='suspendBtn' onClick={(e) => { e.stopPropagation(); callDeleteAccount(data._id, 'suspend') }} src={suspendButton} alt='delete' title='Suspendre le compte' />
-                        : <img data-testid='suspendBtn' className='suspendBtn' onClick={(e) => { e.stopPropagation(); callDeleteAccount(data._id, 'restore') }} src={restoreButton} alt='delete' title='Restaurer le compte' />
-                    }
+                          data.active
+                            ? <img data-testid='suspendBtn' className='suspendBtn' onClick={(e) => { e.stopPropagation(); callDeleteAccount(data._id, 'suspend') }} src={suspendButton} alt='delete' title='Suspendre le compte' />
+                            : <img data-testid='suspendBtn' className='suspendBtn' onClick={(e) => { e.stopPropagation(); callDeleteAccount(data._id, 'restore') }} src={restoreButton} alt='delete' title='Restaurer le compte' />
+                        }
+                        <img data-testid='suspendBtn' className='suspendBtn' onClick={(e) => { e.stopPropagation(); callDeleteAccount(data._id, 'delete') }} src={deleteButton} alt='delete' title='Supprimer le compte' />
                       </td>}
                   </tr>
                 )
@@ -416,12 +416,12 @@ export default function SchoolAccountsTable ({ status }) {
                     {status && <td><button style={{ fontFamily: 'Inter' }} onClick={(e) => { e.stopPropagation(); handleEditClick(data) }} title='Modifier le Profil'>Modifier</button></td>}
                     {status &&
                       <td>
-                        <img data-testid='suspendBtn' className='suspendBtn' onClick={(e) => { e.stopPropagation(); callDeleteAccount(data._id, 'delete') }} src={deleteButton} alt='delete' title='Supprimer le compte' />
                         {
                           data.active
                             ? <img data-testid='suspendBtn' className='suspendBtn' onClick={(e) => { e.stopPropagation(); callDeleteAccount(data._id, 'suspend') }} src={suspendButton} alt='delete' title='Suspendre le compte' />
                             : <img data-testid='suspendBtn' className='suspendBtn' onClick={(e) => { e.stopPropagation(); callDeleteAccount(data._id, 'restore') }} src={restoreButton} alt='delete' title='Restaurer le compte' />
                         }
+                        <img data-testid='suspendBtn' className='suspendBtn' onClick={(e) => { e.stopPropagation(); callDeleteAccount(data._id, 'delete') }} src={deleteButton} alt='delete' title='Supprimer le compte' />
                       </td>}
                   </tr>
                 )

From e88d9682144925b8b25d684533f85517ded51713 Mon Sep 17 00:00:00 2001
From: adbusnel <adbusnel@users.noreply.github.com>
Date: Mon, 2 Dec 2024 18:46:15 +0000
Subject: [PATCH 43/53] [LINT] Applied linter fix

---
 src/Components/Popup/deleteAccount.jsx | 1 -
 1 file changed, 1 deletion(-)

diff --git a/src/Components/Popup/deleteAccount.jsx b/src/Components/Popup/deleteAccount.jsx
index 523068dc..10cc3c5c 100644
--- a/src/Components/Popup/deleteAccount.jsx
+++ b/src/Components/Popup/deleteAccount.jsx
@@ -3,7 +3,6 @@ import '../../css/Components/Popup/popup.scss'
 import '../../css/pages/createAlerts.scss'
 
 const DeleteAccountPopupContent = ({ userIdValue, actionType, deleteUserAccount, activateAccount, closeDeleteAccountPopup }) => {
-
   const handleAction = (action) => {
     if (!action) {
       deleteUserAccount(false, userIdValue)

From 6b708ce1dbd92e6559ba88f25b78fa55a26c513b Mon Sep 17 00:00:00 2001
From: adbusnel <adrien.busnel@epitech.eu>
Date: Tue, 3 Dec 2024 10:32:07 +0100
Subject: [PATCH 44/53] [ADD] creation of new classes, modification of class
 name, deletion of a class

---
 .../Popup/facilityClassesCreation.jsx         | 158 ++++++++++++++++++
 .../SchoolAdmin/schoolAdmAccountsPage.js      |  30 ++++
 2 files changed, 188 insertions(+)
 create mode 100644 src/Components/Popup/facilityClassesCreation.jsx

diff --git a/src/Components/Popup/facilityClassesCreation.jsx b/src/Components/Popup/facilityClassesCreation.jsx
new file mode 100644
index 00000000..e9ed9d06
--- /dev/null
+++ b/src/Components/Popup/facilityClassesCreation.jsx
@@ -0,0 +1,158 @@
+import React, { useState, useEffect } from 'react'
+import '../../css/Components/Popup/popup.scss'
+import { disconnect } from '../../functions/disconnect'
+import { toast } from 'react-toastify'
+import { FontAwesomeIcon } from '@fortawesome/react-fontawesome'
+import { faPenToSquare, faTrashCan, faSquarePlus } from '@fortawesome/free-regular-svg-icons'
+
+const FacilityClassesCreationPopupContent = () => {
+  const [name, setName] = useState('')
+  const [newClass, setNewClass] = useState('')
+  const [classList, setClassList] = useState([])
+  const [isRename, setIsRename] = useState(null)
+
+  function getClasses () {
+    fetch(process.env.REACT_APP_BACKEND_URL + '/shared/classes', {
+      method: 'GET',
+      headers: {
+        'x-auth-token': sessionStorage.getItem('token'),
+        'Content-Type': 'application/json'
+      }
+    })
+      .then((response) => {
+        if (response.status === 401) {
+          disconnect()
+        }
+        return response.json()
+      })
+      .then((data) => setClassList(data))
+      .catch((error) => {
+        toast.error(error.message)
+      })
+  }
+
+  useEffect(() => {
+    getClasses()
+  }, [])
+
+  const handleCreateClass = () => {
+    fetch(process.env.REACT_APP_BACKEND_URL + '/adm/classes/register', {
+      method: 'POST',
+      headers: {
+        'x-auth-token': sessionStorage.getItem('token'),
+        'Content-Type': 'application/json'
+      },
+      body: JSON.stringify({
+        name: newClass
+      })
+    })
+      .then((response) => {
+        if (response.status === 401) {
+          disconnect()
+        }
+        if (response.status === 200) {
+          getClasses()
+          toast.success('La classe a été créée avec succès.')
+        }
+      })
+      .catch((error) => {
+        toast.error(error.message)
+      })
+
+    console.log(newClass)
+  }
+
+  const handleDeleteClass = (classId) => {
+    fetch(process.env.REACT_APP_BACKEND_URL + '/adm/classes/' + classId, {
+      method: 'DELETE',
+      headers: {
+        'x-auth-token': sessionStorage.getItem('token'),
+        'Content-Type': 'application/json'
+      }
+    })
+    .then((response) => {
+      if (response.status === 401) {
+        disconnect()
+      }
+      if (response.status === 200) {
+        getClasses()
+        toast.success('La classe a été supprimée avec succès.')
+      }
+    })
+    .catch((error) => {
+      toast.error(error.message)
+    })
+  }
+
+  const handleRenameClass = (classId, className) => {
+    console.log(classId)
+    console.log(className)
+    if (isRename && classId === isRename) {
+      fetch(process.env.REACT_APP_BACKEND_URL + '/adm/classes/' + classId, {
+        method: 'PATCH',
+        headers: {
+          'x-auth-token': sessionStorage.getItem('token'),
+          'Content-Type': 'application/json'
+        },
+        body: JSON.stringify({
+          name: name
+        })
+      })
+        .then((response) => {
+          if (response.status === 401) {
+            disconnect()
+          }
+          if (response.status === 200) {
+            getClasses()
+            setIsRename(null)
+            setName('')
+            toast.success('La classe a été renommée avec succès.')
+          }
+        })
+        .catch((error) => {
+          toast.error(error.message)
+        })
+    } else {
+      setName(className)
+      setIsRename(classId)
+    }
+  }
+
+  const handleChangeClassName = (e) => {
+    setName(e.target.value)
+  }
+
+  const handleChangeNewClassName = (e) => {
+    setNewClass(e.target.value)
+  }
+
+  return (
+    <div>
+      <h3>Gérer les classes de l'Établissement</h3>
+      <div>
+        <label>
+          <input value={newClass} onChange={handleChangeNewClassName} placeholder="Première A" />
+        </label>
+        <FontAwesomeIcon icon={faSquarePlus} title="Ajouter la classe" onClick={handleCreateClass}/>
+      </div>
+      <div>
+        {
+          classList.length > 0 && classList.map((classe, index) => (
+            <div key={index}>
+              {isRename === classe._id ?
+                (
+                  <div>
+                    <input value={name} onChange={handleChangeClassName} />
+                  </div>
+                ) : <p>{classe.name}</p>}
+              <FontAwesomeIcon icon={faPenToSquare} title="Renommer la classe" onClick={() => handleRenameClass(classe._id, classe.name)}/>
+              <FontAwesomeIcon icon={faTrashCan} title="Supprimer la classe" onClick={() => handleDeleteClass(classe._id)}/>
+            </div>
+          ))
+        }
+      </div>
+    </div>
+  )
+}
+
+export default FacilityClassesCreationPopupContent
diff --git a/src/Users/SchoolAdmin/schoolAdmAccountsPage.js b/src/Users/SchoolAdmin/schoolAdmAccountsPage.js
index 977f1215..4b22a6b4 100644
--- a/src/Users/SchoolAdmin/schoolAdmAccountsPage.js
+++ b/src/Users/SchoolAdmin/schoolAdmAccountsPage.js
@@ -3,6 +3,7 @@ import HeaderComp from '../../Components/Header/headerComp'
 import SchoolAccountsTable from '../../Components/Accounts/SchoolAdm/schoolAccountsTable'
 import CsvAccountCreationPopupContent from '../../Components/Popup/csvAccountCreation'
 import SingleAccountCreationPopupContent from '../../Components/Popup/singleAccountCreation'
+import FacilityClassesCreationPopupContent from '../../Components/Popup/facilityClassesCreation'
 import '../../css/pages/accountsPage.scss'
 import '../../css/Components/Popup/popup.scss'
 import Popup from 'reactjs-popup'
@@ -11,12 +12,16 @@ import cross from '../../assets/Cross.png'
 export default function SchoolAdmAccountsPage () {
   const [isOpenSingle, setIsOpenSingle] = useState(false)
   const [isOpenMany, setIsOpenMany] = useState(false)
+  const [isOpenClasses, setIsOpenClasses] = useState(false)
 
   const handleSingleAccount = () => {
     setIsOpenSingle(!isOpenSingle)
     if (isOpenMany) {
       setIsOpenMany(!isOpenMany)
     }
+    if (isOpenClasses) {
+      setIsOpenClasses(!isOpenClasses)
+    }
   }
 
   const handleManyAccounts = () => {
@@ -24,6 +29,19 @@ export default function SchoolAdmAccountsPage () {
     if (isOpenSingle) {
       setIsOpenSingle(!isOpenSingle)
     }
+    if (isOpenClasses) {
+      setIsOpenClasses(!isOpenClasses)
+    }
+  }
+
+  const handleClasses = () => {
+    setIsOpenClasses(!isOpenClasses)
+    if (isOpenMany) {
+      setIsOpenMany(!isOpenMany)
+    }
+    if (isOpenSingle) {
+      setIsOpenSingle(!isOpenSingle)
+    }
   }
 
   const buttonComponent = [
@@ -34,6 +52,10 @@ export default function SchoolAdmAccountsPage () {
     {
       name: 'Ajouter une Liste de Comptes',
       handleFunction: handleManyAccounts
+    },
+    {
+      name: 'Gérer les classes',
+      handleFunction: handleClasses
     }
   ]
 
@@ -64,6 +86,14 @@ export default function SchoolAdmAccountsPage () {
             </div>
           )}
         </Popup>
+        <Popup open={isOpenClasses} onClose={() => setIsOpenClasses(false)} modal>
+          {(close) => (
+            <div className='popup-modal-container' style={{ padding: '50px', gap: '50px', alignItems: 'center' }}>
+              <button className='close-btn' onClick={close}><img src={cross} alt='Close' /></button>
+              <FacilityClassesCreationPopupContent />
+            </div>
+          )}
+        </Popup>
         <SchoolAccountsTable status={sessionStorage.getItem('role') !== 'teacher'} />
       </div>
     </div>

From 503945b3ed10211fa4b236b3ce9118c39e457f28 Mon Sep 17 00:00:00 2001
From: adbusnel <adrien.busnel@epitech.eu>
Date: Tue, 3 Dec 2024 12:21:16 +0100
Subject: [PATCH 45/53] [MOD] fixed css

---
 .../Popup/facilityClassesCreation.jsx         | 27 +++++++--------
 src/Users/Student/feelingsStudentPage.jsx     |  3 --
 src/css/Components/Popup/popup.scss           | 33 +++++++++++++++++++
 3 files changed, 47 insertions(+), 16 deletions(-)

diff --git a/src/Components/Popup/facilityClassesCreation.jsx b/src/Components/Popup/facilityClassesCreation.jsx
index e9ed9d06..9365b95c 100644
--- a/src/Components/Popup/facilityClassesCreation.jsx
+++ b/src/Components/Popup/facilityClassesCreation.jsx
@@ -36,6 +36,8 @@ const FacilityClassesCreationPopupContent = () => {
   }, [])
 
   const handleCreateClass = () => {
+    if (newClass === '')
+      return
     fetch(process.env.REACT_APP_BACKEND_URL + '/adm/classes/register', {
       method: 'POST',
       headers: {
@@ -52,14 +54,13 @@ const FacilityClassesCreationPopupContent = () => {
         }
         if (response.status === 200) {
           getClasses()
+          setNewClass('')
           toast.success('La classe a été créée avec succès.')
         }
       })
       .catch((error) => {
         toast.error(error.message)
       })
-
-    console.log(newClass)
   }
 
   const handleDeleteClass = (classId) => {
@@ -85,8 +86,6 @@ const FacilityClassesCreationPopupContent = () => {
   }
 
   const handleRenameClass = (classId, className) => {
-    console.log(classId)
-    console.log(className)
     if (isRename && classId === isRename) {
       fetch(process.env.REACT_APP_BACKEND_URL + '/adm/classes/' + classId, {
         method: 'PATCH',
@@ -127,26 +126,28 @@ const FacilityClassesCreationPopupContent = () => {
   }
 
   return (
-    <div>
+    <div className="classes-gestion-container">
       <h3>Gérer les classes de l'Établissement</h3>
-      <div>
+      <div className="class-input-container">
         <label>
           <input value={newClass} onChange={handleChangeNewClassName} placeholder="Première A" />
         </label>
         <FontAwesomeIcon icon={faSquarePlus} title="Ajouter la classe" onClick={handleCreateClass}/>
       </div>
-      <div>
+      <div className="class-list-container">
         {
           classList.length > 0 && classList.map((classe, index) => (
-            <div key={index}>
+            <div className="class-container" key={index}>
               {isRename === classe._id ?
                 (
-                  <div>
+                  <label>
                     <input value={name} onChange={handleChangeClassName} />
-                  </div>
-                ) : <p>{classe.name}</p>}
-              <FontAwesomeIcon icon={faPenToSquare} title="Renommer la classe" onClick={() => handleRenameClass(classe._id, classe.name)}/>
-              <FontAwesomeIcon icon={faTrashCan} title="Supprimer la classe" onClick={() => handleDeleteClass(classe._id)}/>
+                  </label>
+                ) : <span>{classe.name}</span>}
+              <div>
+                <FontAwesomeIcon icon={faPenToSquare} title="Renommer la classe" onClick={() => handleRenameClass(classe._id, classe.name)}/>
+                <FontAwesomeIcon icon={faTrashCan} title="Supprimer la classe" onClick={() => handleDeleteClass(classe._id)}/>
+              </div>
             </div>
           ))
         }
diff --git a/src/Users/Student/feelingsStudentPage.jsx b/src/Users/Student/feelingsStudentPage.jsx
index 15c9021d..0e0fe862 100644
--- a/src/Users/Student/feelingsStudentPage.jsx
+++ b/src/Users/Student/feelingsStudentPage.jsx
@@ -211,12 +211,10 @@ const FeelingsStudentPage = () => {
   }, [setLastFeeling, emotions, moods, imagePaths, lastFeeling.length])
 
   const handleClosePopup = () => {
-    // document.getElementById('grey-filter').style.display = 'none'
     setIsCreateOpen(false)
   }
 
   const handleFeelingsModification = () => {
-    // document.getElementById('grey-filter').style.display = 'flex'
     setIsCreateOpen(!isCreateOpen)
     setIsModified(true)
     setNewMood(lastFeeling.mood)
@@ -225,7 +223,6 @@ const FeelingsStudentPage = () => {
   }
 
   const handleFeelingsCreation = () => {
-    // document.getElementById('grey-filter').style.display = 'flex'
     setIsCreateOpen(!isCreateOpen)
     setIsModified(false)
     setNewMood('')
diff --git a/src/css/Components/Popup/popup.scss b/src/css/Components/Popup/popup.scss
index 574c50f5..63e13853 100644
--- a/src/css/Components/Popup/popup.scss
+++ b/src/css/Components/Popup/popup.scss
@@ -263,4 +263,37 @@
     gap: 10px;
     justify-content: center;
     align-content: center;
+}
+.classes-gestion-container {
+    display: flex;
+    flex-direction: column;
+    gap: 10px;
+    justify-content: center;
+    align-content: center;
+}
+
+.class-input-container {
+    display: flex;
+    flex-direction: row;
+    gap: 10px;
+    justify-content: space-between;
+    align-content: center;
+}
+
+.class-container {
+    display: flex;
+    flex-direction: row;
+    gap: 10px;
+    align-content: center;
+    justify-content: space-between;
+}
+
+.class-list-container {
+    display: flex;
+    flex-direction: column;
+    gap: 10px;
+    justify-content: flex-start;
+    align-content: center;
+    overflow-y: scroll;
+    height: 55vh;
 }
\ No newline at end of file

From 0512b4960c13d6911f163f07f5402d82895d532d Mon Sep 17 00:00:00 2001
From: adbusnel <adrien.busnel@epitech.eu>
Date: Tue, 3 Dec 2024 14:30:01 +0100
Subject: [PATCH 46/53] [MOD] fixed accepting desanonym, changed header button
 size

---
 .../Accounts/SchoolAdm/schoolAccountsTable.js |  8 +++----
 .../Popup/singleAccountCreation.jsx           |  2 +-
 src/Users/Admin/feelingsAdminPage.jsx         |  7 ++++--
 src/Users/Student/feelingsStudentPage.jsx     |  1 -
 src/css/Components/Header/headerComp.scss     |  4 ++--
 src/css/Components/Popup/popup.scss           | 22 ++++++++++++-------
 6 files changed, 25 insertions(+), 19 deletions(-)

diff --git a/src/Components/Accounts/SchoolAdm/schoolAccountsTable.js b/src/Components/Accounts/SchoolAdm/schoolAccountsTable.js
index 76b18322..2032daac 100644
--- a/src/Components/Accounts/SchoolAdm/schoolAccountsTable.js
+++ b/src/Components/Accounts/SchoolAdm/schoolAccountsTable.js
@@ -47,7 +47,6 @@ export default function SchoolAccountsTable ({ status }) {
     } else {
       const data = await resp.json()
       const array = [...accounts, ...data]
-      console.log(array)
 
       const teacherAccounts = array.filter(account => account.role.name === 'teacher')
       const studentAccounts = array.filter(account => account.role.name === 'student')
@@ -140,7 +139,6 @@ export default function SchoolAccountsTable ({ status }) {
   }
 
   const handleClassChange = (e) => {
-    console.log(e)
     setUpdatedUser(prevState => ({
       ...prevState,
       classes: e
@@ -186,9 +184,9 @@ export default function SchoolAccountsTable ({ status }) {
       if (response.status === 401) {
         disconnect()
       } else if (response.ok) {
+        setIsEditing(false)
         setFileImage(null)
         toast.success('Le profil a été mis à jour avec succès.')
-        setIsEditing(false)
         getAccountList() // Refresh the list
       } else {
         toast.error('Erreur lors de la mise à jour du profil: ' + response.statusText)
@@ -217,7 +215,7 @@ export default function SchoolAccountsTable ({ status }) {
     } else if (resp.status === 200) {
       toast.success(deleteType ? 'Le compte a été supprimé' : 'Le compte a été suspendu')
       getAccountList()
-      setIsPopupOpen(!isPopupOpen)
+      setIsPopupOpen(false)
     } else {
       toast.error("une alerte s'est produite")
       getAccountList()
@@ -240,7 +238,7 @@ export default function SchoolAccountsTable ({ status }) {
     } else if (resp.status === 200) {
       toast.success('Le compte a été restauré')
       getAccountList()
-      setIsPopupOpen(!isPopupOpen)
+      setIsPopupOpen(false)
     } else {
       toast.error("une alerte s'est produite")
       getAccountList()
diff --git a/src/Components/Popup/singleAccountCreation.jsx b/src/Components/Popup/singleAccountCreation.jsx
index 003a41c5..ee51d5cc 100644
--- a/src/Components/Popup/singleAccountCreation.jsx
+++ b/src/Components/Popup/singleAccountCreation.jsx
@@ -5,7 +5,7 @@ import userIcon from '../../assets/userIcon.png'
 import { disconnect } from '../../functions/disconnect'
 import { toast } from 'react-toastify'
 
-const SingleAccountCreationPopupContent = () => {
+const SingleAccountCreationPopupContent = ({close}) => {
   const roleProfile = sessionStorage.getItem('role')
   const singleCreationUrl = process.env.REACT_APP_BACKEND_URL + '/adm/register'
   const [firstname, setFirstName] = useState('')
diff --git a/src/Users/Admin/feelingsAdminPage.jsx b/src/Users/Admin/feelingsAdminPage.jsx
index aa49d64d..0f401e2b 100644
--- a/src/Users/Admin/feelingsAdminPage.jsx
+++ b/src/Users/Admin/feelingsAdminPage.jsx
@@ -22,6 +22,7 @@ const FeelingsAdminPage = () => {
   const [shownFeeling, setShownFeeling] = useState([])
   const [demand, setDemand] = useState({
     user: '',
+    mood: '0',
     reason: '',
     message: 'Pas de message'
   })
@@ -49,9 +50,10 @@ const FeelingsAdminPage = () => {
     }
   }, [])
 
-  const handleDemandPopup = (userId, feelingId) => {
+  const handleDemandPopup = (userId, feelingId, feelingMood) => {
     demand.user = userId
     demand.reason = feelingId
+    demand.mood = feelings.find(item => item.mood === feelingMood)._id
     setDemand(demand)
     const toFind = demands.find(item => item.reason === feelingId)
     if (toFind) { toast.warn('Vous avez déjà effectué une demande de désanonymisation pour ce ressenti.') } else { setIsOpen(!isOpen) }
@@ -95,6 +97,7 @@ const FeelingsAdminPage = () => {
       })
       .then(data => {
         if (Array.isArray(data)) {
+          console.log(data)
           setFeelings(prevFeelings => [...prevFeelings, ...data])
         } else {
           toast.error('Les données reçues ne sont pas valides.')
@@ -254,7 +257,7 @@ const FeelingsAdminPage = () => {
                     <p style={{ marginBottom: '0' }}>{feeling.date !== '' ? 'Pris en compte le:' : 'En attente de prise en compte'}</p>
                     <p style={{ marginTop: '0' }}>{feeling.date !== '' ? `${moment(feeling.date).format('DD/MM/YYYY')}` : ''}</p>
                   </div>
-                  <div className='publication-author' style={{ alignItems: 'center', display: 'flex', gap: '5px' }}>{feeling.annonymous ? (<>Anonyme <img style={{ height: '15px', cursor: 'pointer' }} onClick={() => handleDemandPopup(feeling.user._id, feeling._id)} src={questionIcon} alt='Demander à désanonymiser' title='Faire une demande de désanonymisation' /> </>) : `${feeling.user.firstname} ${feeling.user.lastname}`}</div>
+                  <div className='publication-author' style={{ alignItems: 'center', display: 'flex', gap: '5px' }}>{feeling.annonymous ? (<>Anonyme <img style={{ height: '15px', cursor: 'pointer' }} onClick={() => handleDemandPopup(feeling.user._id, feeling._id, feeling.mood)} src={questionIcon} alt='Demander à désanonymiser' title='Faire une demande de désanonymisation' /> </>) : `${feeling.user.firstname} ${feeling.user.lastname}`}</div>
                 </div>
                 <div className='feelings-content'>
                   <p className='paragraph-style'>{feeling.comment}</p>
diff --git a/src/Users/Student/feelingsStudentPage.jsx b/src/Users/Student/feelingsStudentPage.jsx
index 0e0fe862..3c44f63c 100644
--- a/src/Users/Student/feelingsStudentPage.jsx
+++ b/src/Users/Student/feelingsStudentPage.jsx
@@ -271,7 +271,6 @@ const FeelingsStudentPage = () => {
         'x-auth-token': sessionStorage.getItem('token')
       },
       body: JSON.stringify({
-        message: 'this is a test',
         status: answer
       })
     })
diff --git a/src/css/Components/Header/headerComp.scss b/src/css/Components/Header/headerComp.scss
index 2ce49fb8..b2f38b0a 100644
--- a/src/css/Components/Header/headerComp.scss
+++ b/src/css/Components/Header/headerComp.scss
@@ -24,7 +24,7 @@
                 color: black;
                 margin-right: 10px;
             }
-    
+
             #subtitle {
                 font-size: 17px;
                 font-weight: 600;
@@ -68,7 +68,7 @@
         cursor: pointer;
         font-family: Inter;
         width: auto;
-        height: 39px;
+        height: 70px;
         font-size: 18px;
         margin-left: 10px;
     }
diff --git a/src/css/Components/Popup/popup.scss b/src/css/Components/Popup/popup.scss
index 63e13853..5f823860 100644
--- a/src/css/Components/Popup/popup.scss
+++ b/src/css/Components/Popup/popup.scss
@@ -280,14 +280,6 @@
     align-content: center;
 }
 
-.class-container {
-    display: flex;
-    flex-direction: row;
-    gap: 10px;
-    align-content: center;
-    justify-content: space-between;
-}
-
 .class-list-container {
     display: flex;
     flex-direction: column;
@@ -296,4 +288,18 @@
     align-content: center;
     overflow-y: scroll;
     height: 55vh;
+    padding-left: 10px;
+    padding-right: 10px;
+}
+
+.class-container {
+    display: flex;
+    flex-direction: row;
+    gap: 10px;
+    align-content: center;
+    justify-content: space-between;
+    border: 1px solid lightgrey;
+    box-shadow: 5px 5px 5px 0px lightgray;
+    border-radius: 5px;
+    padding: 10px;
 }
\ No newline at end of file

From d3849808b264d34d876b9a0839911fa135778168 Mon Sep 17 00:00:00 2001
From: adbusnel <adrien.busnel@epitech.eu>
Date: Tue, 3 Dec 2024 15:31:35 +0100
Subject: [PATCH 47/53] [MOD] added warning when class name is already in use,
 changed css of class creation

---
 .../Popup/facilityClassesCreation.jsx         | 28 ++++++++++++++-----
 src/css/Components/Popup/popup.scss           | 14 +++++++++-
 2 files changed, 34 insertions(+), 8 deletions(-)

diff --git a/src/Components/Popup/facilityClassesCreation.jsx b/src/Components/Popup/facilityClassesCreation.jsx
index 9365b95c..b2884c42 100644
--- a/src/Components/Popup/facilityClassesCreation.jsx
+++ b/src/Components/Popup/facilityClassesCreation.jsx
@@ -101,6 +101,9 @@ const FacilityClassesCreationPopupContent = () => {
           if (response.status === 401) {
             disconnect()
           }
+          if (response.status === 422) {
+            toast.warn('Une classe possède déjà ce nom.')
+          }
           if (response.status === 200) {
             getClasses()
             setIsRename(null)
@@ -125,14 +128,25 @@ const FacilityClassesCreationPopupContent = () => {
     setNewClass(e.target.value)
   }
 
+  const handleKeyPress = (e, classId, className, isNewName) => {
+    if (e.key === 'Enter') {
+      if (isNewName) {
+        handleCreateClass()
+      } else {
+        handleRenameClass(classId, className)
+      }
+
+    }
+  }
+
   return (
     <div className="classes-gestion-container">
       <h3>Gérer les classes de l'Établissement</h3>
-      <div className="class-input-container">
+      <div className="class-input-container" style={{justifyContent: "center"}}>
         <label>
-          <input value={newClass} onChange={handleChangeNewClassName} placeholder="Première A" />
+          <input value={newClass} onKeyPress={(e) => handleKeyPress(e, null, null, true)} onChange={handleChangeNewClassName} placeholder="Ajouter une classe ..." />
         </label>
-        <FontAwesomeIcon icon={faSquarePlus} title="Ajouter la classe" onClick={handleCreateClass}/>
+        <FontAwesomeIcon className="icon-popup" icon={faSquarePlus} title="Ajouter la classe" onClick={handleCreateClass}/>
       </div>
       <div className="class-list-container">
         {
@@ -141,12 +155,12 @@ const FacilityClassesCreationPopupContent = () => {
               {isRename === classe._id ?
                 (
                   <label>
-                    <input value={name} onChange={handleChangeClassName} />
+                    <input value={name} onKeyPress={(e) => handleKeyPress(e, classe._id, classe.name, false)} onChange={handleChangeClassName} />
                   </label>
                 ) : <span>{classe.name}</span>}
-              <div>
-                <FontAwesomeIcon icon={faPenToSquare} title="Renommer la classe" onClick={() => handleRenameClass(classe._id, classe.name)}/>
-                <FontAwesomeIcon icon={faTrashCan} title="Supprimer la classe" onClick={() => handleDeleteClass(classe._id)}/>
+              <div style={{display: "flex", flexDirection: "row", gap: "10px"}}>
+                <FontAwesomeIcon className="icon-popup" icon={faPenToSquare} title="Renommer la classe" onClick={() => handleRenameClass(classe._id, classe.name)}/>
+                <FontAwesomeIcon className="icon-popup" icon={faTrashCan} title="Supprimer la classe" onClick={() => handleDeleteClass(classe._id)}/>
               </div>
             </div>
           ))
diff --git a/src/css/Components/Popup/popup.scss b/src/css/Components/Popup/popup.scss
index 5f823860..f09e38a3 100644
--- a/src/css/Components/Popup/popup.scss
+++ b/src/css/Components/Popup/popup.scss
@@ -277,7 +277,8 @@
     flex-direction: row;
     gap: 10px;
     justify-content: space-between;
-    align-content: center;
+    align-items: center;
+    padding: 0 20px  0 20px ;
 }
 
 .class-list-container {
@@ -302,4 +303,15 @@
     box-shadow: 5px 5px 5px 0px lightgray;
     border-radius: 5px;
     padding: 10px;
+}
+
+.icon-popup {
+    cursor: pointer;
+    width: 20px;
+    height: 20px;
+}
+
+.icon-popup:hover {
+    transition: 0.2s;
+    height: 23px;
 }
\ No newline at end of file

From 77d4b9d7da615e24bb1afce2ba13b340e075c841 Mon Sep 17 00:00:00 2001
From: adbusnel <adbusnel@users.noreply.github.com>
Date: Tue, 3 Dec 2024 14:33:12 +0000
Subject: [PATCH 48/53] [LINT] Applied linter fix

---
 .../Popup/facilityClassesCreation.jsx         | 55 +++++++++----------
 .../Popup/singleAccountCreation.jsx           |  2 +-
 2 files changed, 28 insertions(+), 29 deletions(-)

diff --git a/src/Components/Popup/facilityClassesCreation.jsx b/src/Components/Popup/facilityClassesCreation.jsx
index b2884c42..91bbc7e7 100644
--- a/src/Components/Popup/facilityClassesCreation.jsx
+++ b/src/Components/Popup/facilityClassesCreation.jsx
@@ -36,8 +36,7 @@ const FacilityClassesCreationPopupContent = () => {
   }, [])
 
   const handleCreateClass = () => {
-    if (newClass === '')
-      return
+    if (newClass === '') { return }
     fetch(process.env.REACT_APP_BACKEND_URL + '/adm/classes/register', {
       method: 'POST',
       headers: {
@@ -71,18 +70,18 @@ const FacilityClassesCreationPopupContent = () => {
         'Content-Type': 'application/json'
       }
     })
-    .then((response) => {
-      if (response.status === 401) {
-        disconnect()
-      }
-      if (response.status === 200) {
-        getClasses()
-        toast.success('La classe a été supprimée avec succès.')
-      }
-    })
-    .catch((error) => {
-      toast.error(error.message)
-    })
+      .then((response) => {
+        if (response.status === 401) {
+          disconnect()
+        }
+        if (response.status === 200) {
+          getClasses()
+          toast.success('La classe a été supprimée avec succès.')
+        }
+      })
+      .catch((error) => {
+        toast.error(error.message)
+      })
   }
 
   const handleRenameClass = (classId, className) => {
@@ -94,7 +93,7 @@ const FacilityClassesCreationPopupContent = () => {
           'Content-Type': 'application/json'
         },
         body: JSON.stringify({
-          name: name
+          name
         })
       })
         .then((response) => {
@@ -135,32 +134,32 @@ const FacilityClassesCreationPopupContent = () => {
       } else {
         handleRenameClass(classId, className)
       }
-
     }
   }
 
   return (
-    <div className="classes-gestion-container">
+    <div className='classes-gestion-container'>
       <h3>Gérer les classes de l'Établissement</h3>
-      <div className="class-input-container" style={{justifyContent: "center"}}>
+      <div className='class-input-container' style={{ justifyContent: 'center' }}>
         <label>
-          <input value={newClass} onKeyPress={(e) => handleKeyPress(e, null, null, true)} onChange={handleChangeNewClassName} placeholder="Ajouter une classe ..." />
+          <input value={newClass} onKeyPress={(e) => handleKeyPress(e, null, null, true)} onChange={handleChangeNewClassName} placeholder='Ajouter une classe ...' />
         </label>
-        <FontAwesomeIcon className="icon-popup" icon={faSquarePlus} title="Ajouter la classe" onClick={handleCreateClass}/>
+        <FontAwesomeIcon className='icon-popup' icon={faSquarePlus} title='Ajouter la classe' onClick={handleCreateClass} />
       </div>
-      <div className="class-list-container">
+      <div className='class-list-container'>
         {
           classList.length > 0 && classList.map((classe, index) => (
-            <div className="class-container" key={index}>
-              {isRename === classe._id ?
-                (
+            <div className='class-container' key={index}>
+              {isRename === classe._id
+                ? (
                   <label>
                     <input value={name} onKeyPress={(e) => handleKeyPress(e, classe._id, classe.name, false)} onChange={handleChangeClassName} />
                   </label>
-                ) : <span>{classe.name}</span>}
-              <div style={{display: "flex", flexDirection: "row", gap: "10px"}}>
-                <FontAwesomeIcon className="icon-popup" icon={faPenToSquare} title="Renommer la classe" onClick={() => handleRenameClass(classe._id, classe.name)}/>
-                <FontAwesomeIcon className="icon-popup" icon={faTrashCan} title="Supprimer la classe" onClick={() => handleDeleteClass(classe._id)}/>
+                  )
+                : <span>{classe.name}</span>}
+              <div style={{ display: 'flex', flexDirection: 'row', gap: '10px' }}>
+                <FontAwesomeIcon className='icon-popup' icon={faPenToSquare} title='Renommer la classe' onClick={() => handleRenameClass(classe._id, classe.name)} />
+                <FontAwesomeIcon className='icon-popup' icon={faTrashCan} title='Supprimer la classe' onClick={() => handleDeleteClass(classe._id)} />
               </div>
             </div>
           ))
diff --git a/src/Components/Popup/singleAccountCreation.jsx b/src/Components/Popup/singleAccountCreation.jsx
index ee51d5cc..d4342221 100644
--- a/src/Components/Popup/singleAccountCreation.jsx
+++ b/src/Components/Popup/singleAccountCreation.jsx
@@ -5,7 +5,7 @@ import userIcon from '../../assets/userIcon.png'
 import { disconnect } from '../../functions/disconnect'
 import { toast } from 'react-toastify'
 
-const SingleAccountCreationPopupContent = ({close}) => {
+const SingleAccountCreationPopupContent = ({ close }) => {
   const roleProfile = sessionStorage.getItem('role')
   const singleCreationUrl = process.env.REACT_APP_BACKEND_URL + '/adm/register'
   const [firstname, setFirstName] = useState('')

From b62e4a63f0334458e1211790ffbe5612d939a565 Mon Sep 17 00:00:00 2001
From: adbusnel <adrien.busnel@epitech.eu>
Date: Tue, 3 Dec 2024 16:33:26 +0100
Subject: [PATCH 49/53] [MOD] fixed modification of classes on profile accounts

---
 .../Accounts/SchoolAdm/schoolAccountsTable.js | 57 ++++++++++++++++---
 1 file changed, 49 insertions(+), 8 deletions(-)

diff --git a/src/Components/Accounts/SchoolAdm/schoolAccountsTable.js b/src/Components/Accounts/SchoolAdm/schoolAccountsTable.js
index 2032daac..c8d9f77e 100644
--- a/src/Components/Accounts/SchoolAdm/schoolAccountsTable.js
+++ b/src/Components/Accounts/SchoolAdm/schoolAccountsTable.js
@@ -22,6 +22,7 @@ export default function SchoolAccountsTable ({ status }) {
   const [isMultiStatus, setIsMultiStatus] = useState(true)
   const [classesList, setClassesList] = useState([])
   const [actionType, setActionType] = useState('delete')
+  const [classError, setClassError] = useState(false)
   const [updatedUser, setUpdatedUser] = useState({
     firstname: '',
     lastname: '',
@@ -153,21 +154,60 @@ export default function SchoolAccountsTable ({ status }) {
     }))
   }
 
+  function callAction (classe, action) {
+    fetch(process.env.REACT_APP_BACKEND_URL + '/adm/classes/' + classe._id + action, {
+      method: 'PATCH',
+      headers: {
+        'x-auth-token': sessionStorage.getItem('token'),
+        'Content-Type': 'application/json'
+      },
+      body: JSON.stringify(action === "/updateStudent" ? {studentId: selectedUser._id} : {teacherId: selectedUser._id})
+    })
+      .then((response) => {
+        if (response.status === 401) {
+          disconnect()
+        }
+      })
+      .catch((error) => {
+        setClassError(true)
+        toast.error("Un problème est survenu avec la classe.")
+      })
+  }
+
+  const handleUltimateClassChange = () => {
+    if (selectedUser.role.name === "teacher") {
+      const removeClasses = [];
+      const addClasses = [];
+
+      // Assuming selectedUser and updatedUser have a `classes` property that is an array
+      const selectedUserClasses = selectedUser.classes || [];
+      const updatedUserClasses = updatedUser.classes || [];
+
+      addClasses.push(...updatedUserClasses.filter((cls) => !selectedUserClasses.includes(cls)));
+
+      removeClasses.push(...selectedUserClasses.filter((cls) => !updatedUserClasses.includes(cls)));
+
+      removeClasses.map((classe) => { callAction(classe, '/removeTeacher')})
+      addClasses.map(classe => { callAction(classe, '/addTeacher') })
+    } else {
+      const studentClass = []
+      studentClass.push(updatedUser.classes)
+
+      studentClass.map(classe => { callAction(classe, '/updateStudent') })
+    }
+    if (!classError)
+      toast.success('Le profil a été mis à jour avec succès.')
+  }
+
   const handleUpdate = async (e) => {
     e.preventDefault()
+
     try {
       const formData = new FormData()
       formData.append('firstname', updatedUser.firstname)
       formData.append('lastname', updatedUser.lastname)
       formData.append('role', updatedUser.role)
       formData.append('email', updatedUser.email)
-      if (isMultiStatus) {
-        formData.append('classes', JSON.stringify(updatedUser.classes))
-      } else {
-        const arrayClass = []
-        arrayClass.push(updatedUser.classes)
-        formData.append('classes', JSON.stringify(arrayClass))
-      }
 
       if (fileImage) {
         formData.append('file', fileImage)
@@ -186,8 +226,9 @@ export default function SchoolAccountsTable ({ status }) {
       } else if (response.ok) {
         setIsEditing(false)
         setFileImage(null)
-        toast.success('Le profil a été mis à jour avec succès.')
+        handleUltimateClassChange()
         getAccountList() // Refresh the list
+        setClassError(false)
       } else {
         toast.error('Erreur lors de la mise à jour du profil: ' + response.statusText)
       }

From ed672d145f404a7209d3c26b33376ed930db7310 Mon Sep 17 00:00:00 2001
From: adbusnel <adbusnel@users.noreply.github.com>
Date: Tue, 3 Dec 2024 15:34:02 +0000
Subject: [PATCH 50/53] [LINT] Applied linter fix

---
 .../Accounts/SchoolAdm/schoolAccountsTable.js | 23 +++++++++----------
 1 file changed, 11 insertions(+), 12 deletions(-)

diff --git a/src/Components/Accounts/SchoolAdm/schoolAccountsTable.js b/src/Components/Accounts/SchoolAdm/schoolAccountsTable.js
index c8d9f77e..fd7a89f0 100644
--- a/src/Components/Accounts/SchoolAdm/schoolAccountsTable.js
+++ b/src/Components/Accounts/SchoolAdm/schoolAccountsTable.js
@@ -161,7 +161,7 @@ export default function SchoolAccountsTable ({ status }) {
         'x-auth-token': sessionStorage.getItem('token'),
         'Content-Type': 'application/json'
       },
-      body: JSON.stringify(action === "/updateStudent" ? {studentId: selectedUser._id} : {teacherId: selectedUser._id})
+      body: JSON.stringify(action === '/updateStudent' ? { studentId: selectedUser._id } : { teacherId: selectedUser._id })
     })
       .then((response) => {
         if (response.status === 401) {
@@ -170,24 +170,24 @@ export default function SchoolAccountsTable ({ status }) {
       })
       .catch((error) => {
         setClassError(true)
-        toast.error("Un problème est survenu avec la classe.")
+        toast.error('Un problème est survenu avec la classe.')
       })
   }
 
   const handleUltimateClassChange = () => {
-    if (selectedUser.role.name === "teacher") {
-      const removeClasses = [];
-      const addClasses = [];
+    if (selectedUser.role.name === 'teacher') {
+      const removeClasses = []
+      const addClasses = []
 
       // Assuming selectedUser and updatedUser have a `classes` property that is an array
-      const selectedUserClasses = selectedUser.classes || [];
-      const updatedUserClasses = updatedUser.classes || [];
+      const selectedUserClasses = selectedUser.classes || []
+      const updatedUserClasses = updatedUser.classes || []
 
-      addClasses.push(...updatedUserClasses.filter((cls) => !selectedUserClasses.includes(cls)));
+      addClasses.push(...updatedUserClasses.filter((cls) => !selectedUserClasses.includes(cls)))
 
-      removeClasses.push(...selectedUserClasses.filter((cls) => !updatedUserClasses.includes(cls)));
+      removeClasses.push(...selectedUserClasses.filter((cls) => !updatedUserClasses.includes(cls)))
 
-      removeClasses.map((classe) => { callAction(classe, '/removeTeacher')})
+      removeClasses.map((classe) => { callAction(classe, '/removeTeacher') })
       addClasses.map(classe => { callAction(classe, '/addTeacher') })
     } else {
       const studentClass = []
@@ -195,8 +195,7 @@ export default function SchoolAccountsTable ({ status }) {
 
       studentClass.map(classe => { callAction(classe, '/updateStudent') })
     }
-    if (!classError)
-      toast.success('Le profil a été mis à jour avec succès.')
+    if (!classError) { toast.success('Le profil a été mis à jour avec succès.') }
   }
 
   const handleUpdate = async (e) => {

From 160a47dbc32abfa7994e2c850a23e5d1a07100b2 Mon Sep 17 00:00:00 2001
From: adbusnel <adrien.busnel@epitech.eu>
Date: Tue, 3 Dec 2024 16:36:25 +0100
Subject: [PATCH 51/53] [MOD] fix linter errors

---
 src/Components/Accounts/SchoolAdm/schoolAccountsTable.js | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

diff --git a/src/Components/Accounts/SchoolAdm/schoolAccountsTable.js b/src/Components/Accounts/SchoolAdm/schoolAccountsTable.js
index fd7a89f0..e6f33fe6 100644
--- a/src/Components/Accounts/SchoolAdm/schoolAccountsTable.js
+++ b/src/Components/Accounts/SchoolAdm/schoolAccountsTable.js
@@ -170,7 +170,7 @@ export default function SchoolAccountsTable ({ status }) {
       })
       .catch((error) => {
         setClassError(true)
-        toast.error('Un problème est survenu avec la classe.')
+        toast.error('Un problème est survenu avec la classe.', error.message)
       })
   }
 
@@ -187,13 +187,13 @@ export default function SchoolAccountsTable ({ status }) {
 
       removeClasses.push(...selectedUserClasses.filter((cls) => !updatedUserClasses.includes(cls)))
 
-      removeClasses.map((classe) => { callAction(classe, '/removeTeacher') })
-      addClasses.map(classe => { callAction(classe, '/addTeacher') })
+      removeClasses.map((classe) => { return callAction(classe, '/removeTeacher') })
+      addClasses.map(classe => { return callAction(classe, '/addTeacher') })
     } else {
       const studentClass = []
       studentClass.push(updatedUser.classes)
 
-      studentClass.map(classe => { callAction(classe, '/updateStudent') })
+      studentClass.map(classe => { return callAction(classe, '/updateStudent') })
     }
     if (!classError) { toast.success('Le profil a été mis à jour avec succès.') }
   }

From b63b50b58ec8c06568d505ce648d1f45e5f901d7 Mon Sep 17 00:00:00 2001
From: adbusnel <adrien.busnel@epitech.eu>
Date: Tue, 3 Dec 2024 17:10:39 +0100
Subject: [PATCH 52/53] [ADD] can now untreat a report

---
 src/Components/reports/reportSidebar.jsx |  2 +-
 src/Users/SchoolAdmin/reportChecking.jsx | 88 +++++++++++++++++-------
 2 files changed, 63 insertions(+), 27 deletions(-)

diff --git a/src/Components/reports/reportSidebar.jsx b/src/Components/reports/reportSidebar.jsx
index 0ee61783..c47ed25d 100644
--- a/src/Components/reports/reportSidebar.jsx
+++ b/src/Components/reports/reportSidebar.jsx
@@ -21,7 +21,7 @@ const ReportSidebar = ({
       <div className='content'>
         {reports
           .filter((report) =>
-            showTreated ? report.status === 'seen' : !report.status
+            showTreated ? report.status === 'seen' : (!report.status || report.status === "unseen")
           ).map((report, index) => (
             <div key={index} className={`${report === currentReport ? 'active-conversation' : 'conversation'}`} onClick={() => handleClick(report)}>
               <div className='text'>
diff --git a/src/Users/SchoolAdmin/reportChecking.jsx b/src/Users/SchoolAdmin/reportChecking.jsx
index bcef0db2..3e9a0d58 100644
--- a/src/Users/SchoolAdmin/reportChecking.jsx
+++ b/src/Users/SchoolAdmin/reportChecking.jsx
@@ -59,30 +59,64 @@ const ReportChecking = () => {
   }
 
   const handleReportProcessing = async (reportId, isProcessed) => {
-    try {
-      if (isProcessed) {
-        await fetch(`${process.env.REACT_APP_BACKEND_URL}/shared/report/processing/${reportId}`, {
-          method: 'POST',
-          headers: {
-            'x-auth-token': sessionStorage.getItem('token'),
-            'Content-Type': 'application/json'
-          },
-          body: JSON.stringify({ status: 'seen', responseMessage: 'ok' })
-        })
-        fetchReportRequests()
-      } else {
-        await fetch(`${process.env.REACT_APP_BACKEND_URL}/shared/report/${reportId}`, {
-          method: 'DELETE',
-          headers: {
-            'x-auth-token': sessionStorage.getItem('token'),
-            'Content-Type': 'application/json'
-          }
-        })
-        fetchReportRequests()
-      }
-    } catch (error) {
-      toast.error('Erreur lors du traitement de la demande.')
+    if (isProcessed === "processed") {
+      await fetch(`${process.env.REACT_APP_BACKEND_URL}/shared/report/processing/${reportId}`, {
+        method: 'POST',
+        headers: {
+          'x-auth-token': sessionStorage.getItem('token'),
+          'Content-Type': 'application/json'
+        },
+        body: JSON.stringify({ status: 'seen', responseMessage: 'ok' })
+      }).then((response) => {
+        if (response.status === 401) {
+          disconnect()
+        }
+        if (response.status=== 200) {
+          toast.success('Le signalement est traité.')
+        }
+      })
+      .catch((error) => {
+        toast.error('Un problème est survenu, le signalement ne peut être traité.', error.message)
+      })
+    } else if (isProcessed === 'waiting') {
+      await fetch(`${process.env.REACT_APP_BACKEND_URL}/shared/report/processing/${reportId}`, {
+        method: 'POST',
+        headers: {
+          'x-auth-token': sessionStorage.getItem('token'),
+          'Content-Type': 'application/json'
+        },
+        body: JSON.stringify({ status: 'unseen', responseMessage: 'ok' })
+      }).then((response) => {
+        if (response.status === 401) {
+          disconnect()
+        }
+        if (response.status=== 200) {
+          toast.success('Le signalement a été mis en attente.')
+        }
+      })
+      .catch((error) => {
+        toast.error('Un problème est survenu, le signalement ne peut être traité.', error.message)
+      })
+    } else {
+      await fetch(`${process.env.REACT_APP_BACKEND_URL}/shared/report/${reportId}`, {
+        method: 'DELETE',
+        headers: {
+          'x-auth-token': sessionStorage.getItem('token'),
+          'Content-Type': 'application/json'
+        }
+      }).then((response) => {
+        if (response.status === 401) {
+          disconnect()
+        }
+        if (response.status=== 200) {
+          toast.success('Le signalement est supprimé.')
+        }
+      })
+      .catch((error) => {
+        toast.error('Un problème est survenu, le signalement ne peut être supprimé.', error.message)
+      })
     }
+    fetchReportRequests()
   }
 
   const handleAccessReportedChat = () => {
@@ -129,11 +163,13 @@ const ReportChecking = () => {
                         }
                     </div>
                     <div className='report-status'>{currentReport.status === 'seen'
-                      ? 'La requête a été traitée'
+                      ? (
+                        <button style={{ fontFamily: 'Inter' }} onClick={() => handleReportProcessing(currentReport._id, 'waiting')}>Mettre en attente</button>
+                      )
                       : (
-                        <button style={{ fontFamily: 'Inter' }} onClick={() => handleReportProcessing(currentReport._id, true)}>Traiter la requête</button>
+                        <button style={{ fontFamily: 'Inter' }} onClick={() => handleReportProcessing(currentReport._id, 'processed')}>Traiter la requête</button>
                         )}
-                      <button style={{ fontFamily: 'Inter' }} onClick={() => handleReportProcessing(currentReport._id, false)}>Supprimer la requête</button>
+                      <button style={{ fontFamily: 'Inter' }} onClick={() => handleReportProcessing(currentReport._id, 'deleted')}>Supprimer la requête</button>
                     </div>
                   </div>
                   <div className='bottom'>

From ae7b347d14a598df1205953e9f08b684e2f26b9a Mon Sep 17 00:00:00 2001
From: adbusnel <adbusnel@users.noreply.github.com>
Date: Tue, 3 Dec 2024 16:15:16 +0000
Subject: [PATCH 53/53] [LINT] Applied linter fix

---
 src/Components/reports/reportSidebar.jsx |  2 +-
 src/Users/SchoolAdmin/reportChecking.jsx | 28 ++++++++++++------------
 2 files changed, 15 insertions(+), 15 deletions(-)

diff --git a/src/Components/reports/reportSidebar.jsx b/src/Components/reports/reportSidebar.jsx
index c47ed25d..d1815e25 100644
--- a/src/Components/reports/reportSidebar.jsx
+++ b/src/Components/reports/reportSidebar.jsx
@@ -21,7 +21,7 @@ const ReportSidebar = ({
       <div className='content'>
         {reports
           .filter((report) =>
-            showTreated ? report.status === 'seen' : (!report.status || report.status === "unseen")
+            showTreated ? report.status === 'seen' : (!report.status || report.status === 'unseen')
           ).map((report, index) => (
             <div key={index} className={`${report === currentReport ? 'active-conversation' : 'conversation'}`} onClick={() => handleClick(report)}>
               <div className='text'>
diff --git a/src/Users/SchoolAdmin/reportChecking.jsx b/src/Users/SchoolAdmin/reportChecking.jsx
index 3e9a0d58..cab48b63 100644
--- a/src/Users/SchoolAdmin/reportChecking.jsx
+++ b/src/Users/SchoolAdmin/reportChecking.jsx
@@ -59,7 +59,7 @@ const ReportChecking = () => {
   }
 
   const handleReportProcessing = async (reportId, isProcessed) => {
-    if (isProcessed === "processed") {
+    if (isProcessed === 'processed') {
       await fetch(`${process.env.REACT_APP_BACKEND_URL}/shared/report/processing/${reportId}`, {
         method: 'POST',
         headers: {
@@ -71,13 +71,13 @@ const ReportChecking = () => {
         if (response.status === 401) {
           disconnect()
         }
-        if (response.status=== 200) {
+        if (response.status === 200) {
           toast.success('Le signalement est traité.')
         }
       })
-      .catch((error) => {
-        toast.error('Un problème est survenu, le signalement ne peut être traité.', error.message)
-      })
+        .catch((error) => {
+          toast.error('Un problème est survenu, le signalement ne peut être traité.', error.message)
+        })
     } else if (isProcessed === 'waiting') {
       await fetch(`${process.env.REACT_APP_BACKEND_URL}/shared/report/processing/${reportId}`, {
         method: 'POST',
@@ -90,13 +90,13 @@ const ReportChecking = () => {
         if (response.status === 401) {
           disconnect()
         }
-        if (response.status=== 200) {
+        if (response.status === 200) {
           toast.success('Le signalement a été mis en attente.')
         }
       })
-      .catch((error) => {
-        toast.error('Un problème est survenu, le signalement ne peut être traité.', error.message)
-      })
+        .catch((error) => {
+          toast.error('Un problème est survenu, le signalement ne peut être traité.', error.message)
+        })
     } else {
       await fetch(`${process.env.REACT_APP_BACKEND_URL}/shared/report/${reportId}`, {
         method: 'DELETE',
@@ -108,13 +108,13 @@ const ReportChecking = () => {
         if (response.status === 401) {
           disconnect()
         }
-        if (response.status=== 200) {
+        if (response.status === 200) {
           toast.success('Le signalement est supprimé.')
         }
       })
-      .catch((error) => {
-        toast.error('Un problème est survenu, le signalement ne peut être supprimé.', error.message)
-      })
+        .catch((error) => {
+          toast.error('Un problème est survenu, le signalement ne peut être supprimé.', error.message)
+        })
     }
     fetchReportRequests()
   }
@@ -165,7 +165,7 @@ const ReportChecking = () => {
                     <div className='report-status'>{currentReport.status === 'seen'
                       ? (
                         <button style={{ fontFamily: 'Inter' }} onClick={() => handleReportProcessing(currentReport._id, 'waiting')}>Mettre en attente</button>
-                      )
+                        )
                       : (
                         <button style={{ fontFamily: 'Inter' }} onClick={() => handleReportProcessing(currentReport._id, 'processed')}>Traiter la requête</button>
                         )}