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

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

@@ -1,20 +1,12 @@
 import React, { useState } from 'react';
-import {
-  Plus,
-  Trash2,
-  Edit3,
-  Check,
-  X,
-  Percent,
-  EuroIcon,
-  Tag,
-} from 'lucide-react';
+import { Trash2, Edit3, Check, X, Percent, EuroIcon, Tag } 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 { ESTABLISHMENT_ID } from '@/utils/Url';
+import SectionHeader from '@/components/SectionHeader';
 
 const DiscountsSection = ({
   discounts,
@@ -347,22 +339,15 @@ const DiscountsSection = ({
       ];
 
   return (
-    <div className="space-y-4">
-      {!subscriptionMode && (
-        <div className="flex justify-between items-center">
-          <div className="flex items-center mb-4">
-            <Tag className="w-6 h-6 text-emerald-500 mr-2" />
-            <h2 className="text-xl font-semibold">Liste des réductions</h2>
-          </div>
-          <button
-            type="button"
-            onClick={handleAddDiscount}
-            className="text-emerald-500 hover:text-emerald-700"
-          >
-            <Plus className="w-5 h-5" />
-          </button>
-        </div>
-      )}
+    <div className="space-y-4 mt-8">
+      <SectionHeader
+        icon={Tag}
+        discountStyle={true}
+        title={`${type == 0 ? "Liste des réductions sur les frais d'inscription" : 'Liste des réductions sur les frais de scolarité'}`}
+        description={`${subscriptionMode ? 'Sélectionnez' : 'Gérez'} ${type == 0 ? " vos réductions sur les frais d'inscription" : ' vos réductions sur les frais de scolarité'}`}
+        button={!subscriptionMode}
+        onClick={handleAddDiscount}
+      />
       <Table
         data={newDiscount ? [newDiscount, ...discounts] : discounts}
         columns={columns}