feat: récupère le total des votes

components/versions/export-pdf-button.js

@@ -46,7 +46,7 @@ const renderMarkdownToHtml = async content => {
   }
 }
 
-export default function ExportPdfButton({versionData, isOutdated = false, size = 'medium', variant = 'outlined'}) {
+export default function ExportPdfButton({versionData, isOutdated = false, voteCounts = null, size = 'medium', variant = 'outlined'}) {
   const [isExporting, setIsExporting] = useState(false)
 
   const handleExportPdf = async () => {
@@ -146,6 +146,11 @@ export default function ExportPdfButton({versionData, isOutdated = false, size =
       const voteStatus = (isExpired || isOutdated) ? 'fermé' : 'ouvert'
       const voteColor = voteStatus === 'ouvert' ? '#2e7d32' : '#d32f2f'
 
+      // Vote counts display
+      const voteTotal = voteCounts ? voteCounts.total : 0
+      const voteTotalColor = voteTotal > 0 ? '#2e7d32' : (voteTotal < 0 ? '#d32f2f' : '#666')
+      const voteTotalSign = voteTotal >= 0 ? '+' : ''
+
       // Render markdown content to HTML
       const renderedContent = await renderMarkdownToHtml(versionData.delta?.contenu)
 
@@ -162,9 +167,25 @@ export default function ExportPdfButton({versionData, isOutdated = false, size =
               <strong>Date de création :</strong> ${formatDate(versionData.date_created, 'PPpp', {withTimezone: true})}
             </p>
             <p style="margin: 5px 0; color: #666; font-size: 14px;">
-              <strong>Statut du vote :</strong> 
+              <strong>Statut du vote :</strong>
               <span style="color: ${voteColor}; font-weight: bold;">${voteStatus}</span>
             </p>
+            ${voteCounts ? `
+            <div style="margin-top: 15px; padding: 15px; background-color: #f5f5f5; border-radius: 8px;">
+              <p style="margin: 0 0 10px 0; font-size: 16px; font-weight: bold; color: #333;">
+                📊 Résultats des votes
+              </p>
+              <p style="margin: 5px 0; font-size: 14px;">
+                👍 Votes positifs : <strong style="color: #2e7d32;">${voteCounts.positive}</strong>
+              </p>
+              <p style="margin: 5px 0; font-size: 14px;">
+                👎 Votes négatifs : <strong style="color: #d32f2f;">${voteCounts.negative}</strong>
+              </p>
+              <p style="margin: 10px 0 0 0; font-size: 16px; font-weight: bold;">
+                🏆 Total : <span style="color: ${voteTotalColor};">${voteTotalSign}${voteTotal}</span>
+              </p>
+            </div>
+            ` : ''}
           </div>
         </div>
         
@@ -253,6 +274,11 @@ export default function ExportPdfButton({versionData, isOutdated = false, size =
 ExportPdfButton.propTypes = {
   versionData: PropTypes.object.isRequired,
   isOutdated: PropTypes.bool,
+  voteCounts: PropTypes.shape({
+    positive: PropTypes.number,
+    negative: PropTypes.number,
+    total: PropTypes.number
+  }),
   size: PropTypes.oneOf(['small', 'medium', 'large']),
   variant: PropTypes.oneOf(['text', 'outlined', 'contained'])
 }