Merge remote-tracking branch 'origin/WIP_Inscriptions' into develop

Front-End/src/components/Structure/Configuration/ClassesSection.js

@@ -1,13 +1,4 @@
-import {
-  Trash2,
-  Edit3,
-  Plus,
-  ZoomIn,
-  Users,
-  Check,
-  X,
-  Hand,
-} from 'lucide-react';
+import { Trash2, Edit3, ZoomIn, Users, Check, X, Hand } from 'lucide-react';
 import React, { useState, useEffect } from 'react';
 import Table from '@/components/Table';
 import Popup from '@/components/Popup';
@@ -21,6 +12,7 @@ import { HTML5Backend } from 'react-dnd-html5-backend';
 import { ESTABLISHMENT_ID } from '@/utils/Url';
 import logger from '@/utils/logger';
 import ClasseDetails from '@/components/ClasseDetails';
+import SectionHeader from '@/components/SectionHeader';
 
 const ItemTypes = {
   TEACHER: 'teacher',
@@ -553,19 +545,13 @@ const ClassesSection = ({
   return (
     <DndProvider backend={HTML5Backend}>
       <div className="space-y-4">
-        <div className="flex justify-between items-center">
-          <div className="flex items-center mb-4">
-            <Users className="w-6 h-6 text-emerald-500 mr-2" />
-            <h2 className="text-xl font-semibold">Classes</h2>
-          </div>
-          <button
-            type="button"
-            onClick={handleAddClass}
-            className="text-emerald-500 hover:text-emerald-700"
-          >
-            <Plus className="w-5 h-5" />
-          </button>
-        </div>
+        <SectionHeader
+          icon={Users}
+          title="Liste des classes"
+          description="Gérez les classes de votre école"
+          button={true}
+          onClick={handleAddClass}
+        />
         <Table
           data={newClass ? [newClass, ...classes] : classes}
           columns={columns}