feat(LOY-263): add link to missing points form to earn and burn

This commit is contained in:
Christian Andolf
2025-06-18 14:23:39 +02:00
parent acc77625c8
commit 56df2cdb2a
7 changed files with 83 additions and 34 deletions

View File

@@ -0,0 +1,14 @@
.header {
display: flex;
flex-direction: column;
justify-content: space-between;
gap: var(--Space-x1);
}
@media screen and (min-width: 1367px) {
.header {
align-items: center;
flex-direction: row;
gap: var(--Space-x6);
}
}

View File

@@ -2,8 +2,11 @@ import SectionContainer from "@/components/Section/Container"
import SectionHeader from "@/components/Section/Header"
import SectionLink from "@/components/Section/Link"
import ClaimPoints from "../ClaimPoints"
import JourneyTable from "./JourneyTable"
import styles from "./earnAndBurn.module.css"
import type { AccountPageComponentProps } from "@/types/components/myPages/myPage/accountPage"
export default function EarnAndBurn({
@@ -13,7 +16,11 @@ export default function EarnAndBurn({
}: AccountPageComponentProps) {
return (
<SectionContainer>
<SectionHeader title={title} link={link} preamble={subtitle} />
<div className={styles.header}>
<SectionHeader title={title} link={link} preamble={subtitle} />
<ClaimPoints />
</div>
<JourneyTable />
<SectionLink link={link} variant="mobile" />
</SectionContainer>