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

Move want kids closer to connection type

Browse Source
This commit is contained in:
MartinBraquet
2025-10-17 13:50:46 +02:00
parent 2ce21247ee
commit 527d36a159
1 changed files with 42 additions and 42 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -283,6 +283,48 @@ export const OptionalLoveUserForm = (props: {
/>
</Col>
{lookingRelationship && <>
<Col className={clsx(colClassName)}>
<label className={clsx(labelClassName)}>Relationship style</label>
<MultiCheckbox
choices={ROMANTIC_CHOICES}
selected={profile['pref_romantic_styles'] || []}
onChange={(selected) => {
setProfile('pref_romantic_styles', selected)
}}
/>
</Col>
<Col className={clsx(colClassName)}>
<label className={clsx(labelClassName)}>
I would like to have kids
</label>
<RadioToggleGroup
className={'w-44'}
choicesMap={MultipleChoiceOptions}
setChoice={(choice) => {
setProfile('wants_kids_strength', choice)
}}
currentChoice={profile.wants_kids_strength ?? -1}
/>
</Col>
<Col className={clsx(colClassName)}>
<label className={clsx(labelClassName)}>Current number of kids</label>
<Input
type="number"
onChange={(e) => {
const value =
e.target.value === '' ? null : Number(e.target.value)
setProfile('has_kids', value)
}}
className={'w-20'}
min={0}
value={profile['has_kids'] ?? undefined}
/>
</Col>
</>}
<Col className={clsx(colClassName, 'pb-4')}>
<label className={clsx(labelClassName)}>Socials</label>
@@ -516,21 +558,6 @@ export const OptionalLoveUserForm = (props: {
/>
</Col>
<Col className={clsx(colClassName)}>
<label className={clsx(labelClassName)}>Current number of kids</label>
<Input
type="number"
onChange={(e) => {
const value =
e.target.value === '' ? null : Number(e.target.value)
setProfile('has_kids', value)
}}
className={'w-20'}
min={0}
value={profile['has_kids'] ?? undefined}
/>
</Col>
{/*<Col className={clsx(colClassName)}>*/}
{/* <label className={clsx(labelClassName)}>Looking for a relationship?</label>*/}
{/* <ChoicesToggleGroup*/}
@@ -540,33 +567,6 @@ export const OptionalLoveUserForm = (props: {
{/* />*/}
{/*</Col>*/}
{lookingRelationship && <>
<Col className={clsx(colClassName)}>
<label className={clsx(labelClassName)}>
I would like to have kids
</label>
<RadioToggleGroup
className={'w-44'}
choicesMap={MultipleChoiceOptions}
setChoice={(choice) => {
setProfile('wants_kids_strength', choice)
}}
currentChoice={profile.wants_kids_strength ?? -1}
/>
</Col>
<Col className={clsx(colClassName)}>
<label className={clsx(labelClassName)}>Relationship style</label>
<MultiCheckbox
choices={ROMANTIC_CHOICES}
selected={profile['pref_romantic_styles'] || []}
onChange={(selected) => {
setProfile('pref_romantic_styles', selected)
}}
/>
</Col>
</>}
<Col className={clsx(colClassName)}>
<label className={clsx(labelClassName)}>Photos</label>