feat: synchronisé votes entre header et comparaison

- État voteRefreshKey partagé pour forcer refresh des VoteButtons
- Props onVoteResult passées à VersionComparison
- Clés uniques pour chaque VoteButtons (header/comparison)
- Snackbar local dans VersionComparison si pas de callback parent

components/versions/version-comparison.js

@@ -11,17 +11,23 @@ import VoteButtons from './vote-buttons.js'
 import CopyButton from './copy-button.js'
 import {formatDate} from '@/lib/format.js'
 
-export default function VersionComparison({versionData, versionCompare}) {
+export default function VersionComparison({versionData, versionCompare, voteRefreshKey = 0, onVoteResult}) {
   const {current, main, outdated} = versionCompare
   const [snackbar, setSnackbar] = useState({open: false, message: '', severity: 'success'})
 
   const handleVoteResult = result => {
+    if (onVoteResult) {
+      // Use the parent's vote result handler if provided
+      onVoteResult(result)
+    } else {
+      // Fallback to local snackbar if no parent handler
       setSnackbar({
         open: true,
         message: result.message,
         severity: result.success ? 'success' : 'error'
       })
     }
+  }
 
   const handleCloseSnackbar = () => {
     setSnackbar(prev => ({...prev, open: false}))
@@ -117,7 +123,12 @@ export default function VersionComparison({versionData, versionCompare}) {
                     hasSnackbarVisible={false}
                   />
                 </Box>
-                <VoteButtons versionId={versionCompare.versionId} isDisabled={isVoteDisabled} onVoteResult={handleVoteResult} />
+                <VoteButtons
+                  key={`vote-comparison-${voteRefreshKey}`}
+                  versionId={versionCompare.versionId}
+                  isDisabled={isVoteDisabled}
+                  onVoteResult={handleVoteResult}
+                />
               </Box>
             )}
           </Paper>
@@ -177,6 +188,7 @@ export default function VersionComparison({versionData, versionCompare}) {
         </Grid>
       </Box>
 
+      {!onVoteResult && (
         <Snackbar
           open={snackbar.open}
           autoHideDuration={6000}
@@ -187,6 +199,7 @@ export default function VersionComparison({versionData, versionCompare}) {
             {snackbar.message}
           </Alert>
         </Snackbar>
+      )}
     </Box>
   )
 }
@@ -200,4 +213,6 @@ VersionComparison.propTypes = {
     main: PropTypes.object.isRequired,
     versionId: PropTypes.string
   }).isRequired,
+  voteRefreshKey: PropTypes.number,
+  onVoteResult: PropTypes.func
 }

components/versions/version-page.js

@@ -36,6 +36,7 @@ export default function VersionPage({session, versionId, viewMode}) {
   const [error, setError] = useState('')
   const [isErrorAlertOpen, setIsErrorAlertOpen] = useState(false)
   const [snackbar, setSnackbar] = useState({open: false, message: '', severity: 'success'})
+  const [voteRefreshKey, setVoteRefreshKey] = useState(0)
 
   useEffect(() => {
     async function fetchVersionData() {
@@ -88,6 +89,8 @@ export default function VersionPage({session, versionId, viewMode}) {
       message: result.message,
       severity: result.success ? 'success' : 'error'
     })
+    // Force refresh of both VoteButtons components by changing the key
+    setVoteRefreshKey(prev => prev + 1)
   }
 
   const handleCloseSnackbar = () => {
@@ -223,7 +226,11 @@ export default function VersionPage({session, versionId, viewMode}) {
                 label='Copier le contenu de cette version'
               />
               {!isVoteDisabled && (
-                <VoteButtons versionId={versionId} onVoteResult={handleVoteResult} />
+                <VoteButtons
+                  key={`vote-header-${voteRefreshKey}`}
+                  versionId={versionId}
+                  onVoteResult={handleVoteResult}
+                />
               )}
             </Box>
           </Box>
@@ -234,6 +241,8 @@ export default function VersionPage({session, versionId, viewMode}) {
           <VersionComparison
             versionData={versionData}
             versionCompare={versionCompare}
+            voteRefreshKey={voteRefreshKey}
+            onVoteResult={handleVoteResult}
           />
         ) : (
           <Paper sx={{p: 3}}>