Skip to content
Snippets Groups Projects
Commit 566311d2 authored by Guilhem CARRON's avatar Guilhem CARRON
Browse files

Fix display bugs + typo

parent 8f9063b1
Branches
Tags
1 merge request!249Features/us364 917 remake profil in options
......@@ -62,7 +62,7 @@ const ProfileTypeOptions: React.FC = () => {
<div
ref={content}
style={{
maxHeight: `${active ? scrollHeight : 0}px`,
maxHeight: `${active ? scrollHeight + 50 : 0}px`,
}}
className={classNames('accordion-content', {
['active']: active,
......@@ -156,12 +156,17 @@ const ProfileTypeOptions: React.FC = () => {
)}
</div>
<div className="value">
{profile.profileType.warmingFluid == null
? t('profile_type.hot_water_fluid.no_fluid_text')
: t(
{profile.profileType.warmingFluid !== null &&
profile.profileType.heating ===
IndividualOrCollective.INDIVIDUAL
? t(
`profile_type.hot_water_fluid.${profile.profileType
.hotWaterFluid + '_text'}`
)}
)
: profile.profileType.heating ===
IndividualOrCollective.INDIVIDUAL
? t('profile_type.hot_water_fluid.no_fluid_text')
: ''}
</div>
{profile.profileType.hotWater ===
IndividualOrCollective.INDIVIDUAL && (
......@@ -172,24 +177,25 @@ const ProfileTypeOptions: React.FC = () => {
</div>
)}
</div>
{profile.profileType.individualInsulationWork.length > 0 && (
<div className="fields">
<div className="label">
{t('profile_type.individual_insulation_work.title')}
</div>
<div className="fields">
<div className="label">
{t('profile_type.individual_insulation_work.title')}
{profile.profileType.individualInsulationWork.map(
(work, index) => {
return (
<div key={index} className="value">
{t(
`profile_type.individual_insulation_work.${work}`
)}
</div>
)
}
)}
</div>
{profile.profileType.individualInsulationWork.map(
(work, index) => {
return (
<div key={index} className="value">
{t(
`profile_type.individual_insulation_work.${work}`
)}
</div>
)
}
)}
</div>
)}
<div className="fields">
<div className="label">
{t('profile_type.cooking_fluid.title')}
......
......@@ -14,7 +14,6 @@
.value {
color: $white;
padding: 0 0 0.5rem 0;
margin-right: 2rem;
}
ul {
display: flex;
......@@ -40,11 +39,13 @@
display: flex;
flex-wrap: wrap;
width: 100%;
padding-top: 1.25rem;
}
.fields {
align-items: flex-start;
margin: 0px 1rem;
padding: 8px 0px;
width: 100%;
}
button.profile-link {
color: $grey-bright;
......
......@@ -463,7 +463,7 @@
"floor": {
"title": "Étage",
"question": "À quel étage est votre appartement ?",
"ground_floor": "Au rez-de-chaussé",
"ground_floor": "Au rez-de-chaussée",
"intermediate_floor": "Étage intermédiaire",
"last_floor": "Dernier étage",
"not_applicable": "Sans objet"
......
0% Loading or .
You are about to add 0 people to the discussion. Proceed with caution.
Please register or to comment