import {
	getLatestTiktokVideos,
	getLatestYoutubeVideos,
} from "@/lib/video/video-platforms";
import { LatestCard } from "./latest-card";
import { RealtimeRefresh } from "@/components/realtime-refresh";

export const dynamic = "force-dynamic";

export default async function AdminUploadVideoPage() {
	const [youtube, tiktok] = await Promise.all([
		getLatestYoutubeVideos().catch(() => []),
		getLatestTiktokVideos().catch(() => []),
	]);

	return (
		<>
			<RealtimeRefresh topic="uploads" debounceMs={500} />
		<section className="grid gap-4 xl:grid-cols-2">
			<LatestCard title="Latest YouTube videos" videos={youtube} />
			<LatestCard title="Latest TikTok videos" videos={tiktok} />
		</section>
		</>
	);
}