feat(SW-66, SW-348): search functionality and ui

2024-08-28 10:47:57 +02:00
parent b9dbcf7d90
commit af850c90e7
437 changed files with 7663 additions and 9881 deletions
@@ -0,0 +1,59 @@
+import { MembershipLevelEnum } from "@/constants/membershipLevels"
+
+import { getIntl } from "@/i18n"
+import { getMembershipLevelObject } from "@/utils/membershipLevel"
+import { getMembership } from "@/utils/user"
+
+import PointsContainer from "../../../Overview/Stats/Points/Container"
+import {
+  NextLevelNightsColumn,
+  NextLevelPointsColumn,
+  StayOnLevelColumn,
+  YourPointsColumn,
+} from "../../../Overview/Stats/Points/PointsColumn"
+
+import { UserProps } from "@/types/components/myPages/user"
+import { LangParams } from "@/types/params"
+
+/* TODO */
+export default async function Points({ user, lang }: UserProps & LangParams) {
+  const { formatMessage } = await getIntl()
+
+  const membership = getMembership(user.memberships)
+  const nextLevel = getMembershipLevelObject(
+    membership?.nextLevel as MembershipLevelEnum,
+    lang
+  )
+
+  return (
+    <PointsContainer>
+      <YourPointsColumn points={membership?.currentPoints} />
+      {nextLevel && (
+        <>
+          {membership?.currentPoints ? (
+            <StayOnLevelColumn
+              points={membership?.currentPoints} //TODO
+              subtitle={`${formatMessage({ id: "by" })} ${membership?.expirationDate}`}
+            />
+          ) : (
+            <>
+              <NextLevelPointsColumn
+                points={membership?.pointsRequiredToNextlevel}
+                subtitle={`${formatMessage({ id: "next level:" })} ${nextLevel.name}`}
+              />
+              {membership?.nightsToTopTier && (
+                <NextLevelNightsColumn
+                  nights={membership.nightsToTopTier}
+                  subtitle={
+                    membership.tierExpirationDate &&
+                    `by ${membership.tierExpirationDate}`
+                  }
+                />
+              )}
+            </>
+          )}
+        </>
+      )}
+    </PointsContainer>
+  )
+}