diff --git a/components/Forms/Register/form.module.css b/components/Forms/Register/form.module.css index 86c6513c4..612cbc8f8 100644 --- a/components/Forms/Register/form.module.css +++ b/components/Forms/Register/form.module.css @@ -1,41 +1,21 @@ -.container { - display: flex; - flex-direction: column; - gap: var(--Spacing-x3); -} - -.title { - grid-area: title; -} - .form { display: grid; gap: var(--Spacing-x5); grid-area: form; } -.btnContainer { +.title { + grid-area: title; +} + +.formWrapper { display: flex; - flex-direction: column-reverse; - gap: var(--Spacing-x1); - grid-area: buttons; -} - -@media screen and (min-width: 768px) { - .form { - grid-template-columns: 1fr; - } - - .btnContainer { - align-self: center; - flex-direction: row; - gap: var(--Spacing-x2); - justify-self: flex-end; - } + flex-direction: column; + gap: var(--Spacing-x3); } +.userInfo, .password, -.user, .terms { align-self: flex-start; display: grid; @@ -43,11 +23,27 @@ } .container { + display: flex; + flex-direction: column; + gap: var(--Spacing-x3); +} + +.nameInputs { + display: grid; gap: var(--Spacing-x2); } -@media (min-width: 768px) { - .divider { - display: none; +.dateField { + display: grid; + gap: var(--Spacing-x1); +} + +@media screen and (min-width: 1367px) { + .formWrapper { + gap: var(--Spacing-x5); + } + + .nameInputs { + grid-template-columns: 1fr 1fr; } } diff --git a/components/Forms/Register/index.tsx b/components/Forms/Register/index.tsx index 8ca880762..ed1387bdd 100644 --- a/components/Forms/Register/index.tsx +++ b/components/Forms/Register/index.tsx @@ -6,7 +6,6 @@ import { useIntl } from "react-intl" import { registerUser } from "@/actions/registerUser" import Button from "@/components/TempDesignSystem/Button" -import Divider from "@/components/TempDesignSystem/Divider" import Checkbox from "@/components/TempDesignSystem/Form/Checkbox" import CountrySelect from "@/components/TempDesignSystem/Form/Country" import DateSelect from "@/components/TempDesignSystem/Form/Date" @@ -15,6 +14,8 @@ import NewPassword from "@/components/TempDesignSystem/Form/NewPassword" import Phone from "@/components/TempDesignSystem/Form/Phone" import Link from "@/components/TempDesignSystem/Link" import Body from "@/components/TempDesignSystem/Text/Body" +import Caption from "@/components/TempDesignSystem/Text/Caption" +import Subtitle from "@/components/TempDesignSystem/Text/Subtitle" import Title from "@/components/TempDesignSystem/Text/Title" import { toast } from "@/components/TempDesignSystem/Toasts" @@ -65,7 +66,7 @@ export default function Form({ link, subtitle, title }: RegisterFormProps) { } return ( -
+
{title}
-
+
- - + + {intl.formatMessage({ id: "Contact information" })} + + +
+ + +
+
+
+
+ + {intl.formatMessage({ id: "Birth date" })} + +
+
-
-
- + {intl.formatMessage({ id: "Password" })} - +
- + {intl.formatMessage({ id: "Terms and conditions" })} - +
diff --git a/i18n/dictionaries/da.json b/i18n/dictionaries/da.json index 3f30b3f79..1354cf3dc 100644 --- a/i18n/dictionaries/da.json +++ b/i18n/dictionaries/da.json @@ -27,6 +27,7 @@ "Back to scandichotels.com": "Tilbage til scandichotels.com", "Bar": "Bar", "Bed type": "Seng type", + "Birth date": "Fødselsdato", "Book": "Book", "Book reward night": "Book bonusnat", "Booking number": "Bookingnummer", @@ -56,6 +57,7 @@ "Coming up": "Er lige om hjørnet", "Compare all levels": "Sammenlign alle niveauer", "Complete booking & go to payment": "Udfyld booking & gå til betaling", + "Contact information": "Kontaktoplysninger", "Contact us": "Kontakt os", "Continue": "Blive ved", "Copyright all rights reserved": "Scandic AB Alle rettigheder forbeholdes", @@ -323,7 +325,6 @@ "nights": "nætter", "number": "nummer", "or": "eller", - "points": "Point", "special character": "speciel karakter", "spendable points expiring by": "{points} Brugbare point udløber den {date}", "to": "til", diff --git a/i18n/dictionaries/de.json b/i18n/dictionaries/de.json index 6dbe84117..33b18597a 100644 --- a/i18n/dictionaries/de.json +++ b/i18n/dictionaries/de.json @@ -27,6 +27,7 @@ "Back to scandichotels.com": "Zurück zu scandichotels.com", "Bar": "Bar", "Bed type": "Bettentyp", + "Birth date": "Geburtsdatum", "Book": "Buchen", "Book reward night": "Bonusnacht buchen", "Booking number": "Buchungsnummer", @@ -56,6 +57,7 @@ "Coming up": "Demnächst", "Compare all levels": "Vergleichen Sie alle Levels", "Complete booking & go to payment": "Buchung abschließen & zur Bezahlung gehen", + "Contact information": "Kontaktinformationen", "Contact us": "Kontaktieren Sie uns", "Continue": "Weitermachen", "Copyright all rights reserved": "Scandic AB Alle Rechte vorbehalten", @@ -332,4 +334,3 @@ "{difference}{amount} {currency}": "{difference}{amount} {currency}", "{width} cm × {length} cm": "{width} cm × {length} cm" } - diff --git a/i18n/dictionaries/en.json b/i18n/dictionaries/en.json index 16e62c357..c657adcac 100644 --- a/i18n/dictionaries/en.json +++ b/i18n/dictionaries/en.json @@ -27,6 +27,7 @@ "Back to scandichotels.com": "Back to scandichotels.com", "Bar": "Bar", "Bed type": "Bed type", + "Birth date": "Birth date", "Book": "Book", "Book reward night": "Book reward night", "Booking number": "Booking number", @@ -56,6 +57,7 @@ "Coming up": "Coming up", "Compare all levels": "Compare all levels", "Complete booking & go to payment": "Complete booking & go to payment", + "Contact information": "Contact information", "Contact us": "Contact us", "Continue": "Continue", "Copyright all rights reserved": "Scandic AB All rights reserved", diff --git a/i18n/dictionaries/fi.json b/i18n/dictionaries/fi.json index 0d6e9e617..64ae01cae 100644 --- a/i18n/dictionaries/fi.json +++ b/i18n/dictionaries/fi.json @@ -27,6 +27,7 @@ "Back to scandichotels.com": "Takaisin scandichotels.com", "Bar": "Bar", "Bed type": "Vuodetyyppi", + "Birth date": "Syntymäaika", "Book": "Varaa", "Book reward night": "Kirjapalkinto-ilta", "Booking number": "Varausnumero", @@ -56,6 +57,7 @@ "Coming up": "Tulossa", "Compare all levels": "Vertaa kaikkia tasoja", "Complete booking & go to payment": "Täydennä varaus & siirry maksamaan", + "Contact information": "Yhteystiedot", "Contact us": "Ota meihin yhteyttä", "Continue": "Jatkaa", "Copyright all rights reserved": "Scandic AB Kaikki oikeudet pidätetään", diff --git a/i18n/dictionaries/no.json b/i18n/dictionaries/no.json index a44ecc1e3..9fc00fd72 100644 --- a/i18n/dictionaries/no.json +++ b/i18n/dictionaries/no.json @@ -27,6 +27,7 @@ "Back to scandichotels.com": "Tilbake til scandichotels.com", "Bar": "Bar", "Bed type": "Seng type", + "Birth date": "Fødselsdato", "Book": "Bestill", "Book reward night": "Bestill belønningskveld", "Booking number": "Bestillingsnummer", @@ -55,6 +56,7 @@ "Coming up": "Kommer opp", "Compare all levels": "Sammenlign alle nivåer", "Complete booking & go to payment": "Fullfør bestilling & gå til betaling", + "Contact information": "Kontaktinformasjon", "Contact us": "Kontakt oss", "Continue": "Fortsette", "Copyright all rights reserved": "Scandic AB Alle rettigheter forbeholdt", diff --git a/i18n/dictionaries/sv.json b/i18n/dictionaries/sv.json index 5f72ef6f7..21c3dad8a 100644 --- a/i18n/dictionaries/sv.json +++ b/i18n/dictionaries/sv.json @@ -27,6 +27,7 @@ "Back to scandichotels.com": "Tillbaka till scandichotels.com", "Bar": "Bar", "Bed type": "Sängtyp", + "Birth date": "Födelsedatum", "Book": "Boka", "Book reward night": "Boka frinatt", "Booking number": "Bokningsnummer", @@ -56,6 +57,7 @@ "Coming up": "Kommer härnäst", "Compare all levels": "Jämför alla nivåer", "Complete booking & go to payment": "Fullför bokning & gå till betalning", + "Contact information": "Kontaktinformation", "Contact us": "Kontakta oss", "Continue": "Fortsätt", "Copyright all rights reserved": "Scandic AB Alla rättigheter förbehålls",