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

feat(WEB-169): get profile data from API

Browse Source
This commit is contained in:
Simon Emanuelsson
2024-04-16 12:42:44 +02:00
parent d2c1887179
commit 55794034c5
44 changed files with 632 additions and 607 deletions
Download Patch File Download Diff File Expand all files Collapse all files

37
components/MyPages/Blocks/Overview/Stats/QualifyingPoints/index.tsx
View File

@@ -1,37 +0,0 @@
import Divider from "@/components/TempDesignSystem/Divider"
import Image from "@/components/Image"
import styles from "./points.module.css"
import type { QualifyingPointsProps } from "@/types/components/myPages/myPage/qualifyingPoints"
export default function QualifyingPoints({ user }: QualifyingPointsProps) {
return (
<div className={styles.qualifyingPoints}>
<h4 className={styles.title}>Progress</h4>
<Divider variant="dotted" />
<div className={styles.container}>
<div className={styles.points}>
<Image
alt="Arrow Up Icon"
height={24}
src="/_static/icons/arrow_upward.svg"
width={24}
/>
<p className={styles.point}>{user.qualifyingPoints}</p>
<h5 className={styles.pointTitle}>Qualifying points</h5>
</div>
<div className={styles.points}>
<Image
alt="Arrow Up Icon"
height={24}
src="/_static/icons/arrow_upward.svg"
width={24}
/>
<p className={styles.point}>{user.nights}</p>
<h5 className={styles.pointTitle}>Nights</h5>
</div>
</div>
</div>
)
}

56
components/MyPages/Blocks/Overview/Stats/QualifyingPoints/points.module.css
View File

@@ -1,56 +0,0 @@
.qualifyingPoints {
display: none;
}
.title {
color: var(--some-grey-color, #000);
/* font-family: var(--ff-brandon-text); */
font-size: 1.5rem;
font-weight: 500;
letter-spacing: 0.6%;
line-height: 1.7rem;
margin: 0 0 0.7rem;
}
@media screen and (min-width: 950px) {
.qualifyingPoints {
display: block;
}
.container {
display: grid;
gap: 3.8rem;
grid-template-columns: auto 1fr;
margin-top: 1.5rem;
}
.title {
color: var(--some-grey-color, #4f4f4f);
font-size: 1.2rem;
}
.points {
align-items: center;
display: grid;
gap: 1rem;
grid-template-columns: auto 1fr;
}
.point {
/* font-family: var(--ff-brandon-text); */
font-size: 2.7rem;
font-weight: 900;
line-height: 2.7rem;
margin: 0;
}
.pointTitle {
font-family: var(--ff-fira-sans);
font-size: 1.2rem;
font-weight: 400;
letter-spacing: 0.6%;
line-height: 1.4rem;
grid-column: 1/-1;
margin: 0;
}
}

2
components/MyPages/Blocks/Overview/Stats/TotalPoints/index.tsx
View File

@@ -10,7 +10,7 @@ export default function TotalPoints({ user }: TotalPointsProps) {
<div>
<Title>Total Points</Title>
<Divider className={styles.divider} variant="dotted" />
<p className={styles.points}>{user.points}</p>
<p className={styles.points}>{user.membership.currentPoints}</p>
</div>
)
}