Show a spinner while fetching the genres

This commit is contained in:
Mosh Hamedani 2023-03-02 07:56:30 -08:00
parent 7d6f205614
commit f2bb5d8381

View file

@ -1,9 +1,13 @@
import { HStack, Image, List, ListItem, Text } from "@chakra-ui/react";
import { HStack, Image, List, ListItem, Spinner, Text } from "@chakra-ui/react";
import useGenres from "../hooks/useGenres";
import getCroppedImageUrl from "../services/image-url";
const GenreList = () => {
const { data } = useGenres();
const { data, isLoading, error } = useGenres();
if (error) return null;
if (isLoading) return <Spinner />;
return (
<List>