mirror/Compass
1
0
Fork 0
mirror of https://github.com/CompassConnections/Compass.git synced 2026-05-12 17:14:18 -04:00
Code Issues Packages Projects Releases Wiki Activity

Add height in cm

Browse Source
This commit is contained in:
MartinBraquet
2025-10-24 02:36:30 +02:00
parent e49a7b0bb4
commit a86a249f05
1 changed files with 28 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files

34
web/components/optional-profile-form.tsx
View File

@@ -459,13 +459,12 @@ export const OptionalProfileUserForm = (props: {
setHeightFeet(undefined)
} else {
setHeightFeet(Number(e.target.value))
const heightInInches =
Number(e.target.value) * 12 + (heightInches ?? 0)
const heightInInches = Number(e.target.value) * 12 + (heightInches ?? 0)
setProfile('height_in_inches', heightInInches)
}
}}
className={'w-16'}
value={heightFeet ?? ''}
value={heightFeet ? Math.floor(heightFeet) : ''}
/>
</Col>
<Col>
@@ -477,13 +476,36 @@ export const OptionalProfileUserForm = (props: {
setHeightInches(undefined)
} else {
setHeightInches(Number(e.target.value))
const heightInInches =
Number(e.target.value) + 12 * (heightFeet ?? 0)
const heightInInches = Number(e.target.value) + 12 * (heightFeet ?? 0)
setProfile('height_in_inches', heightInInches)
}
}}
className={'w-16'}
value={heightInches ?? ''}
value={heightInches ? Math.floor(heightInches) : ''}
/>
</Col>
<div className="self-end mb-2 text-ink-700 mx-2">OR</div>
<Col>
<span>Centimeters</span>
<Input
type="number"
onChange={(e) => {
if (e.target.value === '') {
setHeightFeet(undefined)
setHeightInches(undefined)
setProfile('height_in_inches', null)
} else {
// Convert cm to inches
const totalInches = Number(e.target.value) / 2.54
setHeightFeet(Math.floor(totalInches / 12))
setHeightInches(totalInches % 12)
setProfile('height_in_inches', totalInches)
}
}}
className={'w-20'}
value={heightFeet !== undefined && heightInches !== undefined
? Math.round((heightFeet * 12 + heightInches) * 2.54)
: ''}
/>
</Col>
</Row>