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

fix: empty previous stays design

Browse Source
This commit is contained in:
Christel Westerberg
2024-07-10 07:55:54 +02:00
parent 7068fb4e15
commit fda17c947a
5 changed files with 24 additions and 19 deletions
Download Patch File Download Diff File Expand all files Collapse all files

10
components/MyPages/Blocks/Stays/Previous/EmptyPreviousStays/emptyPreviousStays.module.css
View File

@@ -1,8 +1,10 @@
.container {
align-items: center;
background-color: var(--some-grey-color, #f2f2f2);
border-radius: var(--Corner-radius-Medium);
display: flex;
flex-direction: column;
justify-content: center;
min-height: 25rem;
align-items: center;
background-color: var(--Scandic-Brand-Pale-Peach);
border-radius: var(--Corner-radius-Medium);
margin-bottom: var(--Spacing-x-half);
height: 200px;
}

13
components/MyPages/Blocks/Stays/Previous/EmptyPreviousStays/index.tsx
View File

@@ -1,15 +1,16 @@
import { useIntl } from "react-intl"
import Title from "@/components/TempDesignSystem/Text/Title"
import { getIntl } from "@/i18n"
import styles from "./emptyPreviousStays.module.css"
export default function EmptyPreviousStaysBlock() {
const { formatMessage } = useIntl()
export default async function EmptyPreviousStaysBlock() {
const { formatMessage } = await getIntl()
return (
<section className={styles.container}>
<Title as="h5" level="h3">
{formatMessage({ id: "You have no previous stays." })}
<Title as="h5" level="h3" color="red" textAlign="center">
{formatMessage({
id: "You have no previous stays.",
})}
</Title>
</section>
)