93 lines
2.7 KiB
JavaScript
93 lines
2.7 KiB
JavaScript
import Box from '@mui/material/Box'
|
|
import Typography from '@mui/material/Typography'
|
|
import Paper from '@mui/material/Paper'
|
|
import Grid from '@mui/material/Grid2'
|
|
import PropTypes from 'prop-types'
|
|
|
|
export default function VersionComparison({versionData}) {
|
|
const {current, main, outdated} = versionData
|
|
|
|
return (
|
|
<Box sx={{padding: 3}}>
|
|
<Grid container spacing={2}>
|
|
<Grid xs={6}>
|
|
<Paper sx={{padding: 1, backgroundColor: '#E8F5E9'}}>
|
|
<Typography variant='body1' sx={{color: '#388E3C', fontWeight: 'bold'}}>
|
|
{main.contenu}
|
|
</Typography>
|
|
</Paper>
|
|
</Grid>
|
|
<Grid xs={6}>
|
|
<Paper sx={{padding: 1, backgroundColor: outdated ? '#F9E8E8' : '#E3F2FD'}}>
|
|
<Typography variant='body1' sx={{color: outdated ? '#D32F2F' : '#1976D2', fontWeight: 'bold'}}>
|
|
{current.contenu}
|
|
</Typography>
|
|
</Paper>
|
|
</Grid>
|
|
</Grid>
|
|
|
|
<Box sx={{marginTop: 4}}>
|
|
<Typography variant='button' sx={{
|
|
fontWeight: 'bold', marginBottom: 1, textAlign: 'center', display: 'block'
|
|
}}
|
|
>
|
|
LÉGENDE
|
|
</Typography>
|
|
<Grid container textAlign='center' spacing={2}>
|
|
<Grid size={12}>
|
|
<Typography
|
|
variant='body2'
|
|
sx={{
|
|
backgroundColor: '#E8F5E9',
|
|
padding: 1,
|
|
borderRadius: 1,
|
|
color: '#388E3C',
|
|
fontWeight: 'bold'
|
|
}}
|
|
>
|
|
Version actuellement en ligne.
|
|
</Typography>
|
|
</Grid>
|
|
<Grid size={12}>
|
|
<Typography
|
|
variant='body2'
|
|
sx={{
|
|
backgroundColor: '#E3F2FD',
|
|
padding: 1,
|
|
borderRadius: 1,
|
|
color: '#1976D2',
|
|
fontWeight: 'bold'
|
|
}}
|
|
>
|
|
Version soumise mais pas encore publiée.
|
|
</Typography>
|
|
</Grid>
|
|
<Grid size={12}>
|
|
<Typography
|
|
variant='body2'
|
|
sx={{
|
|
backgroundColor: '#F9E8E8',
|
|
padding: 1,
|
|
borderRadius: 1,
|
|
color: '#D32F2F',
|
|
fontWeight: 'bold'
|
|
}}
|
|
>
|
|
Remplacée par une version plus récente publiée.
|
|
</Typography>
|
|
</Grid>
|
|
</Grid>
|
|
</Box>
|
|
</Box>
|
|
)
|
|
}
|
|
|
|
VersionComparison.propTypes = {
|
|
versionData: PropTypes.shape({
|
|
outdated: PropTypes.bool.isRequired,
|
|
mainHash: PropTypes.string.isRequired,
|
|
current: PropTypes.object.isRequired,
|
|
main: PropTypes.object.isRequired,
|
|
}).isRequired,
|
|
}
|