29 lines
936 B
TypeScript
29 lines
936 B
TypeScript
"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} />;
|
|
}
|