diff --git a/frontend-prep/src/pages/User/Cart.tsx b/frontend-prep/src/pages/User/Cart.tsx index e8e24815..3252cf98 100644 --- a/frontend-prep/src/pages/User/Cart.tsx +++ b/frontend-prep/src/pages/User/Cart.tsx @@ -5,6 +5,8 @@ import { useNavigate } from "react-router-dom"; import { isUserAuthenticated, getProductById, getMediaUrl } from "../../api/api"; import type { Product } from "../../api/api"; import { Trash2, ShoppingCart, AlertTriangle, Leaf, X } from "lucide-react"; +import { FontAwesomeIcon } from "@fortawesome/react-fontawesome"; +import { faGift } from "@fortawesome/free-solid-svg-icons"; import "./Cart.css"; interface CartItemWithMedia { @@ -180,8 +182,9 @@ function Cart() {

{item.name_product} {item.is_reward && ( - - 🎁 Récompense + + + Récompense )}

diff --git a/frontend-prep/src/pages/User/ConsultationHistorique.tsx b/frontend-prep/src/pages/User/ConsultationHistorique.tsx index 765502bb..1bcecde1 100644 --- a/frontend-prep/src/pages/User/ConsultationHistorique.tsx +++ b/frontend-prep/src/pages/User/ConsultationHistorique.tsx @@ -210,7 +210,7 @@ function ConsultationHistorique() { if (res.success) { const text = res.product_added && res.product_names?.length - ? `🎁 ${res.product_names.join(", ")} ajouté${res.product_names.length > 1 ? "s" : ""} à votre panier ! Commandez au moins un produit pour en profiter.` + ? `${res.product_names.join(", ")} ajouté${res.product_names.length > 1 ? "s" : ""} à votre panier ! Commandez au moins un produit pour en profiter.` : res.description || "Récompense réclamée !"; setClaimFeedback({ pool: poolKey, type: "success", text }); getMyPointsRewards().then((r) => { @@ -505,6 +505,15 @@ function ConsultationHistorique() {

+ {feedback.type === + "success" && ( + + )} {feedback.text}

)} diff --git a/mobile/src/screens/client/OrderHistoryScreen.tsx b/mobile/src/screens/client/OrderHistoryScreen.tsx index 61564df6..f1dc37a4 100644 --- a/mobile/src/screens/client/OrderHistoryScreen.tsx +++ b/mobile/src/screens/client/OrderHistoryScreen.tsx @@ -146,7 +146,7 @@ export default function OrderHistoryScreen() { if (res.success) { const text = res.product_added && res.product_name - ? `🎁 ${res.product_name} ajouté à votre panier ! Commandez au moins un produit pour en profiter.` + ? `${res.product_name} ajouté à votre panier ! Commandez au moins un produit pour en profiter.` : res.description || "Récompense réclamée !"; setClaimFeedback({ pool: poolKey, type: "success", text }); getMyPointsRewards().then((r) => { @@ -882,16 +882,34 @@ export default function OrderHistoryScreen() { : `Encore ${remaining} pts pour une récompense`} {feedback && ( - - {feedback.text} - + {feedback.type === + "success" && ( + + )} + + {feedback.text} + + )} {pool.rewards_available > 0 && (