chore:build

frontend-prep/src/api/api.ts

@@ -2162,10 +2162,18 @@ export type PointsPoolInfo = {
     eligible_configs: RewardCategoryConfig[];
 };
 
+export type RewardItemConfig = {
+    product_id: number;
+    product_name: string;
+    quantity: number;
+    price: number;
+};
+
 export type PointsRewardConfig = {
     threshold: number;
     type: string;
     description: string;
+    reward_items: RewardItemConfig[];
 };
 
 export const getMyPointsRewards = async (): Promise<{

frontend-prep/src/pages/User/ConsultationHistorique.tsx

@@ -13,7 +13,7 @@ import {
     getMyPointsRewards,
     claimMyReward,
 } from "../../api/api";
-import type { PublicSettings, PointsPoolInfo, PointsRewardConfig } from "../../api/api";
+import type { PublicSettings, PointsPoolInfo, PointsRewardConfig, RewardItemConfig } from "../../api/api";
 import type {
     CompletedOrder,
     ClientStats,
@@ -304,7 +304,19 @@ function ConsultationHistorique() {
                             <FontAwesomeIcon icon={faTrophy} className="rewards-section-icon" />
                             Récompenses
                         </p>
-                        <p className="rewards-section-desc">{pointsRewards.reward.description}</p>
+                        {pointsRewards.reward.description && (
+                            <p className="rewards-section-desc">{pointsRewards.reward.description}</p>
+                        )}
+                        {(pointsRewards.reward.reward_items ?? []).filter((it: RewardItemConfig) => it.product_name).length > 0 && (
+                            <div className="reward-eligible-cats">
+                                {(pointsRewards.reward.reward_items ?? []).map((it: RewardItemConfig, idx: number) => (
+                                    <span key={idx} className="reward-eligible-cat">
+                                        <FontAwesomeIcon icon={faGift} style={{ marginRight: 4 }} />
+                                        {it.product_name}{it.quantity > 0 && it.quantity !== 1 ? ` ×${it.quantity}` : ""}{it.price > 0 ? ` — ${it.price}€` : ""}
+                                    </span>
+                                ))}
+                            </div>
+                        )}
                         <div className="rewards-pools">
                             {pointsRewards.pools.map((pool) => {
                                 const threshold = pointsRewards.reward!.threshold;
@@ -323,7 +335,7 @@ function ConsultationHistorique() {
                                                 {pool.eligible_configs.flatMap((cfg) =>
                                                     cfg.all_products
                                                         ? [<span key={cfg.category} className="reward-eligible-cat">
-                                                            {cfg.category}{cfg.amount > 0 ? ` — ${cfg.amount}€` : ""}
+                                                            {cfg.category}
                                                           </span>]
                                                         : (cfg.product_names ?? []).map((name) => (
                                                             <span key={`${cfg.category}-${name}`} className="reward-eligible-cat">