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"; import Image from "next/image"; import { getTime } from "~/utils/getTime"; import { ShareModal } from "~/components/ShareModal"; const VideoList: NextPage = () => { const router = useRouter(); const { videoId } = router.query as { videoId: string }; const { data: video, isLoading } = api.video.get.useQuery( { videoId }, { enabled: router.isReady, refetchOnWindowFocus: false, } ); if (!isLoading && !video?.success) { return (
This recording is currently unavailable To create your own public recordings, create an account for free!
); } return ( <> Create T3 App
Screenity
Personal Library
{video?.video?.video_url && ( )}
{video?.video?.title ? (
{video?.video?.title} {getTime(video?.video?.createdAt)}
) : (
)}
{!isLoading ? ( <>
profile photo
{video?.video?.user?.name} ) : ( <>
)}
); }; export default VideoList;