feat(WEB-167): update my pages layout to MVP wireframes

2024-04-03 10:48:52 +02:00
parent b78998ad21
commit 8f87d6368c
37 changed files with 467 additions and 398 deletions
@@ -0,0 +1,37 @@
+import Divider from "@/components/TempDesignSystem/Divider"
+import Image from "@/components/Image"
+
+import styles from "./points.module.css"
+
+import type { QualifyingPointsProps } from "@/types/components/myPages/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="/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="/arrow_upward.svg"
+            width={24}
+          />
+          <p className={styles.point}>{user.nights}</p>
+          <h5 className={styles.pointTitle}>Nights</h5>
+        </div>
+      </div>
+    </div>
+  )
+}