import Link from "next/link";
import { redirect } from "next/navigation";
import { Header, Footer } from "@/components/Shell";
import { AccountSettings } from "@/components/AccountSettings";
import { user } from "@/lib/supabase";
import { accountProfile } from "@/lib/profile";
export const metadata = { title: "Account settings" };
export default async function Settings({
  searchParams,
}: {
  searchParams: Promise<{ password?: string }>;
}) {
  const account = await user();
  if (!account) redirect("/log-in?next=%2Fsettings");
  const [profile, query] = await Promise.all([
    accountProfile(account),
    searchParams,
  ]);
  return (
    <>
      <Header />
      <main className="section page-content">
        <Link className="text-link" href="/dashboard">
          ← My account
        </Link>
        <div className="account-page-heading">
          <span className="eyebrow">YOUR CARTOGRAPHER ACCOUNT</span>
          <h1>Account settings.</h1>
          <p className="lead">Your name, your sign-in, your next expedition.</p>
        </div>
        <AccountSettings
          email={account.email ?? ""}
          displayName={profile.display_name}
          passwordUpdated={query.password === "updated"}
        />
      </main>
      <Footer />
    </>
  );
}