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

Front-End/src/components/Structure/Tarification/FeesSection.js

@@ -1,20 +1,11 @@
 import React, { useState } from 'react';
-import {
-  Plus,
-  Trash2,
-  Edit3,
-  Check,
-  X,
-  EyeOff,
-  Eye,
-  CreditCard,
-  BookOpen,
-} from 'lucide-react';
+import { Trash2, Edit3, Check, X, EyeOff, Eye, CreditCard } from 'lucide-react';
 import Table from '@/components/Table';
 import Popup from '@/components/Popup';
 import CheckBox from '@/components/CheckBox';
 import InputText from '@/components/InputText';
 import logger from '@/utils/logger';
+import SectionHeader from '@/components/SectionHeader';
 
 import { ESTABLISHMENT_ID } from '@/utils/Url';
 
@@ -325,21 +316,13 @@ const FeesSection = ({
 
   return (
     <div className="space-y-4">
-      {!subscriptionMode && (
-        <div className="flex justify-between items-center">
-          <div className="flex items-center mb-4">
-            <CreditCard className="w-6 h-6 text-emerald-500 mr-2" />
-            <h2 className="text-xl font-semibold">Liste des frais</h2>
-          </div>
-          <button
-            type="button"
-            onClick={handleAddFee}
-            className="text-emerald-500 hover:text-emerald-700"
-          >
-            <Plus className="w-5 h-5" />
-          </button>
-        </div>
-      )}
+      <SectionHeader
+        icon={CreditCard}
+        title={`${type == 0 ? "Liste des frais d'inscription" : 'Liste des frais de scolarité'}`}
+        description={`${subscriptionMode ? 'Sélectionnez' : 'Gérez'} ${type == 0 ? " vos frais d'inscription" : ' vos frais de scolarité'}`}
+        button={!subscriptionMode}
+        onClick={handleAddFee}
+      />
       <Table
         data={newFee ? [newFee, ...fees] : fees}
         columns={columns}