add loading indicator to individual video page

This commit is contained in:
MarconLP 2023-04-11 14:05:23 +02:00
parent 7546212e1e
commit a73520552f
No known key found for this signature in database
GPG key ID: F4CAFFDFA3451D5E

View file

@ -10,7 +10,7 @@ const VideoList: NextPage = () => {
const router = useRouter();
const { videoId } = router.query as { videoId: string };
const video = api.video.get.useQuery(
const { data: video, isFetching } = api.video.get.useQuery(
{ videoId },
{
enabled: router.isReady,
@ -18,6 +18,9 @@ const VideoList: NextPage = () => {
);
console.log(video);
if (isFetching) {
return <span>loading...</span>;
}
return (
<>
<Head>