Merged in feat/sw-1602-preliminary-receipt (pull request #1595)

feat/sw-1602 preliminary receipt

* feat(sw-1602): create page for preliminary receipt

* Add link to my stay page


Approved-by: Pontus Dreij

apps/scandic-web/components/HotelReservation/MyStay/ManageStay/ActionPanel/actionPanel.module.css

@@ -25,13 +25,19 @@
   }
 }
 
-.actionPanel .menu .button {
+.actionPanel .menu .button,
+.actionLink {
   width: 100%;
   color: var(--Scandic-Brand-Burgundy);
   justify-content: space-between !important;
   padding: var(--Spacing-x1) 0 !important;
 }
 
+.actionLink {
+  font-weight: 500;
+  display: flex;
+}
+
 .info {
   width: 100%;
   background-color: var(--Base-Background-Primary-Normal);

apps/scandic-web/components/HotelReservation/MyStay/ManageStay/ActionPanel/index.tsx

@@ -4,6 +4,7 @@ import { useIntl } from "react-intl"
 
 import { BookingStatusEnum } from "@/constants/booking"
 import { customerService } from "@/constants/currentWebHrefs"
+import { preliminaryReceipt } from "@/constants/routes/myStay"
 
 import AddToCalendar from "@/components/HotelReservation/AddToCalendar"
 import { generateDateTime } from "@/components/HotelReservation/BookingConfirmation/Header/Actions/helpers"
@@ -128,15 +129,16 @@ export default function ActionPanel({
           hotelName={hotel.name}
           renderButton={(onPress) => <AddToCalendarButton onPress={onPress} />}
         />
-        <Button
-          variant="icon"
+        <Link
+          href={preliminaryReceipt[lang]}
+          target="_blank"
+          keepSearchParams
+          className={styles.actionLink}
           onClick={handleDownloadInvoice}
-          intent="text"
-          className={styles.button}
         >
           {intl.formatMessage({ id: "Download invoice" })}
           <DownloadIcon width={24} height={24} color="burgundy" />
-        </Button>
+        </Link>
         {showCancelStayButton && (
           <Button
             variant="icon"