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

Merged in fix/Booking-code-german-warning-fixes (pull request #2081)

Browse Source 
Fix/Booking code german warning fixes

* fix: correct colors

* fix: correct whitespace
This commit is contained in:
Arvid Norlin
2025-05-13 14:34:38 +00:00
parent 7c6ca562fa
commit f23e6a1213
2 changed files with 23 additions and 11 deletions
Download Patch File Download Diff File Expand all files Collapse all files

3
apps/scandic-web/components/Forms/BookingWidget/FormContent/BookingCode/booking-code.module.css
View File

@@ -52,6 +52,9 @@
align-items: center;
}
.bookingCodeError {
white-space: normal;
}
@media screen and (max-width: 767px) {
.hideOnMobile {
display: none;

31
apps/scandic-web/components/Forms/BookingWidget/FormContent/BookingCode/index.tsx
View File

@@ -14,6 +14,7 @@ import Checkbox from "@/components/TempDesignSystem/Form/Checkbox"
import Input from "@/components/TempDesignSystem/Form/Input"
import { getErrorMessage } from "@/components/TempDesignSystem/Form/Input/errors"
import Switch from "@/components/TempDesignSystem/Form/Switch"
import Link from "@/components/TempDesignSystem/Link"
import Body from "@/components/TempDesignSystem/Text/Body"
import Caption from "@/components/TempDesignSystem/Text/Caption"
@@ -282,7 +283,7 @@ function BookingCodeError({ codeError }: { codeError: FieldError }) {
return (
<div className={styles.errorContainer}>
<Caption color={isInvalidErr ? "red" : "blue"} className={styles.error}>
<Caption className={styles.error}>
<MaterialIcon
icon="error"
color={
@@ -292,17 +293,25 @@ function BookingCodeError({ codeError }: { codeError: FieldError }) {
/>
{codeError.message === bookingWidgetErrors.BOOKING_CODE_ONLY_ENGLISH ? (
// eslint-disable-next-line formatjs/no-literal-string-in-jsx
<div>
{/* eslint-disable-next-line formatjs/no-literal-string-in-jsx */}
{/* eslint-disable-next-line formatjs/no-literal-string-in-jsx */}
Dieser Code ist nur auf unserer{" "}
{/* eslint-disable-next-line formatjs/no-literal-string-in-jsx */}
<a href="https://www.scandichotels.com" target="_blank">
englischen Website
<span className={styles.bookingCodeError}>
{
/* eslint-disable-next-line formatjs/no-literal-string-in-jsx */
"Dieser Code ist nur auf unserer "
}
<Link
color="burgundy"
href="https://www.scandichotels.com"
size="small"
target="_blank"
>
{/* eslint-disable-next-line formatjs/no-literal-string-in-jsx */}
</a>{" "}
gültig
</div>
{"englischen Website"}
</Link>
{
/* eslint-disable-next-line formatjs/no-literal-string-in-jsx */
" gültig"
}
</span>
) : (
getErrorMessage(intl, codeError.message)
)}