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

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

Browse Source 
fix(LOY-512): change button to iconbutton

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


Approved-by: Matilda Haneling
This commit is contained in:
Matilda Landström
2025-12-29 10:18:59 +00:00
parent 54d9534d62
commit 03b1695c9e
1 changed files with 7 additions and 9 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

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