{video?.title ?? "Snapify | Async video messaging"}

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"; import { useSession } from "next-auth/react"; import VideoMoreMenu from "~/components/VideoMoreMenu"; import ProfileMenu from "~/components/ProfileMenu"; const VideoList: NextPage = () => { const router = useRouter(); const { status, data: session } = useSession(); const { videoId } = router.query as { videoId: string }; const { data: video, isLoading } = api.video.get.useQuery( { videoId }, { enabled: router.isReady, refetchOnWindowFocus: false, } ); if (!isLoading && !video) { return (

This recording is currently unavailable To create your own public recordings,{" "} create an account {" "} for free!

); } return ( <> {video?.title ?? "Snapify | Async video messaging"}

Snapify

{video && video.userId === session?.user.id ? ( ) : null} Personal Library {video && video.userId === session?.user.id ? ( ) : null} {status === "authenticated" && (

)}

{video?.video_url && ( )}

{video?.title ? (

{video.title} {getTime(video.createdAt)}

) : (

)}

{!isLoading ? ( <>

{video.user.name} ) : ( <>

)}

); }; export default VideoList;