import { type NextPage } from "next";
import Head from "next/head";
import { api } from "~/utils/api";
import ReactPlayer from "react-player";
import { useRouter } from "next/router";
import Link from "next/link";
const VideoList: NextPage = () => {
const router = useRouter();
const { videoId } = router.query as { videoId: string };
const { data: video, isError } = api.video.get.useQuery(
{ videoId },
{
enabled: router.isReady,
refetchOnWindowFocus: false,
}
);
if (isError) {
return this video is not publicly available;
}
return (
<>
Create T3 App
Screenity | {video?.title ?? ""}
Personal Library
Share
{video?.video_url && (
)}
>
);
};
export default VideoList;