ORGANISATION-KA-INTERNATIONALE/konstitisyon.nu
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Improve VersionComparison

Browse Source
This commit is contained in:
Cédric Famibelle-Pronzola
2024-12-03 11:51:29 +04:00
parent 2aa14d41f6
commit 619f2c566b
1 changed files with 48 additions and 97 deletions
Download Patch File Download Diff File Expand all files Collapse all files
components/versions/version-comparison.js
+48 -97
View File
@@ -11,15 +11,15 @@ export default function VersionComparison({versionData}) {
<Box sx={{padding: 3}}> <Box sx={{padding: 3}}>
<Grid container spacing={2}> <Grid container spacing={2}>
<Grid xs={6}> <Grid xs={6}>
<Paper sx={{padding: 1, backgroundColor: '#388E3C'}}> <Paper sx={{padding: 1, backgroundColor: '#E8F5E9'}}>
<Typography variant='body1' sx={{color: '#fff'}}> <Typography variant='body1' sx={{color: '#388E3C', fontWeight: 'bold'}}>
{main.contenu} {main.contenu}
</Typography> </Typography>
</Paper> </Paper>
</Grid> </Grid>
<Grid xs={6}> <Grid xs={6}>
<Paper sx={{padding: 1, backgroundColor: outdated ? '#D32F2F' : '#1976D2'}}> <Paper sx={{padding: 1, backgroundColor: outdated ? '#F9E8E8' : '#E3F2FD'}}>
<Typography variant='body1' sx={{color: '#fff'}}> <Typography variant='body1' sx={{color: outdated ? '#D32F2F' : '#1976D2', fontWeight: 'bold'}}>
{current.contenu} {current.contenu}
</Typography> </Typography>
</Paper> </Paper>
@@ -27,103 +27,54 @@ export default function VersionComparison({versionData}) {
</Grid> </Grid>
<Box sx={{marginTop: 4}}> <Box sx={{marginTop: 4}}>
<Typography textAlign='center' variant='subtitle1' sx={{fontWeight: 'bold', marginBottom: 1}}> <Typography variant='button' sx={{
fontWeight: 'bold', marginBottom: 1, textAlign: 'center', display: 'block'
}}
>
LÉGENDE LÉGENDE
</Typography> </Typography>
<Grid container spacing={1}> <Grid container textAlign='center' spacing={2}>
<Grid container xs={12} alignItems='center' spacing={2}> <Grid size={12}>
<Grid> <Typography
<Paper variant='body2'
sx={{ sx={{
padding: 1, backgroundColor: '#E8F5E9',
backgroundColor: '#388E3C', padding: 1,
color: '#fff', borderRadius: 1,
width: 100, color: '#388E3C',
textAlign: 'center', fontWeight: 'bold'
}} }}
> >
<Typography variant='body2'> Version actuellement en ligne.
<strong>PUBLIÉE</strong> </Typography>
</Typography>
</Paper>
</Grid>
<Grid>
<Typography
variant='body2'
sx={{
backgroundColor: '#E8F5E9',
padding: 1,
borderRadius: 1,
color: '#388E3C',
fontWeight: 'bold'
}}
>
Version actuellement en ligne.
</Typography>
</Grid>
</Grid> </Grid>
<Grid container xs={12} alignItems='center' spacing={2}> <Grid size={12}>
<Grid> <Typography
<Paper variant='body2'
sx={{ sx={{
padding: 1, backgroundColor: '#E3F2FD',
backgroundColor: '#1976D2', padding: 1,
color: '#fff', borderRadius: 1,
width: 100, color: '#1976D2',
textAlign: 'center' fontWeight: 'bold'
}} }}
> >
<Typography variant='body2'> Version soumise mais pas encore publiée.
<strong>PROPOSÉE</strong> </Typography>
</Typography>
</Paper>
</Grid>
<Grid>
<Typography
variant='body2'
sx={{
backgroundColor: '#E3F2FD',
padding: 1,
borderRadius: 1,
color: '#1976D2',
fontWeight: 'bold'
}}
>
Version soumise mais pas encore publiée.
</Typography>
</Grid>
</Grid> </Grid>
<Grid size={12}>
<Grid container xs={12} alignItems='center' spacing={2}> <Typography
<Grid> variant='body2'
<Paper sx={{
sx={{ backgroundColor: '#F9E8E8',
padding: 1, padding: 1,
backgroundColor: '#D32F2F', borderRadius: 1,
color: '#fff', color: '#D32F2F',
width: 100, fontWeight: 'bold'
textAlign: 'center', }}
}} >
> Remplacée par une version plus récente publiée.
<Typography variant='body2'> </Typography>
<strong>ANCIENNE</strong>
</Typography>
</Paper>
</Grid>
<Grid>
<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> </Grid>
</Grid> </Grid>
</Box> </Box>