From c1950629f145e07da25919324f875a9ed1c17d81 Mon Sep 17 00:00:00 2001
From: Coyaud Anthony <a.coyaud@xefi.fr>
Date: Mon, 17 Aug 2026 16:05:26 +0200
Subject: [PATCH] =?UTF-8?q?fix(ui):=20retire=20le=20bouton=20de=20notifica?=
 =?UTF-8?q?tions=20inop=C3=A9rant=20de=20l'en-t=C3=AAte?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Le bouton cloche portait un aria-label « Notifications » mais aucun gestionnaire
de clic : il n'ouvrait rien et n'était relié à aucune fonctionnalité. Un contrôle
annoncé aux lecteurs d'écran comme actionnable alors qu'il ne fait rien dégrade
l'accessibilité plutôt qu'il ne l'améliore.

- suppression du bouton et de l'icône Bell dans Header.jsx
- retrait de Bell de l'import lucide-react
- suppression de la règle .iconBtn et de son sélecteur :focus-visible dans
  Header.module.css, devenus morts

Aucun test ne référençait ce contrôle.

Co-Authored-By: Claude Opus 5 <noreply@anthropic.com>
---
 DataSentinel/src/components/Layout/Header.jsx        |  5 +----
 DataSentinel/src/components/Layout/Header.module.css | 10 ----------
 2 files changed, 1 insertion(+), 14 deletions(-)

diff --git a/DataSentinel/src/components/Layout/Header.jsx b/DataSentinel/src/components/Layout/Header.jsx
index 72c538d..ee6408b 100644
--- a/DataSentinel/src/components/Layout/Header.jsx
+++ b/DataSentinel/src/components/Layout/Header.jsx
@@ -1,6 +1,6 @@
 /* En-tête fixe de l'application Data Sentinel */
 
-import { Bell, LogOut, Menu } from 'lucide-react';
+import { LogOut, Menu } from 'lucide-react';
 import { useAuth } from '../../context/useAuth';
 import { useNavigate } from 'react-router-dom';
 import styles from './Header.module.css';
@@ -40,9 +40,6 @@ export default function Header({ onToggleSidebar, sidebarOpen }) {
       </div>
 
       <div className={styles.right}>
-        <button className={styles.iconBtn} aria-label="Notifications">
-          <Bell size={18} color="var(--color-white)" aria-hidden="true" />
-        </button>
         {user && (
           <span className={styles.username} aria-label={`Connecté en tant que ${user.username}`}>
             {user.username}
diff --git a/DataSentinel/src/components/Layout/Header.module.css b/DataSentinel/src/components/Layout/Header.module.css
index a26694a..5bf051b 100644
--- a/DataSentinel/src/components/Layout/Header.module.css
+++ b/DataSentinel/src/components/Layout/Header.module.css
@@ -68,15 +68,6 @@
   gap: 16px;
 }
 
-.iconBtn {
-  background: none;
-  border: none;
-  cursor: pointer;
-  padding: 4px;
-  display: flex;
-  align-items: center;
-}
-
 .username {
   color: var(--color-white);
   font-size: 13px;
@@ -122,7 +113,6 @@
 
 /* Focus visible sur tous les éléments interactifs */
 .burgerBtn:focus-visible,
-.iconBtn:focus-visible,
 .logoutBtn:focus-visible {
   outline: 2px solid var(--color-white);
   outline-offset: 2px;