import { Greeting } from '@/app/(private)/portfolio/(dashboard)/_components/greeting';
import { Distribution } from '@/app/(private)/portfolio/(dashboard)/_components/my-assets/distribution/distribution';
import { TransactionsHistory } from '@/components/blocks/transactions-history/transactions-history';
import { PageHeader } from '@/components/layout/page-header';
import { getAuthenticatedUser } from '@/lib/auth/auth';
import { LatestEvents } from './_components/latest-events/latest-events';
import { MyAssetsHeader } from './_components/my-assets-header/my-assets-header';
import { MyAssets } from './_components/my-assets/(table)/table';

export default async function PortfolioPage() {
  const user = await getAuthenticatedUser();

  return (
    <>
      <div className="space-y-4">
        <Greeting />
        <MyAssetsHeader />
        <TransactionsHistory
          from={user.wallet}
          chartOptions={{
            intervalType: 'month',
            intervalLength: 1,
            granularity: 'day',
            chartContainerClassName: 'h-[14rem] w-full',
          }}
        />
      </div>
      <PageHeader title="My Assets" className="mt-8" />
      <div className="grid grid-cols-1 gap-4 md:grid-cols-2 lg:grid-cols-3">
        <Distribution />
        <MyAssets />
      </div>
      <PageHeader title="Latest Events" className="mt-8" />
      <LatestEvents />
    </>
  );
}