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

components/Blocks/DynamicContent/Overview/Stats/Points/index.tsx

@@ -0,0 +1,43 @@
+import { MembershipLevelEnum } from "@/constants/membershipLevels"
+
+import { getIntl } from "@/i18n"
+import { getLang } from "@/i18n/serverContext"
+import { getMembershipLevelObject } from "@/utils/membershipLevel"
+import { getMembership } from "@/utils/user"
+
+import PointsContainer from "./Container"
+import { NextLevelPointsColumn, YourPointsColumn } from "./PointsColumn"
+
+import { UserProps } from "@/types/components/myPages/user"
+
+export default async function Points({ user }: UserProps) {
+  const { formatMessage } = await getIntl()
+
+  const membership = getMembership(user.memberships)
+  const nextLevel = getMembershipLevelObject(
+    membership?.nextLevel as MembershipLevelEnum,
+    getLang()
+  )
+
+  return (
+    <PointsContainer>
+      <YourPointsColumn points={membership?.currentPoints} />
+      {nextLevel && (
+        <NextLevelPointsColumn
+          points={membership?.pointsRequiredToNextlevel}
+          subtitle={`${formatMessage({ id: "next level:" })} ${nextLevel.name}`}
+        />
+      )}
+      {/* TODO: Show NextLevelNightsColumn when nightsToTopTier data is correct from Antavo */}
+      {/* {membership?.nightsToTopTier && (
+        <NextLevelNightsColumn
+          nights={membership.nightsToTopTier}
+          subtitle={
+            membership.tierExpirationDate &&
+            `by ${membership.tierExpirationDate}`
+          }
+        />
+      )} */}
+    </PointsContainer>
+  )
+}