Merged in feat/section-header-link (pull request #314)

Feat(WEB-359): Update section link for mobile

Approved-by: Chuma Mcphoy (We Ahead)
Approved-by: Arvid Norlin
This commit is contained in:
Matilda Landström
2024-07-04 10:42:01 +00:00
parent eed27b20c2
commit c6ad107e49
17 changed files with 122 additions and 64 deletions

View File

@@ -4,7 +4,8 @@ import { MembershipLevelEnum } from "@/constants/membershipLevels"
import { serverClient } from "@/lib/trpc/server"
import SectionContainer from "@/components/Section/Container"
import Header from "@/components/Section/Header"
import SectionHeader from "@/components/Section/Header"
import SectionLink from "@/components/Section/Link"
import Chip from "@/components/TempDesignSystem/Chip"
import Grids from "@/components/TempDesignSystem/Grids"
import BiroScript from "@/components/TempDesignSystem/Text/BiroScript"
@@ -39,7 +40,7 @@ export default async function NextLevelBenefitsBlock({
// TODO: how to handle different count of unlockable benefits?
return (
<SectionContainer>
<Header title={title} subtitle={subtitle} link={link} />
<SectionHeader title={title} subtitle={subtitle} link={link} />
<Grids.Stackable>
{nextLevel.benefits.map((benefit) => (
<article key={benefit.title} className={styles.card}>
@@ -63,6 +64,7 @@ export default async function NextLevelBenefitsBlock({
</article>
))}
</Grids.Stackable>
<SectionLink link={link} variant="mobile" />
</SectionContainer>
)
}