chore: application prettier

Front-End/src/app/[locale]/admin/page.js

@@ -1,7 +1,7 @@
-'use client'
+'use client';
 import React, { useState, useEffect } from 'react';
 import { useTranslations } from 'next-intl';
-import { Users, Clock, CalendarCheck, School, TrendingUp, UserCheck } from 'lucide-react';
+import { Users, Clock, CalendarCheck, School, TrendingUp } from 'lucide-react';
 import Loader from '@/components/Loader';
 import ClasseDetails from '@/components/ClasseDetails';
 import { fetchClasses } from '@/app/actions/schoolAction';
@@ -11,7 +11,6 @@ import { fetchRegisterForms } from '@/app/actions/subscriptionAction';
 import { fetchUpcomingEvents } from '@/app/actions/planningAction';
 import { useEstablishment } from '@/context/EstablishmentContext';
 
-
 // Composant EventCard pour afficher les événements
 const EventCard = ({ title, date, description, type }) => (
   <div className="bg-white p-4 rounded-lg shadow-sm border border-gray-100 mb-4">
@@ -35,10 +34,9 @@ export default function DashboardPage() {
   const [upcomingEvents, setUpcomingEvents] = useState([]);
   const [monthlyStats, setMonthlyStats] = useState({
     inscriptions: [],
-    completionRate: 0
+    completionRate: 0,
   });
 
-
   const [classes, setClasses] = useState([]);
   const { selectedEstablishmentId } = useEstablishment();
 
@@ -49,35 +47,41 @@ export default function DashboardPage() {
 
     // Fetch des classes
     fetchClasses(selectedEstablishmentId)
-      .then(data => {
+      .then((data) => {
         setClasses(data);
         logger.info('Classes fetched:', data);
 
-        const nbMaxStudents = data.reduce((acc, classe) => acc + classe.number_of_students, 0);
-        const nbStudents = data.reduce((acc, classe) => acc + classe.students.length, 0);
+        const nbMaxStudents = data.reduce(
+          (acc, classe) => acc + classe.number_of_students,
+          0
+        );
+        const nbStudents = data.reduce(
+          (acc, classe) => acc + classe.students.length,
+          0
+        );
         setStructureCapacity(nbMaxStudents);
         setTotalStudents(nbStudents);
       })
-      .catch(error => {
+      .catch((error) => {
         logger.error('Error fetching classes:', error);
       });
 
     // Fetch des formulaires d'inscription
     fetchRegisterForms()
-      .then(data => {
+      .then((data) => {
         logger.info('Pending registrations fetched:', data);
         setPendingRegistration(data.count);
       })
-      .catch(error => {
+      .catch((error) => {
         logger.error('Error fetching pending registrations:', error);
       });
 
     // Fetch des événements à venir
     fetchUpcomingEvents()
-      .then(data => {
+      .then((data) => {
         setUpcomingEvents(data);
       })
-      .catch(error => {
+      .catch((error) => {
         logger.error('Error fetching upcoming events:', error);
       })
       .finally(() => {
@@ -110,9 +114,9 @@ export default function DashboardPage() {
           icon={<School className="text-green-500" size={24} />}
           color="emerald"
         />
-         <StatCard
+        <StatCard
           title={t('capacityRate')}
-          value={`${(totalStudents/structureCapacity * 100).toFixed(1)}%`}
+          value={`${((totalStudents / structureCapacity) * 100).toFixed(1)}%`}
           icon={<School className="text-orange-500" size={24} />}
           color="orange"
         />
@@ -122,7 +126,9 @@ export default function DashboardPage() {
       <div className="grid grid-cols-1 lg:grid-cols-3 gap-6 mb-6">
         {/* Graphique des inscriptions */}
         <div className="lg:col-span-2 bg-white p-6 rounded-lg shadow-sm border border-gray-100">
-          <h2 className="text-lg font-semibold mb-4">{t('inscriptionTrends')}</h2>
+          <h2 className="text-lg font-semibold mb-4">
+            {t('inscriptionTrends')}
+          </h2>
           {/* Insérer ici un composant de graphique */}
           <div className="h-64 bg-gray-50 rounded flex items-center justify-center">
             <TrendingUp size={48} className="text-gray-300" />
@@ -140,11 +146,14 @@ export default function DashboardPage() {
 
       <div className="flex flex-wrap">
         {classes.map((classe) => (
-          <div key={classe.id} className="lg:col-span-2 bg-white p-6 rounded-lg shadow-sm border border-gray-100 mr-4">
-            <ClasseDetails  classe={classe} />
+          <div
+            key={classe.id}
+            className="lg:col-span-2 bg-white p-6 rounded-lg shadow-sm border border-gray-100 mr-4"
+          >
+            <ClasseDetails classe={classe} />
           </div>
         ))}
       </div>
     </div>
   );
-}
+}