From 7cdc081227cfc542eea2df6c457a3bf59de3d6f9 Mon Sep 17 00:00:00 2001
From: Victor Bodinaud <victor@allovoisins.com>
Date: Thu, 27 Feb 2025 14:52:33 +0100
Subject: [PATCH] =?UTF-8?q?=F0=9F=90=9B=20Fix=20rewards?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 public/index.html | 66 +++++++++++++++++++++++++++++++++--------------
 1 file changed, 47 insertions(+), 19 deletions(-)

diff --git a/public/index.html b/public/index.html
index 2740982..55a384c 100644
--- a/public/index.html
+++ b/public/index.html
@@ -510,6 +510,12 @@
             const sortedRewards = [...data.rewards].sort((a, b) => a.price - b.price);
 
             sortedRewards.forEach(reward => {
+                // Récupérer le titre localisé (français par défaut, sinon anglais, sinon première langue disponible)
+                let rewardTitle = '';
+                if (reward.title) {
+                    rewardTitle = reward.title.fr || reward.title.en || Object.values(reward.title)[0] || '';
+                }
+
                 // Calculer le pourcentage pour les récompenses limitées
                 let percentTaken = 0;
                 let stockText = "";
@@ -523,19 +529,19 @@
                 }
 
                 html += `
-                <div class="reward-item">
-                    <div class="reward-price">${formatter.format(reward.price)}</div>
-                    <div class="reward-title">${reward.title}</div>
-                    <div class="reward-description">${reward.description}</div>
-                    <div class="reward-stats">
-                        <span class="reward-stat">${reward.orders_count} contributeurs</span>
-                        ${stockText}
-                    </div>
-                    ${reward.stock ? `
-                    <div class="reward-progress">
-                        <div class="reward-progress-fill" style="width: ${percentTaken}%"></div>
-                    </div>` : ''}
-                </div>`;
+        <div class="reward-item">
+            <div class="reward-price">${formatter.format(reward.price)}</div>
+            <div class="reward-title">${rewardTitle}</div>
+            <div class="reward-description">${reward.description}</div>
+            <div class="reward-stats">
+                <span class="reward-stat">${reward.orders_count} contributeurs</span>
+                ${stockText}
+            </div>
+            ${reward.stock ? `
+            <div class="reward-progress">
+                <div class="reward-progress-fill" style="width: ${percentTaken}%"></div>
+            </div>` : ''}
+        </div>`;
             });
 
             html += '</div>';
@@ -564,25 +570,47 @@
                     dateStr = date.toLocaleDateString('fr-FR', { year: 'numeric', month: 'short', day: 'numeric' });
                 }
 
-                const avatarUrl = contributor.avatar || 'https://s3-eu-west-1.amazonaws.com/com.ulule.assets/site/build/img/avatars/avatar-blue.png';
+                const avatarUrl = contributor.avatar ? (contributor.avatar['90'] || '') : 'https://s3-eu-west-1.amazonaws.com/com.ulule.assets/site/build/img/avatars/avatar-blue.png';
+
+                // Extraire le nom de la récompense avec le format title.fr si disponible
+                let rewardName = '';
+                if (contributor.latest_project_order &&
+                    contributor.latest_project_order.items &&
+                    contributor.latest_project_order.items.length > 0) {
+
+                    const item = contributor.latest_project_order.items[0];
+
+                    if (item.reward && item.reward.parent && item.reward.parent.title) {
+                        rewardName = item.reward.parent.title.fr ||
+                            item.reward.parent.title.en ||
+                            Object.values(item.reward.parent.title)[0] || '';
+
+                        // Ajouter la variante si elle existe
+                        if (item.reward.description_fr) {
+                            rewardName += ` (${item.reward.description_fr})`;
+                        }
+                    }
+                }
 
                 html += `
         <div class="contributor-item">
             <div class="contributor-details">
                 <div class="contributor-info">
                     <div class="contributor-profile">
-                        <img class="contributor-avatar" src="${avatarUrl}" alt="${contributor.name}" />
+                        <img class="contributor-avatar" src="${avatarUrl}" alt="${contributor.name || 'Contributeur'}" />
                         <div>
-                            <div class="contributor-name">${contributor.name || 'Contributeur anonyme'}</div>
-                            ${contributor.reward ? `<div class="contributor-reward">${contributor.reward}</div>` : ''}
+                            <div class="contributor-name">${contributor.name || contributor.screenname || 'Contributeur anonyme'}</div>
+                            ${rewardName ? `<div class="contributor-reward">${rewardName}</div>` : ''}
                             ${contributor.location ? `<div class="contributor-location">${contributor.location}</div>` : ''}
                             ${dateStr ? `<div class="contributor-date">Depuis le ${dateStr}</div>` : ''}
                         </div>
                     </div>
                 </div>
-                ${contributor.amount ? `<div class="contributor-amount">${formatter.format(contributor.amount)}</div>` : ''}
+                ${contributor.latest_project_order && contributor.latest_project_order.items && contributor.latest_project_order.items[0].line_total ?
+                        `<div class="contributor-amount">${formatter.format(contributor.latest_project_order.items[0].line_total)}</div>` : ''}
             </div>
-            ${contributor.comment ? `<div class="contributor-comment">"${contributor.comment}"</div>` : ''}
+            ${contributor.latest_project_comment && contributor.latest_project_comment.comment ?
+                        `<div class="contributor-comment">"${contributor.latest_project_comment.comment}"</div>` : ''}
         </div>`;
             });