1. Objectif de la page

Cette vue correspond à la page Notifications avec l’ouverture du menu d’options (⋮).
Elle permet à l’utilisateur de gérer l’ensemble de ses notifications à travers des actions rapides : lecture, suppression, paramétrage et test.

2. Contexte d’accès

Le menu d’actions est accessible depuis :

• la page Notifications
• l’icône ⋮ (menu contextuel) située dans l’en‑tête

3. En‑tête de la page

3.1 Icônes et navigation

• 🏠 Accueil : retour immédiat à la page d’accueil
• 🔔 Notifications : indique la page courante

3.2 Onglets de filtrage

• Toutes (0) : affiche toutes les notifications
• Non lues (0) : affiche uniquement les notifications non consultées

📌 Dans l’écran présenté, aucun élément n’est disponible dans les deux onglets.

4. Menu contextuel (⋮)

Le menu contextuel présente les actions globales applicables aux notifications.

4.1 Tout marquer comme lu

• Icône : enveloppe / validation
• Fonction :
  • marque l’ensemble des notifications comme lues
  • met à jour le compteur « Non lues » à zéro
• Condition :
  • actif uniquement si au moins une notification non lue existe

4.2 Vider l’historique

• Icône : symbole de suppression
• Fonction :
  • supprime définitivement toutes les notifications
• Impact :
  • réinitialise la liste
  • affiche l’état vide
• Sécurité :
  • une confirmation utilisateur est recommandée avant suppression

4.3 Paramètres

• Icône : ⚙️ engrenage
• Fonction :
  • redirige vers la page de configuration des notifications
• Exemples de paramètres :
  • activer / désactiver les notifications
  • gérer les types de notifications (transactions, alertes, promotions)
  • préférences push / in‑app

4.4 Tester une notification

• Icône : enveloppe / test
• Fonction :
  • génère une notification de test
  • permet de vérifier le bon fonctionnement :
    • des notifications in‑app
    • des notifications push
• Usage :
  • utile pour le support ou la validation utilisateur

5. Zone de contenu – État vide (Non lues)

Lorsque toutes les notifications ont été consultées :

• Icône : enveloppe avec coche
• Message principal :
  Aucune notification non lue
• Message secondaire :
  Toutes vos notifications ont été lues

🎯 Objectif :

• confirmer l’état de lecture complète
• rassurer l’utilisateur sur sa situation

6. Comportements fonctionnels attendus

• ✅ Mise à jour immédiate après chaque action du menu
• ✅ Synchronisation avec le backend
• ✅ Actualisation des compteurs (Toutes / Non lues)
• ✅ Feedback visuel ou message de confirmation après action

7. Règles UX / UI

• Menu clair et non intrusif
• Actions critiques bien identifiées (suppression en rouge)
• Icônes explicites
• Fermeture automatique du menu après sélection

8. Sécurité et bonnes pratiques

• Les suppressions sont irréversibles
• Les paramètres sont spécifiques à l’utilisateur connecté
• Les tests de notifications ne doivent pas impacter les données réelles

9. Résumé

✅ Menu centralisé pour la gestion des notifications
✅ Actions rapides et accessibles
✅ Bonne gestion des états (lu / non lu / vide)
✅ Outil utile pour l’utilisateur et le support technique