"use client";

import { useEffect, useState } from "react";
import type { DiscoverData } from "@/lib/discover";
import { fetchDiscover } from "@/lib/discover-client";
import { FeaturedExpertsRail } from "./FeaturedExpertsRail";
import { TrendingMinnectsRail } from "./TrendingMinnectsRail";

export function DiscoverRailsView({ data }: { data: DiscoverData | null }) {
  if (!data) return null;
  return (
    <>
      <FeaturedExpertsRail experts={data.featuredExperts} />
      <TrendingMinnectsRail minnects={data.trendingMinnects} />
    </>
  );
}

/** Loads /api/discover once. Failure hides the rails; the feed is unaffected. */
export function DiscoverRails() {
  const [data, setData] = useState<DiscoverData | null>(null);
  useEffect(() => {
    let live = true;
    fetchDiscover().then((d) => { if (live) setData(d); }, () => {});
    return () => { live = false; };
  }, []);
  return <DiscoverRailsView data={data} />;
}