Merged in fix/LOY-512-modal-close-button (pull request #3381)

fix(LOY-512): change button to iconbutton

* fix(LOY-512): change button to iconbutton


Approved-by: Matilda Haneling

apps/scandic-web/components/MyPages/ProfilingConsent/Modal/index.tsx

@@ -6,16 +6,16 @@ import { Dialog, Modal, ModalOverlay } from "react-aria-components"
 import { useIntl } from "react-intl"
 
 import { Button } from "@scandic-hotels/design-system/Button"
-import { MaterialIcon } from "@scandic-hotels/design-system/Icons/MaterialIcon"
+import { IconButton } from "@scandic-hotels/design-system/IconButton"
 import ScandicLogoIcon from "@scandic-hotels/design-system/Icons/ScandicLogoIcon"
 import { Typography } from "@scandic-hotels/design-system/Typography"
 import { trpc } from "@scandic-hotels/trpc/client"
 
 import { useUpdateProfilingConsent } from "@/hooks/useUpdateProfilingConsent"
 import {
-  setDismissed as persistDismissed,
   profilingConsentOpenEvent,
   readDismissed,
+  setDismissed as persistDismissed,
 } from "@/utils/profilingConsent"
 import { trackConsentAction } from "@/utils/tracking/profilingConsent"
 
@@ -156,11 +156,11 @@ export default function ProfilingConsentModal({
                 <div className={styles.logoWrap}>
                   <ScandicLogoIcon height={20} width={94} />
                 </div>
-                <Button
-                  type="button"
-                  variant="Text"
+                <IconButton
                   size="lg"
-                  color="Primary"
+                  iconName="close"
+                  variant="Muted"
+                  emphasis
                   className={styles.closeBtn}
                   onPress={() => {
                     trackConsentAction({ position: "modal", name: "close" })
@@ -170,9 +170,7 @@ export default function ProfilingConsentModal({
                     id: "common.close",
                     defaultMessage: "Close",
                   })}
-                >
-                  <MaterialIcon color="CurrentColor" icon="close" />
-                </Button>
+                />
               </header>
 
               <main className={styles.content}>