import { getSupabaseClient } from "@/lib/supabase";

export default async function Head(props: { params: Promise<{ slug: string }> }) {
  const params = await props.params;
  const slug = String(params.slug || "").trim();
  const supabase = getSupabaseClient();
  const { data: profile } = await supabase
    .from("profiles")
    .select("updated_at")
    .eq("slug", slug)
    .single();

  const version = encodeURIComponent(String(profile?.updated_at || "").trim());
  const href = `/${slug}/favicon.ico${version ? `?v=${version}` : ""}`;

  return (
    <>
      <link rel="icon" href={href} />
      <link rel="shortcut icon" href={href} />
      <link rel="apple-touch-icon" href={href} />
    </>
  );
}
