feat(LOY-263): add link to missing points form to earn and burn

apps/scandic-web/components/Blocks/DynamicContent/Stays/Previous/index.tsx

@@ -1,13 +1,9 @@
-import { MaterialIcon } from "@scandic-hotels/design-system/Icons/MaterialIcon"
-import { Typography } from "@scandic-hotels/design-system/Typography"
-
 import { serverClient } from "@/lib/trpc/server"
 
-import ButtonLink from "@/components/ButtonLink"
+import ClaimPoints from "@/components/Blocks/DynamicContent/Points/ClaimPoints"
 import SectionContainer from "@/components/Section/Container"
 import SectionHeader from "@/components/Section/Header"
 import SectionLink from "@/components/Section/Link"
-import { getIntl } from "@/i18n"
 
 import ClientPreviousStays from "./Client"
 
@@ -19,7 +15,6 @@ export default async function PreviousStays({
   title,
   link,
 }: AccountPageComponentProps) {
-  const intl = await getIntl()
   const caller = await serverClient()
   const initialPreviousStays = await caller.user.stays.previous({
     limit: 6,
@@ -33,25 +28,8 @@ export default async function PreviousStays({
     <SectionContainer>
       <div className={styles.header}>
         <SectionHeader title={title} link={link} />
-        <div className={styles.claim}>
-          <Typography variant="Body/Supporting text (caption)/smRegular">
-            <p>
-              {intl.formatMessage({
-                defaultMessage: "Missing a previous stay?",
-              })}
-            </p>
-          </Typography>
-          <ButtonLink
-            href="https://www.scandichotels.com/forms/missing-points"
-            variant="Text"
-            target="_blank"
-            size="Small"
-            typography="Body/Supporting text (caption)/smBold"
-          >
-            {intl.formatMessage({ defaultMessage: "Claim points" })}
-            <MaterialIcon icon="open_in_new" size={20} color="CurrentColor" />
-          </ButtonLink>
-        </div>
+
+        <ClaimPoints />
       </div>
       <ClientPreviousStays initialPreviousStays={initialPreviousStays} />
       <SectionLink link={link} variant="mobile" />

apps/scandic-web/components/Blocks/DynamicContent/Stays/Previous/previous.module.css

@@ -5,14 +5,6 @@
   gap: var(--Space-x1);
 }
 
-.claim {
-  color: var(--Text-Secondary);
-  display: flex;
-  align-items: center;
-  justify-content: space-between;
-  gap: var(--Space-x2);
-}
-
 @media screen and (min-width: 1367px) {
   .header {
     align-items: center;