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

feat: refactor of my stay

Browse Source
This commit is contained in:
Simon Emanuelsson
2025-04-25 14:08:14 +02:00
committed by Simon.Emanuelsson
parent b5deb84b33
commit ec087a3d15
208 changed files with 5458 additions and 4569 deletions
Download Patch File Download Diff File Expand all files Collapse all files

19
apps/scandic-web/components/HotelReservation/MyStay/ReferenceCard/Actions/Cancelled/CustomerSupport.tsx Normal file
View File

@@ -0,0 +1,19 @@
"use client"
import { DialogTrigger } from "react-aria-components"
import { useIntl } from "react-intl"
import CustomerSupportModal from "@/components/HotelReservation/MyStay/ReferenceCard/Actions/CustomerSupportModal"
import Button from "@/components/TempDesignSystem/Button"
export default function CustomerSupport() {
const intl = useIntl()
return (
<DialogTrigger>
<Button fullWidth intent="secondary" size="small">
{intl.formatMessage({ defaultMessage: "Customer Support" })}
</Button>
<CustomerSupportModal />
</DialogTrigger>
)
}

18
apps/scandic-web/components/HotelReservation/MyStay/ReferenceCard/Actions/Cancelled/cancelled.module.css Normal file
View File

@@ -0,0 +1,18 @@
div a.link {
align-items: center;
background-color: var(--Component-Button-Brand-Tertiary-Fill-Default);
border: 2px solid var(--Component-Button-Brand-Tertiary-Border-Default);
border-radius: var(--Corner-radius-rounded);
color: var(--Text-Inverted);
cursor: pointer;
display: flex;
gap: var(--Space-x1);
height: 48px;
justify-content: center;
padding: var(--Space-x2) var(--Space-x4);
transition: background-color 200ms ease;
&:hover {
background-color: var(--Component-Button-Brand-Tertiary-Fill-Hover);
}
}

21
apps/scandic-web/components/HotelReservation/MyStay/ReferenceCard/Actions/Cancelled/index.tsx Normal file
View File

@@ -0,0 +1,21 @@
"use client"
import { useIntl } from "react-intl"
import Link from "@/components/TempDesignSystem/Link"
import CustomerSupport from "./CustomerSupport"
import styles from "./cancelled.module.css"
export default function Cancelled() {
const intl = useIntl()
return (
<>
{/* (S) TODO - Link to where?? */}
<Link className={styles.link} href="#">
{intl.formatMessage({ defaultMessage: "Rebook" })}
</Link>
<CustomerSupport />
</>
)
}