Skip to content

Commit d0d528c

Browse files
authored
Fix address form layout (#1294)
* Refactor address fields for better clarity between organization and user * Addressed PR feedback removed unwanted whitespaces * Remove .idea folder and add to .gitignore
1 parent bc5a804 commit d0d528c

1 file changed

Lines changed: 44 additions & 44 deletions

File tree

src/components/shared/RegistrationModal.tsx

Lines changed: 44 additions & 44 deletions
Original file line numberDiff line numberDiff line change
@@ -333,6 +333,50 @@ const RegistrationModalContent = () => {
333333
</div>
334334
</div>
335335
</div>
336+
<div className="row">
337+
<div className="col">
338+
<div className="form-group">
339+
<Field
340+
type="text"
341+
name="street"
342+
id="adopter_street"
343+
className="form-control"
344+
/>
345+
<label
346+
className="form-control-placeholder"
347+
htmlFor="adopter_street"
348+
style={
349+
formik.values.street ? styleWithContent : {}
350+
}
351+
>
352+
{t(
353+
"ADOPTER_REGISTRATION.MODAL.FORM_STATE.STREET"
354+
)}
355+
</label>
356+
</div>
357+
</div>
358+
<div className="col">
359+
<div className="form-group">
360+
<Field
361+
type="text"
362+
name="streetNo"
363+
id="adopter_streetnumber"
364+
className="form-control"
365+
/>
366+
<label
367+
className="form-control-placeholder"
368+
htmlFor="adopter_streetnumber"
369+
style={
370+
formik.values.streetNo ? styleWithContent : {}
371+
}
372+
>
373+
{t(
374+
"ADOPTER_REGISTRATION.MODAL.FORM_STATE.NUMBER"
375+
)}
376+
</label>
377+
</div>
378+
</div>
379+
</div>
336380
<div className="row">
337381
<div className="col">
338382
<div className="form-group">
@@ -461,50 +505,6 @@ const RegistrationModalContent = () => {
461505
</div>
462506
</div>
463507
</div>
464-
<div className="row">
465-
<div className="col">
466-
<div className="form-group">
467-
<Field
468-
type="text"
469-
name="street"
470-
id="adopter_street"
471-
className="form-control"
472-
/>
473-
<label
474-
className="form-control-placeholder"
475-
htmlFor="adopter_street"
476-
style={
477-
formik.values.street ? styleWithContent : {}
478-
}
479-
>
480-
{t(
481-
"ADOPTER_REGISTRATION.MODAL.FORM_STATE.STREET"
482-
)}
483-
</label>
484-
</div>
485-
</div>
486-
<div className="col">
487-
<div className="form-group">
488-
<Field
489-
type="text"
490-
name="streetNo"
491-
id="adopter_streetnumber"
492-
className="form-control"
493-
/>
494-
<label
495-
className="form-control-placeholder"
496-
htmlFor="adopter_streetnumber"
497-
style={
498-
formik.values.streetNo ? styleWithContent : {}
499-
}
500-
>
501-
{t(
502-
"ADOPTER_REGISTRATION.MODAL.FORM_STATE.NUMBER"
503-
)}
504-
</label>
505-
</div>
506-
</div>
507-
</div>
508508
<div className="row">
509509
<div className="col">
510510
<div className="form-group">

0 commit comments

Comments
 (0)