wari mobileclientBUG-005RESOLVED

Panier

Créé 24/05/2026 12:37:44 · MAJ 24/05/2026 12:54:59 · 2 images

Trop chargée.bug d’affichage de la botom bar.

001-img-3993.png

Diagnostic

Le footer du panier empilait : Sous-total / Livraison / (cashback) / Total / Commander · X F / Vider mon panier — soit jusqu’à 6 blocs au-dessus de la TabBar (Accueil / Activité / Panier / Explorer / Compte). L’écran paraissait surchargé visuellement même quand l’utilisateur n’avait qu’une seule vitrine.

Le lien « Vider mon panier » n’avait pas sa place en pied — c’est une action destructive secondaire qui rivalisait avec le CTA primaire « Commander ».

Fichiers en jeu :

  • components/panier/HeaderEnrichi.tsx (header card « Ton panier »)
  • components/panier/FooterTotal.tsx (pied récap + CTA)
  • app/(tabs)/panier.tsx (wiring callbacks)

Fix

  • components/panier/HeaderEnrichi.tsx → ajout d’un prop optionnel onClearCart qui rend une icône Trash en top-right de la card titre. Pattern Shopify/Amazon, l’action reste accessible mais ne saigne plus dans le pied.
  • components/panier/FooterTotal.tsx → suppression du <TouchableOpacity> « Vider mon panier » + du prop onClearCart + du style clearBtn. Le pied ne contient plus que les chiffres et le CTA primary.
  • app/(tabs)/panier.tsx → l’Alert « Vider le panier ? » est remontée au HeaderEnrichi.

Vérifications

  • npx tsc --noEmit → exit 0
  • git push origin main → commit 11556dc (batch BUG-005/006/007)
  • eas update --branch production → update group 8f4f5c29-0807-47f8-b4d7-087a4cf287c0 (iOS + Android publiés)

À tester côté user

  1. Killer + relancer TestFlight (récupération OTA).
  2. Ouvrir Panier → vérifier l’icône poubelle rouge en haut-droite du bloc « Ton panier ».
  3. Tap dessus → confirme l’Alert « Tu es sûr ? ».
  4. Vérifier que le pied (Sous-total / Livraison / Total / Commander) est visuellement allégé.

Chemin disque : /home/debian/superApp_V1/bugs/wari-mobile/BUG-005-panier/