Merged in fix/SW-2756-hide-chevron-booking-summary (pull request #2102)
fix(SW-2756): hide chevron and remove button click for desktop * fix(SW-2756): hide chevron and remove button click for desktop Approved-by: Linus Flood
This commit is contained in:
committed by
Linus Flood
parent
1c70047ae8
commit
9aeb38bef4
@@ -2,6 +2,7 @@
|
|||||||
|
|
||||||
import { Fragment } from "react"
|
import { Fragment } from "react"
|
||||||
import { useIntl } from "react-intl"
|
import { useIntl } from "react-intl"
|
||||||
|
import { useMediaQuery } from "usehooks-ts"
|
||||||
|
|
||||||
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 { MaterialIcon } from "@scandic-hotels/design-system/Icons/MaterialIcon"
|
||||||
@@ -46,6 +47,7 @@ export default function SummaryUI({
|
|||||||
}: EnterDetailsSummaryProps) {
|
}: EnterDetailsSummaryProps) {
|
||||||
const intl = useIntl()
|
const intl = useIntl()
|
||||||
const lang = useLang()
|
const lang = useLang()
|
||||||
|
const isDesktop = useMediaQuery("(min-width: 1367px)")
|
||||||
|
|
||||||
const nights = dt(booking.toDate).diff(booking.fromDate, "days")
|
const nights = dt(booking.toDate).diff(booking.fromDate, "days")
|
||||||
|
|
||||||
@@ -107,7 +109,7 @@ export default function SummaryUI({
|
|||||||
<header
|
<header
|
||||||
className={styles.header}
|
className={styles.header}
|
||||||
role="button"
|
role="button"
|
||||||
onClick={handleToggleSummary}
|
onClick={isDesktop ? undefined : handleToggleSummary}
|
||||||
>
|
>
|
||||||
<Subtitle className={styles.title} type="two">
|
<Subtitle className={styles.title} type="two">
|
||||||
{intl.formatMessage({
|
{intl.formatMessage({
|
||||||
|
|||||||
@@ -94,7 +94,7 @@
|
|||||||
display: block;
|
display: block;
|
||||||
}
|
}
|
||||||
|
|
||||||
.summary .header .chevronButton {
|
.summary .header .chevronIcon {
|
||||||
display: none;
|
display: none;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|||||||
Reference in New Issue
Block a user