import { _ } from "@/lib/translation"
import { serverClient } from "@/lib/trpc/server"

import MaxWidth from "@/components/MaxWidth"
import Overview from "@/components/MyPages/Blocks/Overview"
import Shortcuts from "@/components/MyPages/Blocks/Shortcuts"
import UpcomingStays from "@/components/MyPages/Blocks/Overview/UpcomingStays"

import styles from "./page.module.css"

import type { LangParams, PageArgs } from "@/types/params"

export default async function MyPageOverview({ params }: PageArgs<LangParams>) {
  const user = await serverClient().user.get()

  return (
    <MaxWidth className={styles.blocks} tag="main">
      <Overview user={user} />
      <UpcomingStays lang={params.lang} />
      <Shortcuts
        shortcuts={user.shortcuts}
        subtitle={_("The community at your fingertips")}
        title={_("Handy Shortcuts")}
      />
    </MaxWidth>
  )
}
