import { CircleUser } from "lucide-react";

import { ListPageCard } from "@/app/dashboard/_components";

import { AccountInfoForm } from "./_components/account-info-form";
import { loadAccountProfile } from "./_lib/account-server-api";

export default async function AccountPage() {
  const { user, errorMessage } = await loadAccountProfile();

  if (!user) {
    return (
      <ListPageCard
        icon={CircleUser}
        title="Account information"
        breadcrumb={[{ label: "Account" }]}
      >
        <p className="text-muted-foreground text-sm">
          {errorMessage ?? "Your account profile could not be loaded."}
        </p>
      </ListPageCard>
    );
  }

  return <AccountInfoForm user={user} />;
}