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

fix(LOY-88): expiration date is now not defaulted to todays date if it's missing, instead nothing is shown

Browse Source
This commit is contained in:
Christian Andolf
2025-02-13 17:06:09 +01:00
parent 2791f07f67
commit bc81b18e85
1 changed files with 27 additions and 19 deletions
Download Patch File Download Diff File Expand all files Collapse all files

22
components/MyPages/Surprises/Slide.tsx
View File

@@ -10,23 +10,30 @@ import Card from "./Card"
import styles from "./surprises.module.css" import styles from "./surprises.module.css"
import type { Dayjs } from "dayjs"
import type { SlideProps } from "@/types/components/blocks/surprises" import type { SlideProps } from "@/types/components/blocks/surprises"
export default function Slide({ surprise }: SlideProps) { export default function Slide({ surprise }: SlideProps) {
const lang = useLang() const lang = useLang()
const intl = useIntl() const intl = useIntl()
const earliestExpirationDate = surprise.coupons?.reduce( const earliestExpirationDate = surprise.coupons
(earliestDate, coupon) => { .map(({ expiresAt }) => expiresAt)
const expiresAt = dt(coupon.expiresAt) .filter((expiresAt): expiresAt is string => !!expiresAt)
return earliestDate.isBefore(expiresAt) ? earliestDate : expiresAt .reduce((earliestDate: Dayjs | null, expiresAt) => {
}, const expiresAtDate = dt(expiresAt)
dt() if (!earliestDate) {
) return expiresAtDate
}
return earliestDate.isBefore(expiresAtDate) ? earliestDate : expiresAtDate
}, null)
return ( return (
<Card title={surprise.label}> <Card title={surprise.label}>
<Body textAlign="center">{surprise.description}</Body> <Body textAlign="center">{surprise.description}</Body>
{earliestExpirationDate ? (
<div className={styles.badge}> <div className={styles.badge}>
<Caption> <Caption>
{intl.formatMessage( {intl.formatMessage(
@@ -39,6 +46,7 @@ export default function Slide({ surprise }: SlideProps) {
)} )}
</Caption> </Caption>
</div> </div>
) : null}
</Card> </Card>
) )
} }