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

chore: add memberships "endoint"

Browse Source
This commit is contained in:
Matilda Landström
2024-06-14 10:35:41 +02:00
committed by Michael Zetterberg
parent f40a6d4288
commit 3e54d3c29e
10 changed files with 175 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

1
app/[lang]/(live)/(protected)/my-pages/profile/@membershipCards/[...catchAll]/page.tsx Normal file
View File

@@ -0,0 +1 @@
export { default } from "../page"

22
app/[lang]/(live)/(protected)/my-pages/profile/@membershipCards/page.module.css Normal file
View File

@@ -0,0 +1,22 @@
.container {
display: grid;
gap: var(--Spacing-x3);
max-width: 510px;
}
.content {
display: grid;
gap: var(--Spacing-x1);
}
.card {
margin-top: 2rem;
display: grid;
grid-template-columns: repeat(2, 1fr);
grid-template-rows: repeat(3, auto);
gap: 0.5rem;
}
.subTitle {
grid-column: span 2;
}

43
app/[lang]/(live)/(protected)/my-pages/profile/@membershipCards/page.tsx Normal file
View File

@@ -0,0 +1,43 @@
import { serverClient } from "@/lib/trpc/server"
import { PlusCircleIcon } from "@/components/Icons"
import Link from "@/components/TempDesignSystem/Link"
import Body from "@/components/TempDesignSystem/Text/Body"
import Subtitle from "@/components/TempDesignSystem/Text/Subtitle"
import { getIntl } from "@/i18n"
import styles from "./page.module.css"
export default async function MembershipCardSlot() {
const { formatMessage } = await getIntl()
const membershipCards = await serverClient().user.membershipCards()
return (
<section className={styles.container}>
<article className={styles.content}>
<Subtitle color="black">
{formatMessage({ id: "My membership cards" })}
</Subtitle>
</article>
{membershipCards &&
membershipCards.length > 0 &&
membershipCards.map((card, idx) => (
<div className={styles.card} key={idx}>
<Subtitle className={styles.subTitle}>
Name: {card.membershipType}
</Subtitle>
<span> Current Points: {card.currentPoints} </span>
<span> Member Since: {card.memberSince}</span>
<span> Number: {card.membershipNumber}</span>
<span>Expiration Date: {card.expirationDate.split("T")[0]}</span>
</div>
))}
<Link href="#" variant="icon">
<PlusCircleIcon color="burgundy" />
<Body color="burgundy" textTransform="underlined">
{formatMessage({ id: "Add new card" })}
</Body>
</Link>
</section>
)
}