From 2a9c0497d96a13052127d1476c7fb1b3f842a345 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?C=C3=A9dric=20FAMIBELLE-PRONZOLA?= <c.pronzola@tuta.io>
Date: Wed, 23 Jul 2025 19:45:38 +0400
Subject: [PATCH] =?UTF-8?q?feat:=20int=C3=A8gre=20CopyButton=20dans=20Vers?=
 =?UTF-8?q?ionComparison?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 components/versions/version-comparison.js | 18 ++++++++++++++++--
 1 file changed, 16 insertions(+), 2 deletions(-)

diff --git a/components/versions/version-comparison.js b/components/versions/version-comparison.js
index 2699008..54c3f94 100644
--- a/components/versions/version-comparison.js
+++ b/components/versions/version-comparison.js
@@ -8,6 +8,7 @@ import Alert from '@mui/material/Alert'
 import {useState} from 'react'
 import MarkdownRenderer from '../markdown-renderer/index.js'
 import VoteButtons from './vote-buttons.js'
+import CopyButton from './copy-button.js'
 import {formatDate} from '@/lib/format.js'
 
 export default function VersionComparison({versionData, versionCompare}) {
@@ -56,10 +57,18 @@ export default function VersionComparison({versionData, versionCompare}) {
                 )}
               />
             </Box>
-            <Box sx={{mt: 1}}>
+            <Box sx={{
+              mt: 1, display: 'flex', justifyContent: 'space-between', alignItems: 'center'
+            }}
+            >
               <Typography sx={{textDecoration: 'underline'}} variant='caption' color='success'>
                 @{main.user_created?.split('-')[0] || 'Système'}
               </Typography>
+              <CopyButton
+                content={main.contenu || ''}
+                label='Copier la version de référence'
+                hasSnackbarVisible={false}
+              />
             </Box>
           </Paper>
         </Grid>
@@ -96,12 +105,17 @@ export default function VersionComparison({versionData, versionCompare}) {
                 display: 'flex', alignItems: 'center', justifyContent: 'space-between', mt: 1
               }}
               >
-                <Box>
+                <Box sx={{display: 'flex', alignItems: 'center', gap: 1}}>
                   {versionData && (
                     <Typography sx={{fontWeight: 'bold'}} color={isVoteDisabled ? 'error' : 'primary'}>
                       {formatDate(versionData.date_created)}
                     </Typography>
                   )}
+                  <CopyButton
+                    content={current.contenu || ''}
+                    label='Copier cette version'
+                    hasSnackbarVisible={false}
+                  />
                 </Box>
                 <VoteButtons versionId={versionCompare.versionId} isDisabled={isVoteDisabled} onVoteResult={handleVoteResult} />
               </Box>