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; align-items: center;
} }
.bookingCodeError {
white-space: normal;
}
@media screen and (max-width: 767px) { @media screen and (max-width: 767px) {
.hideOnMobile { .hideOnMobile {
display: none; 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 Input from "@/components/TempDesignSystem/Form/Input"
import { getErrorMessage } from "@/components/TempDesignSystem/Form/Input/errors" import { getErrorMessage } from "@/components/TempDesignSystem/Form/Input/errors"
import Switch from "@/components/TempDesignSystem/Form/Switch" import Switch from "@/components/TempDesignSystem/Form/Switch"
import Link from "@/components/TempDesignSystem/Link"
import Body from "@/components/TempDesignSystem/Text/Body" import Body from "@/components/TempDesignSystem/Text/Body"
import Caption from "@/components/TempDesignSystem/Text/Caption" import Caption from "@/components/TempDesignSystem/Text/Caption"
@@ -282,7 +283,7 @@ function BookingCodeError({ codeError }: { codeError: FieldError }) {
return ( return (
<div className={styles.errorContainer}> <div className={styles.errorContainer}>
<Caption color={isInvalidErr ? "red" : "blue"} className={styles.error}> <Caption className={styles.error}>
<MaterialIcon <MaterialIcon
icon="error" icon="error"
color={ color={
@@ -292,17 +293,25 @@ function BookingCodeError({ codeError }: { codeError: FieldError }) {
/> />
{codeError.message === bookingWidgetErrors.BOOKING_CODE_ONLY_ENGLISH ? ( {codeError.message === bookingWidgetErrors.BOOKING_CODE_ONLY_ENGLISH ? (
// eslint-disable-next-line formatjs/no-literal-string-in-jsx // eslint-disable-next-line formatjs/no-literal-string-in-jsx
<div> <span className={styles.bookingCodeError}>
{/* eslint-disable-next-line formatjs/no-literal-string-in-jsx */} {
{/* 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{" "} "Dieser Code ist nur auf unserer "
{/* eslint-disable-next-line formatjs/no-literal-string-in-jsx */} }
<a href="https://www.scandichotels.com" target="_blank"> <Link
englischen Website color="burgundy"
href="https://www.scandichotels.com"
size="small"
target="_blank"
>
{/* eslint-disable-next-line formatjs/no-literal-string-in-jsx */} {/* eslint-disable-next-line formatjs/no-literal-string-in-jsx */}
</a>{" "} {"englischen Website"}
gültig </Link>
</div> {
/* eslint-disable-next-line formatjs/no-literal-string-in-jsx */
" gültig"
}
</span>
) : ( ) : (
getErrorMessage(intl, codeError.message) getErrorMessage(intl, codeError.message)
)} )}