chore: css fixes

components/MyPages/Blocks/Points/CurrentPointsBalance/currentPointsBalance.module.css

@@ -9,6 +9,12 @@
 }
 
 .points {
-  font-size: var(--typography-Title-2-Desktop-fontSize);
+  font-size: var(--typography-Title-2-Mobile-fontSize);
   margin: 0;
 }
+
+@media screen and (min-width: 768px) {
+  .points {
+    font-size: var(--typography-Title-2-Desktop-fontSize);
+  }
+}

components/MyPages/Blocks/Points/EarnAndBurn/earnAndBurn.module.css

@@ -84,7 +84,7 @@
   border: 1px solid var(--Main-Grey-10);
 }
 
-@media screen and (min-width: 950px) {
+@media screen and (min-width: 768px) {
   .mobileTableContainer {
     display: none;
   }

components/MyPages/Blocks/Points/ExpiringPoints/expiringPoints.module.css

@@ -5,21 +5,21 @@
 }
 
 .thead {
-  background-color: var(--Base-Fill-Normal);
-  border-left: 1px solid var(--Base-Fill-Normal);
-  border-right: 1px solid var(--Base-Fill-Normal);
+  background-color: var(--Main-Grey-10);
+  border-left: 1px solid var(--Main-Grey-10);
+  border-right: 1px solid var(--Main-Grey-10);
 }
 
 .tr {
-  border: 1px solid #e6e9ec;
+  border: 1px solid var(--Main-Grey-10);
 }
 
 .th {
   text-align: left;
-  padding: 20px 32px;
+  padding: var(--Spacing-x2) var(--Spacing-x4);
 }
 
 .td {
   text-align: left;
-  padding: 16px 32px;
+  padding: var(--Spacing-x2) var(--Spacing-x4);
 }

server/routers/user/query.ts

@@ -15,7 +15,6 @@ import {
   getUserSchema,
 } from "./output"
 import { benefits, extendedUser, nextLevelPerks } from "./temp"
-import friendTransactionsMockJson from "./tempFriendTransactions.json"
 
 function fakingRequest<T>(payload: T): Promise<T> {
   return new Promise((resolve) => {

types/components/myPages/myPage/earnAndBurn.ts

@@ -21,13 +21,5 @@ export type Page = {
 
 export type RowProps = {
   lang: Lang
-  transaction: {
-    checkinDate: string
-    checkoutDate: string
-    awardPoints: number
-    hotelName?: string
-    city?: string
-    nights: number
-    confirmationNumber: string
-  }
+  transaction: Transaction
 }