scandic/web
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat: add discard changes modal to profile edit

Browse Source
This commit is contained in:
Simon Emanuelsson
2024-08-26 12:39:13 +02:00
parent 23f7be912e
commit d46a7ecbf7
12 changed files with 268 additions and 168 deletions
Download Patch File Download Diff File Expand all files Collapse all files

75
components/Profile/DeleteCreditCardConfirmation/deleteCreditCardConfirmation.module.css → components/Dialog/dialog.module.css
View File

@@ -1,13 +1,23 @@
@keyframes modal-fade {
from {
opacity: 0;
}
to {
opacity: 1;
}
}
.overlay {
position: fixed;
top: 0;
left: 0;
width: 100vw;
height: var(--visual-viewport-height);
align-items: center;
background: rgba(0, 0, 0, 0.5);
display: flex;
align-items: center;
height: var(--visual-viewport-height);
justify-content: center;
left: 0;
position: fixed;
top: 0;
width: 100vw;
z-index: 100;
&[data-entering] {
@@ -19,52 +29,37 @@
}
}
.modal section {
background: var(--Main-Grey-White);
.modal {
background-color: var(--Base-Surface-Primary-light-Normal);
border-radius: var(--Corner-radius-Medium);
padding: var(--Spacing-x4);
padding-bottom: var(--Spacing-x6);
}
.container {
box-shadow: 0px 4px 24px 0px rgba(38, 32, 30, 0.08);
display: flex;
flex-direction: column;
gap: var(--Spacing-x3);
font-family: var(--typography-Body-Regular-fontFamily);
max-width: 560px;
padding: var(--Spacing-x5) var(--Spacing-x4);
}
.title {
font-family: var(--typography-Subtitle-1-fontFamily);
text-align: center;
margin: 0;
padding-bottom: var(--Spacing-x1);
}
.bodyText {
text-align: center;
max-width: 425px;
margin: 0;
padding: 0;
}
.buttonContainer {
.header {
display: flex;
justify-content: space-between;
flex-direction: column;
gap: var(--Spacing-x2);
flex-wrap: wrap;
}
.buttonContainer button {
flex-grow: 1;
justify-content: center;
.footer {
display: flex;
flex-direction: column-reverse;
gap: var(--Spacing-x1);
}
@keyframes modal-fade {
from {
opacity: 0;
}
@media screen and (min-width: 768px) {
.footer {
align-items: center;
flex-direction: row;
gap: var(--Spacing-x2);
to {
opacity: 1;
& > button {
flex: 1;
}
}
}

87
components/Dialog/index.tsx Normal file
View File

@@ -0,0 +1,87 @@
"use client"
import {
Dialog as AriaDialog,
DialogTrigger,
Modal,
ModalOverlay,
} from "react-aria-components"
import LoadingSpinner from "@/components/LoadingSpinner"
import Button from "@/components/TempDesignSystem/Button"
import Link from "@/components/TempDesignSystem/Link"
import Body from "@/components/TempDesignSystem/Text/Body"
import Subtitle from "@/components/TempDesignSystem/Text/Subtitle"
import styles from "./dialog.module.css"
import type { DialogProps } from "@/types/components/dialog"
export default function Dialog({
bodyText,
cancelButtonText,
proceedHref,
proceedIsPending = false,
proceedOnClick = () => {},
proceedText,
titleText,
triggerButtonText,
}: DialogProps) {
return (
<DialogTrigger>
<Button intent="secondary" size="small" theme="base">
{triggerButtonText}
</Button>
<ModalOverlay className={styles.overlay} isDismissable>
<Modal>
<AriaDialog role="alertdialog">
{({ close }) => (
<section className={styles.modal}>
<header className={styles.header}>
<Subtitle textAlign="center">{titleText}</Subtitle>
<Body textAlign="center">{bodyText}</Body>
</header>
{proceedIsPending ? (
<LoadingSpinner />
) : (
<footer className={styles.footer}>
<Button
intent="secondary"
onPress={close}
size="medium"
theme="base"
>
{cancelButtonText}
</Button>
{proceedHref ? (
<Button
asChild
intent="primary"
size="medium"
theme="base"
>
<Link color="none" href={proceedHref}>
{proceedText}
</Link>
</Button>
) : (
<Button
intent="primary"
onPress={() => {
proceedOnClick(close)
}}
size="medium"
theme="base"
>
{proceedText}
</Button>
)}
</footer>
)}
</section>
)}
</AriaDialog>
</Modal>
</ModalOverlay>
</DialogTrigger>
)
}

17
components/Forms/Edit/Profile/index.tsx
View File

@@ -13,8 +13,8 @@ import { profile } from "@/constants/routes/myPages"
import { trpc } from "@/lib/trpc/client"
import { editProfile } from "@/actions/editProfile"
import Dialog from "@/components/Dialog"
import Button from "@/components/TempDesignSystem/Button"
import Link from "@/components/TempDesignSystem/Link"
import Title from "@/components/TempDesignSystem/Text/Title"
import { toast } from "@/components/TempDesignSystem/Toasts"
@@ -118,11 +118,16 @@ export default function Form({ user }: EditFormProps) {
</Title>
</hgroup>
<div className={styles.btnContainer}>
<Button asChild intent="secondary" size="small" theme="base">
<Link href={profile[lang]}>
{intl.formatMessage({ id: "Discard changes" })}
</Link>
</Button>
<Dialog
bodyText={intl.formatMessage({
id: "Any changes you've made will be lost.",
})}
cancelButtonText={intl.formatMessage({ id: "Go back to edit" })}
proceedHref={profile[lang]}
proceedText={intl.formatMessage({ id: "Yes, discard changes" })}
titleText={intl.formatMessage({ id: "Discard unsaved changes?" })}
triggerButtonText={intl.formatMessage({ id: "Discard changes" })}
/>
<Button
disabled={!isValid || methods.formState.isSubmitting}
form={formId}

58
components/Profile/DeleteCreditCardConfirmation.tsx Normal file
View File

@@ -0,0 +1,58 @@
"use client"
import { useIntl } from "react-intl"
import { trpc } from "@/lib/trpc/client"
import Dialog from "@/components/Dialog"
import { Delete } from "@/components/Icons"
import { toast } from "@/components/TempDesignSystem/Toasts"
import type { DeleteCreditCardConfirmationProps } from "@/types/components/myPages/myProfile/creditCards"
export default function DeleteCreditCardConfirmation({
card,
}: DeleteCreditCardConfirmationProps) {
const intl = useIntl()
const trpcUtils = trpc.useUtils()
const deleteCard = trpc.user.creditCard.delete.useMutation({
onSuccess() {
trpcUtils.user.creditCards.invalidate()
toast.success(
intl.formatMessage({ id: "Your card was successfully removed!" })
)
},
onError() {
toast.error(
intl.formatMessage({
id: "Something went wrong and we couldn't remove your card. Please try again later.",
})
)
},
})
function handleProceedDeleteCard(close: () => void) {
deleteCard.mutate({ creditCardId: card.id }, { onSettled: close })
}
const lastFourDigits = card.truncatedNumber.slice(-4)
const bodyText = intl.formatMessage(
{
id: "Are you sure you want to remove the card ending with {lastFourDigits} from your member profile?",
},
{ lastFourDigits }
)
return (
<Dialog
bodyText={bodyText}
cancelButtonText={intl.formatMessage({ id: "No, keep card" })}
proceedOnClick={handleProceedDeleteCard}
proceedText={intl.formatMessage({ id: "Yes, remove my card" })}
titleText={intl.formatMessage({ id: "Remove card from member profile" })}
triggerButtonText={<Delete color="burgundy" />}
/>
)
}

99
components/Profile/DeleteCreditCardConfirmation/index.tsx
View File

@@ -1,99 +0,0 @@
"use client"
import {
Dialog,
DialogTrigger,
Heading,
Modal,
ModalOverlay,
} from "react-aria-components"
import { useIntl } from "react-intl"
import { trpc } from "@/lib/trpc/client"
import { Delete } from "@/components/Icons"
import LoadingSpinner from "@/components/LoadingSpinner"
import Button from "@/components/TempDesignSystem/Button"
import { toast } from "@/components/TempDesignSystem/Toasts"
import styles from "./deleteCreditCardConfirmation.module.css"
import type { DeleteCreditCardConfirmationProps } from "@/types/components/myPages/myProfile/creditCards"
export default function DeleteCreditCardConfirmation({
card,
}: DeleteCreditCardConfirmationProps) {
const intl = useIntl()
const trpcUtils = trpc.useUtils()
const deleteCard = trpc.user.creditCard.delete.useMutation({
onSuccess() {
trpcUtils.user.creditCards.invalidate()
toast.success(
intl.formatMessage({ id: "Your card was successfully removed!" })
)
},
onError() {
toast.error(
intl.formatMessage({
id: "Something went wrong and we couldn't remove your card. Please try again later.",
})
)
},
})
const lastFourDigits = card.truncatedNumber.slice(-4)
return (
<div>
<DialogTrigger>
<Button variant="icon" theme="base" intent="text">
<Delete color="burgundy" />
</Button>
<ModalOverlay className={styles.overlay} isDismissable>
<Modal className={styles.modal}>
<Dialog role="alertdialog">
{({ close }) => (
<div className={styles.container}>
<Heading slot="title" className={styles.title}>
{intl.formatMessage({
id: "Remove card from member profile",
})}
</Heading>
<p className={styles.bodyText}>
{`${intl.formatMessage({
id: "Are you sure you want to remove the card ending with",
})} ${lastFourDigits} ${intl.formatMessage({ id: "from your member profile?" })}`}
</p>
{deleteCard.isPending ? (
<LoadingSpinner />
) : (
<div className={styles.buttonContainer}>
<Button intent="secondary" theme="base" onClick={close}>
{intl.formatMessage({ id: "No, keep card" })}
</Button>
<Button
intent="primary"
theme="base"
onClick={() => {
deleteCard.mutate(
{ creditCardId: card.id },
{ onSettled: close }
)
}}
>
{intl.formatMessage({ id: "Yes, remove my card" })}
</Button>
</div>
)}
</div>
)}
</Dialog>
</Modal>
</ModalOverlay>
</DialogTrigger>
</div>
)
}

14
i18n/dictionaries/da.json
View File

@@ -8,7 +8,9 @@
"Amenities": "Faciliteter",
"An error occurred when adding a credit card, please try again later.": "Der opstod en fejl under tilføjelse af et kreditkort. Prøv venligst igen senere.",
"An error occurred when trying to update profile.": "Der opstod en fejl under forsøg på at opdatere profilen.",
"Any changes you've made will be lost.": "Alle ændringer, du har foretaget, går tabt.",
"Are you sure you want to remove the card ending with": "Er du sikker på, at du vil fjerne kortet, der slutter med",
"Are you sure you want to remove the card ending with {lastFourDigits} from your member profile?": "Er du sikker på, at du vil fjerne kortet, der slutter me {lastFourDigits} fra din medlemsprofil?",
"Arrival date": "Ankomstdato",
"as of today": "fra idag",
"As our": "Som vores {level}",
@@ -52,6 +54,8 @@
"Day": "Dag",
"Description": "Beskrivelse",
"Discard changes": "Kassér ændringer",
"Discard unsaved changes?": "Slette ændringer, der ikke er gemt?",
"Do you want to start the day with Scandics famous breakfast buffé?": "Vil du starte dagen med Scandics berømte morgenbuffet?",
"Download the Scandic app": "Download Scandic-appen",
"Edit": "Redigere",
"Edit profile": "Rediger profil",
@@ -66,14 +70,16 @@
"Free cancellation": "Gratis afbestilling",
"Free rebooking": "Gratis ombooking",
"From": "Fra",
"from your member profile?": "fra din medlemsprofil?",
"Get inspired": "Bliv inspireret",
"Go back to edit": "Gå tilbage til redigering",
"Go back to overview": "Gå tilbage til oversigten",
"Hi": "Hei",
"Highest level": "Højeste niveau",
"Hotel facilities": "Hotel faciliteter",
"Hotel surroundings": "Hotel omgivelser",
"How do you want to sleep?": "Hvordan vil du sove?",
"How it works": "Hvordan det virker",
"Join Scandic Friends": "Tilmeld dig Scandic Friends",
"km to city center": "km til byens centrum",
"Language": "Sprog",
"Level": "Niveau",
@@ -135,8 +141,8 @@
"Phone is required": "Telefonnummer er påkrævet",
"Phone number": "Telefonnummer",
"Please enter a valid phone number": "Indtast venligst et gyldigt telefonnummer",
"points": "Point",
"Points": "Point",
"points": "Point",
"Points being calculated": "Point udregnes",
"Points earned prior to May 1, 2021": "Point optjent inden 1. maj 2021",
"Points may take up to 10 days to be displayed.": "Det kan tage op til 10 dage at få vist point.",
@@ -206,7 +212,9 @@
"When": "Hvornår",
"Where should you go next?": "Find inspiration til dit næste ophold",
"Where to": "Hvor",
"Which room class suits you the best?": "Hvilken rumklasse passer bedst til dig",
"Year": "År",
"Yes, discard changes": "Ja, kasser ændringer",
"Yes, remove my card": "Ja, fjern mit kort",
"You canceled adding a new credit card.": "Du har annulleret tilføjelsen af et nyt kreditkort.",
"You have no previous stays.": "Du har ingen tidligere ophold.",
@@ -219,4 +227,4 @@
"Your level": "Dit niveau",
"Your points to spend": "Dine brugbare point",
"Zip code": "Postnummer"
}
}

15
i18n/dictionaries/de.json
View File

@@ -7,7 +7,8 @@
"Amenities": "Annehmlichkeiten",
"An error occurred when adding a credit card, please try again later.": "Beim Hinzufügen einer Kreditkarte ist ein Fehler aufgetreten. Bitte versuchen Sie es später erneut.",
"An error occurred when trying to update profile.": "Beim Versuch, das Profil zu aktualisieren, ist ein Fehler aufgetreten.",
"Are you sure you want to remove the card ending with": "Möchten Sie die Karte mit der Endung",
"Any changes you've made will be lost.": "Alle Änderungen, die Sie vorgenommen haben, gehen verloren.",
"Are you sure you want to remove the card ending with {lastFourDigits} from your member profile?": "Möchten Sie die Karte mit der Endung {lastFourDigits} wirklich aus Ihrem Mitgliedsprofil entfernen?",
"Arrival date": "Ankunftsdatum",
"as of today": "Stand heute",
"As our": "Als unser {level}",
@@ -51,6 +52,8 @@
"Day": "Tag",
"Description": "Beschreibung",
"Discard changes": "Änderungen verwerfen",
"Discard unsaved changes?": "Nicht gespeicherte Änderungen verwerfen?",
"Do you want to start the day with Scandics famous breakfast buffé?": "Möchten Sie den Tag mit Scandics berühmtem Frühstücksbuffet beginnen?",
"Download the Scandic app": "Laden Sie die Scandic-App herunter",
"Edit": "Bearbeiten",
"Edit profile": "Profil bearbeiten",
@@ -65,14 +68,16 @@
"Free cancellation": "Kostenlose Stornierung",
"Free rebooking": "Kostenlose Umbuchung",
"From": "Fromm",
"from your member profile?": "wirklich aus Ihrem Mitgliedsprofil entfernen?",
"Get inspired": "Lassen Sie sich inspieren",
"Go back to edit": "Zurück zum Bearbeiten",
"Go back to overview": "Zurück zur Übersicht",
"Hi": "Hallo",
"Highest level": "Höchstes Level",
"Hotel facilities": "Hotel-Infos",
"Hotel surroundings": "Umgebung des Hotels",
"How do you want to sleep?": "Wie möchtest du schlafen?",
"How it works": "Wie es funktioniert",
"Join Scandic Friends": "Treten Sie Scandic Friends bei",
"km to city center": "km bis zum Stadtzentrum",
"Language": "Sprache",
"Level": "Level",
@@ -132,8 +137,8 @@
"Phone is required": "Telefon ist erforderlich",
"Phone number": "Telefonnummer",
"Please enter a valid phone number": "Bitte geben Sie eine gültige Telefonnummer ein",
"points": "Punkte",
"Points": "Punkte",
"points": "Punkte",
"Points being calculated": "Punkte werden berechnet",
"Points earned prior to May 1, 2021": "Zusammengeführte Punkte vor dem 1. Mai 2021",
"Points may take up to 10 days to be displayed.": "Es kann bis zu 10 Tage dauern, bis Punkte angezeigt werden.",
@@ -200,7 +205,9 @@
"When": "Wann",
"Where should you go next?": "Wo geht es als Nächstes hin?",
"Where to": "Wohin",
"Which room class suits you the best?": "Welche Zimmerklasse passt am besten zu Ihnen?",
"Year": "Jahr",
"Yes, discard changes": "Ja, Änderungen verwerfen",
"Yes, remove my card": "Ja, meine Karte entfernen",
"You canceled adding a new credit card.": "Sie haben das Hinzufügen einer neuen Kreditkarte abgebrochen.",
"You have no previous stays.": "Sie haben keine vorherigen Aufenthalte.",
@@ -213,4 +220,4 @@
"Your level": "Dein level",
"Your points to spend": "Meine Punkte",
"Zip code": "PLZ"
}
}

15
i18n/dictionaries/en.json
View File

@@ -8,7 +8,8 @@
"Amenities": "Amenities",
"An error occurred when adding a credit card, please try again later.": "An error occurred when adding a credit card, please try again later.",
"An error occurred when trying to update profile.": "An error occurred when trying to update profile.",
"Are you sure you want to remove the card ending with": "Are you sure you want to remove the card ending with",
"Any changes you've made will be lost.": "Any changes you've made will be lost.",
"Are you sure you want to remove the card ending with {lastFourDigits} from your member profile?": "Are you sure you want to remove the card ending with {lastFourDigits} from your member profile?",
"Arrival date": "Arrival date",
"as of today": "as of today",
"As our": "As our {level}",
@@ -52,7 +53,9 @@
"Day": "Day",
"Description": "Description",
"Discard changes": "Discard changes",
"Discard unsaved changes?": "Discard unsaved changes?",
"Distance to city centre": "{number}km to city centre",
"Do you want to start the day with Scandics famous breakfast buffé?": "Do you want to start the day with Scandics famous breakfast buffé?",
"Download the Scandic app": "Download the Scandic app",
"Edit": "Edit",
"Edit profile": "Edit profile",
@@ -68,8 +71,8 @@
"Free cancellation": "Free cancellation",
"Free rebooking": "Free rebooking",
"From": "From",
"from your member profile?": "from your member profile?",
"Get inspired": "Get inspired",
"Go back to edit": "Go back to edit",
"Go back to overview": "Go back to overview",
"Hi": "Hi",
"Highest level": "Highest level",
@@ -78,7 +81,9 @@
"hotelPages.rooms.roomCard.person": "person",
"hotelPages.rooms.roomCard.persons": "persons",
"hotelPages.rooms.roomCard.seeRoomDetails": "See room details",
"How do you want to sleep?": "How do you want to sleep?",
"How it works": "How it works",
"Join Scandic Friends": "Join Scandic Friends",
"km to city center": "km to city center",
"Language": "Language",
"Level": "Level",
@@ -140,8 +145,8 @@
"Phone is required": "Phone is required",
"Phone number": "Phone number",
"Please enter a valid phone number": "Please enter a valid phone number",
"Points": "Points",
"points": "Points",
"Points": "Points",
"Points being calculated": "Points being calculated",
"Points earned prior to May 1, 2021": "Points earned prior to May 1, 2021",
"Points may take up to 10 days to be displayed.": "Points may take up to 10 days to be displayed.",
@@ -212,7 +217,9 @@
"When": "When",
"Where should you go next?": "Where should you go next?",
"Where to": "Where to",
"Which room class suits yo∏u the best?": "Which room class suits you the best?",
"Year": "Year",
"Yes, discard changes": "Yes, discard changes",
"Yes, remove my card": "Yes, remove my card",
"You canceled adding a new credit card.": "You canceled adding a new credit card.",
"You have no previous stays.": "You have no previous stays.",
@@ -225,4 +232,4 @@
"Your level": "Your level",
"Your points to spend": "Your points to spend",
"Zip code": "Zip code"
}
}

16
i18n/dictionaries/fi.json
View File

@@ -8,7 +8,8 @@
"Amenities": "Mukavuudet",
"An error occurred when adding a credit card, please try again later.": "Luottokorttia lisättäessä tapahtui virhe. Yritä myöhemmin uudelleen.",
"An error occurred when trying to update profile.": "Profiilia päivitettäessä tapahtui virhe.",
"Are you sure you want to remove the card ending with": "Haluatko varmasti poistaa kortin, joka päättyy numeroon",
"Any changes you've made will be lost.": "Kaikki tekemäsi muutokset menetetään.",
"Are you sure you want to remove the card ending with {lastFourDigits} from your member profile?": "Haluatko varmasti poistaa kortin, joka päättyy numeroon {lastFourDigits} jäsenprofiilistasi?",
"Arrival date": "Saapumispäivä",
"as of today": "tänään",
"As our": "{level}-etu",
@@ -52,6 +53,8 @@
"Day": "Päivä",
"Description": "Kuvaus",
"Discard changes": "Hylkää muutokset",
"Discard unsaved changes?": "Hylkäätkö tallentamattomat muutokset?",
"Do you want to start the day with Scandics famous breakfast buffé?": "Haluatko aloittaa päiväsi Scandicsin kuuluisalla aamiaisbuffella?",
"Download the Scandic app": "Lataa Scandic-sovellus",
"Edit": "Muokata",
"Edit profile": "Muokkaa profiilia",
@@ -66,14 +69,16 @@
"Free cancellation": "Ilmainen peruutus",
"Free rebooking": "Ilmainen uudelleenvaraus",
"From": "From",
"from your member profile?": "jäsenprofiilistasi?",
"Get inspired": "Inspiroidu",
"Go back to edit": "Palaa muokkaamaan",
"Go back to overview": "Palaa yleiskatsaukseen",
"Hi": "Hi",
"Highest level": "Korkein taso",
"Hotel facilities": "Hotellin palvelut",
"Hotel surroundings": "Hotellin ympäristö",
"How do you want to sleep?": "Kuinka haluat nukkua?",
"How it works": "Kuinka se toimii",
"Join Scandic Friends": "Liity jäseneksi",
"km to city center": "km keskustaan",
"Language": "Kieli",
"Level": "Level",
@@ -84,6 +89,7 @@
"Level 5": "Taso 5",
"Level 6": "Taso 6",
"Level 7": "Taso 7",
"Level up to unlock": "Nosta taso avataksesi lukituksen",
"Log in": "Kirjaudu sisään",
"Log in here": "Kirjaudu sisään",
"Log in/Join": "Kirjaudu sisään/Liittyä",
@@ -134,8 +140,8 @@
"Phone is required": "Puhelin vaaditaan",
"Phone number": "Puhelinnumero",
"Please enter a valid phone number": "Ole hyvä ja näppäile voimassaoleva puhelinnumero",
"points": "pistettä",
"Points": "Pisteet",
"points": "pistettä",
"Points being calculated": "Pisteitä lasketaan",
"Points earned prior to May 1, 2021": "Pisteet, jotka ansaittu ennen 1.5.2021",
"Points may take up to 10 days to be displayed.": "Pisteiden näyttäminen voi kestää jopa 10 päivää.",
@@ -205,7 +211,9 @@
"When": "Kun",
"Where should you go next?": "Mihin menisit seuraavaksi?",
"Where to": "Minne",
"Which room class suits you the best?": "Mikä huoneluokka sopii sinulle parhaiten?",
"Year": "Vuosi",
"Yes, discard changes": "Kyllä, hylkää muutokset",
"Yes, remove my card": "Kyllä, poista korttini",
"You canceled adding a new credit card.": "Peruutit uuden luottokortin lisäämisen.",
"You have no previous stays.": "Sinulla ei ole aiempia majoituksia.",
@@ -218,4 +226,4 @@
"Your level": "Tasosi",
"Your points to spend": "Käytettävissä olevat pisteesi",
"Zip code": "Postinumero"
}
}

15
i18n/dictionaries/no.json
View File

@@ -8,7 +8,8 @@
"Amenities": "Fasiliteter",
"An error occurred when adding a credit card, please try again later.": "Det oppstod en feil ved å legge til et kredittkort. Prøv igjen senere.",
"An error occurred when trying to update profile.": "Det oppstod en feil under forsøk på å oppdatere profilen.",
"Are you sure you want to remove the card ending with": "Er du sikker på at du vil fjerne kortet som slutter på",
"Any changes you've made will be lost.": "Eventuelle endringer du har gjort, går tapt.",
"Are you sure you want to remove the card ending with {lastFourDigits} from your member profile?": "Er du sikker på at du vil fjerne kortet som slutter på {lastFourDigits} fra medlemsprofilen din?",
"Arrival date": "Ankomstdato",
"as of today": "per idag",
"As our": "Som vår {level}",
@@ -52,6 +53,8 @@
"Day": "Dag",
"Description": "Beskrivelse",
"Discard changes": "Forkaste endringer",
"Discard unsaved changes?": "Forkaste endringer som ikke er lagret?",
"Do you want to start the day with Scandics famous breakfast buffé?": "Vil du starte dagen med Scandics berømte frokostbuffé?",
"Download the Scandic app": "Last ned Scandic-appen",
"Edit": "Redigere",
"Edit profile": "Rediger profil",
@@ -66,14 +69,16 @@
"Free cancellation": "Gratis avbestilling",
"Free rebooking": "Gratis ombooking",
"From": "Fra",
"from your member profile?": "fra medlemsprofilen din?",
"Get inspired": "Bli inspirert",
"Go back to edit": "Gå tilbake til redigering",
"Go back to overview": "Gå tilbake til oversikten",
"Hi": "Hei",
"Highest level": "Høyeste nivå",
"Hotel facilities": "Hotelfaciliteter",
"Hotel surroundings": "Hotellomgivelser",
"How do you want to sleep?": "Hvordan vil du sove?",
"How it works": "Hvordan det fungerer",
"Join Scandic Friends": "Bli med i Scandic Friends",
"km to city center": "km til sentrum",
"Language": "Språk",
"Level": "Nivå",
@@ -135,8 +140,8 @@
"Phone is required": "Telefon kreves",
"Phone number": "Telefonnummer",
"Please enter a valid phone number": "Vennligst oppgi et gyldig telefonnummer",
"Points": "Poeng",
"points": "poeng",
"Points": "Poeng",
"Points being calculated": "Poeng beregnes",
"Points earned prior to May 1, 2021": "Opptjente poeng før 1. mai 2021",
"Points may take up to 10 days to be displayed.": "Det kan ta opptil 10 dager før poeng vises.",
@@ -206,7 +211,9 @@
"When": "Når",
"Where should you go next?": "Hvor ønsker du å reise neste gang?",
"Where to": "Hvor skal du",
"Which room class suits you the best?": "Hvilken romklasse passer deg best?",
"Year": "År",
"Yes, discard changes": "Ja, forkast endringer",
"Yes, remove my card": "Ja, fjern kortet mitt",
"You canceled adding a new credit card.": "Du kansellerte å legge til et nytt kredittkort.",
"You have no previous stays.": "Du har ingen tidligere opphold.",
@@ -219,4 +226,4 @@
"Your level": "Ditt nivå",
"Your points to spend": "Dine brukbare poeng",
"Zip code": "Post kode"
}
}

15
i18n/dictionaries/sv.json
View File

@@ -8,7 +8,8 @@
"Amenities": "Bekvämligheter",
"An error occurred when adding a credit card, please try again later.": "Ett fel uppstod när ett kreditkort lades till, försök igen senare.",
"An error occurred when trying to update profile.": "Ett fel uppstod när du försökte uppdatera profilen.",
"Are you sure you want to remove the card ending with": "Är du säker på att du vill ta bort kortet som slutar med",
"Any changes you've made will be lost.": "Alla ändringar du har gjort kommer att gå förlorade.",
"Are you sure you want to remove the card ending with {lastFourDigits} from your member profile?": "Är du säker på att du vill ta bort kortet som slutar med {lastFourDigits} från din medlemsprofil?",
"Arrival date": "Ankomstdatum",
"as of today": "från och med idag",
"As our": "Som vår {level}",
@@ -52,6 +53,8 @@
"Day": "Dag",
"Description": "Beskrivning",
"Discard changes": "Ignorera ändringar",
"Discard unsaved changes?": "Vill du ignorera ändringar som inte har sparats?",
"Do you want to start the day with Scandics famous breakfast buffé?": "Vill du starta dagen med Scandics berömda frukostbuffé?",
"Download the Scandic app": "Ladda ner Scandic-appen",
"Edit": "Redigera",
"Edit profile": "Redigera profil",
@@ -66,8 +69,8 @@
"Free cancellation": "Fri avbokning",
"Free rebooking": "Fri ombokning",
"From": "Från",
"from your member profile?": "från din medlemsprofil?",
"Get inspired": "Bli inspirerad",
"Go back to edit": "Gå tillbaka till redigeringen",
"Go back to overview": "Gå tillbaka till översikten",
"Hi": "Hej",
"Highest level": "Högsta nivå",
@@ -75,7 +78,9 @@
"Hotel surroundings": "Hotellomgivning",
"hotelPages.rooms.roomCard.person": "person",
"hotelPages.rooms.roomCard.persons": "personer",
"How do you want to sleep?": "Hur vill du sova?",
"How it works": "Hur det fungerar",
"Join Scandic Friends": "Gå med i Scandic Friends",
"km to city center": "km till stadens centrum",
"Language": "Språk",
"Level": "Nivå",
@@ -137,8 +142,8 @@
"Phone is required": "Telefonnummer är obligatorisk",
"Phone number": "Telefonnummer",
"Please enter a valid phone number": "Var vänlig och ange ett giltigt telefonnummer",
"points": "poäng",
"Points": "Poäng",
"points": "poäng",
"Points being calculated": "Poäng beräknas",
"Points earned prior to May 1, 2021": "Intjänade poäng före den 1 maj 2021",
"Points may take up to 10 days to be displayed.": "Det kan ta upp till 10 dagar innan poäng visas.",
@@ -208,7 +213,9 @@
"When": "När",
"Where should you go next?": "Låter inte en spontanweekend härligt?",
"Where to": "Vart",
"Which room class suits you the best?": "Vilken rumsklass passar dig bäst?",
"Year": "År",
"Yes, discard changes": "Ja, ignorera ändringar",
"Yes, remove my card": "Ja, ta bort mitt kort",
"You canceled adding a new credit card.": "Du avbröt att lägga till ett nytt kreditkort.",
"You have no previous stays.": "Du har inga tidigare vistelser.",
@@ -221,4 +228,4 @@
"Your level": "Din nivå",
"Your points to spend": "Dina spenderbara poäng",
"Zip code": "Postnummer"
}
}

10
types/components/dialog.ts Normal file
View File

@@ -0,0 +1,10 @@
export interface DialogProps {
bodyText: string
cancelButtonText: string
proceedHref?: string
proceedIsPending?: boolean
proceedOnClick?: (close: () => void) => void
proceedText: string
titleText: string
triggerButtonText: React.ReactNode
}