Added few functions to the platform

components/ChauffeurForm.tsx

@@ -1,6 +1,7 @@
 'use client';
 
 import { useState, useEffect } from 'react';
+import AlertModal from './AlertModal';
 
 interface Chauffeur {
   id: string;
@@ -24,6 +25,12 @@ interface ChauffeurFormProps {
 
 export default function ChauffeurForm({ chauffeur, onClose }: ChauffeurFormProps) {
   const [loading, setLoading] = useState(false);
+  const [alertModal, setAlertModal] = useState<{
+    show: boolean;
+    type: 'success' | 'error' | 'info' | 'warning';
+    title: string;
+    message: string;
+  } | null>(null);
   const [formData, setFormData] = useState({
     nom: '',
     prenom: '',
@@ -83,11 +90,21 @@ export default function ChauffeurForm({ chauffeur, onClose }: ChauffeurFormProps
         onClose();
       } else {
         const error = await response.json();
-        alert(error.error || 'Une erreur est survenue');
+        setAlertModal({
+          show: true,
+          type: 'error',
+          title: 'Erreur',
+          message: error.error || 'Une erreur est survenue',
+        });
       }
     } catch (error) {
       console.error('Erreur:', error);
-      alert('Une erreur est survenue');
+      setAlertModal({
+        show: true,
+        type: 'error',
+        title: 'Erreur',
+        message: 'Une erreur est survenue',
+      });
     } finally {
       setLoading(false);
     }
@@ -355,6 +372,17 @@ export default function ChauffeurForm({ chauffeur, onClose }: ChauffeurFormProps
           </div>
         </form>
       </div>
+
+      {/* Modal d'alerte */}
+      {alertModal && (
+        <AlertModal
+          isOpen={alertModal.show}
+          type={alertModal.type}
+          title={alertModal.title}
+          message={alertModal.message}
+          onClose={() => setAlertModal(null)}
+        />
+      )}
     </div>
   );
 }