1ef6fd02c1
feat(LOY-55): Add FilterRewardsModal * feat(LOY-55): Add rewards filtering functionality - Implement dynamic rewards filtering by category and membership level - Create FilterRewardsModal component for filtering rewards - Add useFilteredRewards hook to handle filtering logic - Update rewards schema and constants to support new filtering features - Remove hardcoded page size and replace with constant * fix(LOY-55): reuse existing tier to friend map * refactor(LOY-55): fix checkbox onChange type safety * refactor(LOY-55): Improve rewards filtering type safety and validation * refactor(LOY-55): Update filter modal border color using design token Approved-by: Christian Andolf
41 lines
1.1 KiB
TypeScript
41 lines
1.1 KiB
TypeScript
import { env } from "@/env/server"
|
|
import {
|
|
getCurrentRewards,
|
|
getMembershipLevel,
|
|
} from "@/lib/trpc/memoizedRequests"
|
|
|
|
import SectionContainer from "@/components/Section/Container"
|
|
import SectionHeader from "@/components/Section/Header"
|
|
import SectionLink from "@/components/Section/Link"
|
|
|
|
import ClientCurrentRewards from "./Client"
|
|
|
|
import type { AccountPageComponentProps } from "@/types/components/myPages/myPage/accountPage"
|
|
|
|
export default async function CurrentRewardsBlock({
|
|
title,
|
|
subtitle,
|
|
link,
|
|
}: AccountPageComponentProps) {
|
|
const [rewardsResponse, membershipLevel] = await Promise.all([
|
|
getCurrentRewards(),
|
|
getMembershipLevel(),
|
|
])
|
|
|
|
if (!rewardsResponse?.rewards.length) {
|
|
return null
|
|
}
|
|
|
|
return (
|
|
<SectionContainer>
|
|
<SectionHeader title={title} link={link} preamble={subtitle} />
|
|
<ClientCurrentRewards
|
|
rewards={rewardsResponse.rewards}
|
|
showRedeem={env.USE_NEW_REWARDS_ENDPOINT && env.USE_NEW_REWARD_MODEL}
|
|
membershipNumber={membershipLevel?.membershipNumber}
|
|
/>
|
|
<SectionLink link={link} variant="mobile" />
|
|
</SectionContainer>
|
|
)
|
|
}
|