web/components/MyPages/Blocks/Points/Overview/Points/index.tsx

import {
  MembershipLevelEnum,
  membershipLevels,
} from "@/constants/membershipLevels"

import PointsContainer from "@/components/MyPages/Blocks/Overview/Stats/Points/Container"
import {
  NextLevelNightsColumn,
  NextLevelPointsColumn,
  StayOnLevelColumn,
  YourPointsColumn,
} from "@/components/MyPages/Blocks/Overview/Stats/Points/PointsColumn"
import { getIntl } from "@/i18n"
import { getMembershipLevelObject } from "@/utils/membershipLevel"
import { getMembership } from "@/utils/user"

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>
  )
}