nicolabs/mosh-game-hub
1
0
Fork 0
mirror of https://github.com/mosh-hamedani/game-hub.git synced 2026-05-21 12:14:32 +02:00
Code Issues Projects Releases Packages Wiki Activity Actions

Show a spinner while fetching the genres

Browse source
This commit is contained in:
Mosh Hamedani 2023-03-02 07:56:30 -08:00
parent 7d6f205614
commit f2bb5d8381
1 changed files with 6 additions and 2 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

8
src/components/GenreList.tsx
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 useGenres from "../hooks/useGenres";
import getCroppedImageUrl from "../services/image-url"; import getCroppedImageUrl from "../services/image-url";
const GenreList = () => { const GenreList = () => {
const { data } = useGenres(); const { data, isLoading, error } = useGenres();
if (error) return null;
if (isLoading) return <Spinner />;
return ( return (
<List> <List>