fix(BOOK-436): Added new section component and deprecated the other

Approved-by: Chuma Mcphoy (We Ahead)
This commit is contained in:
Erik Tiekstra
2025-10-13 08:31:26 +00:00
parent 7bd75f01e4
commit 339e7195dc
34 changed files with 245 additions and 177 deletions

View File

@@ -1,5 +1,5 @@
import SectionContainer from "@/components/Section/Container"
import SectionHeader from "@/components/Section/Header"
import { Section } from "@/components/Section"
import SectionHeader from "@/components/Section/Header/Deprecated"
import SectionLink from "@/components/Section/Link"
import ClaimPoints from "../ClaimPoints"
@@ -15,7 +15,7 @@ export default function EarnAndBurn({
title,
}: AccountPageComponentProps) {
return (
<SectionContainer>
<Section>
<div className={styles.header}>
<SectionHeader title={title} link={link} preamble={subtitle} />
@@ -23,6 +23,6 @@ export default function EarnAndBurn({
</div>
<JourneyTable />
<SectionLink link={link} variant="mobile" />
</SectionContainer>
</Section>
)
}

View File

@@ -1,7 +1,7 @@
import { getMembershipLevel } from "@/lib/trpc/memoizedRequests"
import SectionContainer from "@/components/Section/Container"
import SectionHeader from "@/components/Section/Header"
import { Section } from "@/components/Section"
import SectionHeader from "@/components/Section/Header/Deprecated"
import ExpiringPointsTable from "./ExpiringPointsTable"
@@ -19,12 +19,12 @@ export default async function ExpiringPoints({
}
return (
<SectionContainer>
<Section>
<SectionHeader title={title} link={link} preamble={subtitle} />
<ExpiringPointsTable
points={membershipLevel.pointsToExpire}
expirationDate={membershipLevel.pointsExpiryDate}
/>
</SectionContainer>
</Section>
)
}

View File

@@ -4,8 +4,8 @@ import { env } from "@/env/server"
import { getProfile } from "@/lib/trpc/memoizedRequests"
import LevelProgressCard from "@/components/MyPages/LevelProgressCard"
import SectionContainer from "@/components/Section/Container"
import SectionHeader from "@/components/Section/Header"
import { Section } from "@/components/Section"
import SectionHeader from "@/components/Section/Header/Deprecated"
import SectionLink from "@/components/Section/Link"
import Friend from "../../Overview/Friend"
@@ -29,7 +29,7 @@ export default async function PointsOverview({
}
return (
<SectionContainer>
<Section>
<SectionHeader
link={link}
preamble={subtitle}
@@ -55,6 +55,6 @@ export default async function PointsOverview({
</Hero>
)}
<SectionLink link={link} variant="mobile" />
</SectionContainer>
</Section>
)
}