diff --git a/apps/scandic-web/components/MyPages/DigitalTeamMemberCard/Client.tsx b/apps/scandic-web/components/MyPages/DigitalTeamMemberCard/Client.tsx index c1ed47aae..24655294c 100644 --- a/apps/scandic-web/components/MyPages/DigitalTeamMemberCard/Client.tsx +++ b/apps/scandic-web/components/MyPages/DigitalTeamMemberCard/Client.tsx @@ -7,6 +7,7 @@ import { useIntl } from "react-intl" import { MaterialIcon } from "@scandic-hotels/design-system/Icons/MaterialIcon" import { Typography } from "@scandic-hotels/design-system/Typography" +import ButtonLink from "@/components/ButtonLink" import Modal from "@/components/Modal" import useWakeLock from "@/hooks/useWakeLock" @@ -117,13 +118,24 @@ export default function DigitalTeamMemberCardClient({ -
+

{intl.formatMessage({ defaultMessage: "Book discounted stays for yourself, family and friends!", })} -

+

+ {/* TODO: Add missing link to benefits page */} + + + + {intl.formatMessage({ + defaultMessage: "Check out all your benefits", + })} + + + + ) diff --git a/apps/scandic-web/components/MyPages/DigitalTeamMemberCard/digitalTeamMemberCard.module.css b/apps/scandic-web/components/MyPages/DigitalTeamMemberCard/digitalTeamMemberCard.module.css index 9487632bf..6244f18c6 100644 --- a/apps/scandic-web/components/MyPages/DigitalTeamMemberCard/digitalTeamMemberCard.module.css +++ b/apps/scandic-web/components/MyPages/DigitalTeamMemberCard/digitalTeamMemberCard.module.css @@ -110,6 +110,12 @@ text-align: center; } +.link { + display: flex; + align-items: center; + gap: var(--Space-x05); +} + @media screen and (min-width: 768px) { .modal { max-width: 375px;