feat: intègre CopyButton dans ListVersions

components/versions/list-versions.js

@@ -19,6 +19,7 @@ import VersionDialog from './version-dialog.js'
 import VersionTimeline from './version-timeline.js'
 import VersionSearch from './version-search.js'
 import VersionFilters from './version-filters.js'
+import CopyButton from './copy-button.js'
 import {formatDate} from '@/lib/format.js'
 import {compareVersion} from '@/lib/directus.js'
 import {filterVersions, getFilterStats} from '@/lib/version-utils.js'
@@ -34,6 +35,11 @@ const columns = [
     label: 'Créée le',
     dataKey: 'date_created',
     numeric: true,
+  },
+  {
+    width: 100,
+    label: 'Actions',
+    dataKey: 'actions',
   }
 ]
 
@@ -102,7 +108,25 @@ function rowContent({
         >
           {column.dataKey === 'date_created'
             ? formatDate(row[column.dataKey], 'Pp')
-            : <Button variant='outlined' color='success' onClick={() => handleButtonClick(row.id)}>{row[column.dataKey]}</Button>}
+            : (column.dataKey === 'actions'
+              ? (
+                <Box sx={{display: 'flex', gap: 0.5, alignItems: 'center'}}>
+                  <CopyButton
+                    content={row.delta?.contenu || row.name || ''}
+                    label='Copier le contenu'
+                    hasSnackbarVisible={false}
+                  />
+                  <Button
+                    size='small'
+                    variant='outlined'
+                    color='primary'
+                    onClick={() => handleButtonClick(row.id)}
+                  >
+                    Comparer
+                  </Button>
+                </Box>
+              )
+              : <Button variant='outlined' color='success' onClick={() => handleButtonClick(row.id)}>{row[column.dataKey]}</Button>)}
         </TableCell>
       ))}
     </>