Amélioration de l'affichage des métrics #1277
Conversation
|
Les métriques sous la barre de progression ne semblent pas très pertinentes dans le cas où toutes les adresses sont certifiées ou non. Nous pourrions juste afficher |
|
L'affichage mobile subit un peu le manque de contrainte. |
| @@ -30,46 +26,28 @@ function Commune({nomCommune, codeCommune, region, departement, voies, nbVoies, | |||
| <> | |||
| <div className='heading'> | |||
| <div className='name-certification'> | |||
| <Image src='/images/icons/commune.svg' height={50} width={50} /> | |||
There was a problem hiding this comment.
Je pense que nous allons devoir prévoir de quoi adapter la taille de l'image, au moins pour le mobile.
There was a problem hiding this comment.
Je pensais utiliser flex-wrap mais je ne vois pas comment centrer l'image au moment du wrap sans utiliser de media-q
There was a problem hiding this comment.
Corrigé via le commit 7e5faf2
Je pense que ça va être un peu redondant avec l'icône de certification survolable à côté de la barre de progression. Autant ne rien mettre non ? J'ai testé et je trouve que ça fait un peu trop de répétition : |
|
Non, car on a le nombre d'adresses de la commune. |
Résolu via le commit e7bec1b |
|
On manque un peu de |
Résolu via le commit #1277 (comment) |
|
Je ne vois pas beaucoup de différence avec l'original : |
Il ne s'agit là que d'une partie des modifications. @Maxine-Le-Pennec a décrit l'intégralité des changements en description de la PR. La majeure partie des évolutions graphiques se trouve surtout sur la carte BAN. Attention d'ailleurs à ne pas seulement regarder le rendu, mais aussi le code. Cette PR propose de partager des composants entre ces différentes pages. |
|
Ok là sur la carte BAN il y a du changement. Mais comme il y a eu des modifications qui ont été au final supprimées c'était un peu dur à suivre.. |
| <div>Nombre de lieux-dits</div> | ||
| <div>{nbLieuxDits}</div> | ||
| </div> | ||
| <Counter label={nbVoies <= 1 ? 'Voie répertoriée' : 'Voies répertoriées'} value={nbVoies} /> |
There was a problem hiding this comment.
Je laisserai "Voie" et "Voies" pour être raccord avec les termes qu'on utilise dans la carte BAN. J'enlèverai le terme "répertoriée(s)" que je ne trouve pas clair.
| <div>{nbLieuxDits}</div> | ||
| </div> | ||
| <Counter label={nbVoies <= 1 ? 'Voie répertoriée' : 'Voies répertoriées'} value={nbVoies} /> | ||
| <Counter label={nbLieuxDits <= 1 ? 'Lieu-dit répertorié' : 'Lieux-dits répertoriés'} value={nbLieuxDits} /> |
There was a problem hiding this comment.
idem ci dessus enlever "répertorié"
| </div> | ||
| <Counter label={nbVoies <= 1 ? 'Voie répertoriée' : 'Voies répertoriées'} value={nbVoies} /> | ||
| <Counter label={nbLieuxDits <= 1 ? 'Lieu-dit répertorié' : 'Lieux-dits répertoriés'} value={nbLieuxDits} /> | ||
| <Counter label={nbNumeros <= 1 ? 'Numéro répertorié' : 'Numéros répertoriés'} value={nbNumeros} /> |
Dans le cadre de l'amélioration de l'affichage des données métriques grâce à des composants réutilisables, deux éléments ont été modifiés ou créés.
Déjà utilisées dans la page commune, mais ayant besoin d'être adaptée pour s'afficher également sur l'explorateur.
Cette barre servira dans un premier temps à indiquer le niveau d'avancement des certifications d'adresses sur l'explorateur.
Elle est accompagnée d'informations telles que le nombre d'adresses précises étant certifiées/non-certifiées.