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:
@@ -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}}>
|
||||
|
||||
Reference in New Issue
Block a user