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
This commit is contained in:
2025-07-23 20:13:07 +04:00
parent f00b7c827d
commit db8b5dd1c2
2 changed files with 42 additions and 18 deletions
+10 -1
View File
@@ -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}}>