apricote/Listory
1
0
Fork 0
mirror of https://github.com/apricote/Listory.git synced 2026-01-13 21:21:02 +00:00
Code Issues Projects Releases Packages Wiki Activity

feat(frontend): use nice looking spinner

Browse source
This commit is contained in:
Julian Tölle 2022-06-25 18:04:25 +02:00
parent 0c4de5d56a
commit 01ed0c5491
8 changed files with 45 additions and 53 deletions
Download patch file Download diff file Expand all files Collapse all files

7
frontend/src/components/ReportTopGenres.tsx
View file

@ -9,6 +9,7 @@ import { useAuthProtection } from "../hooks/use-auth-protection";
import { capitalizeString } from "../util/capitalizeString";
import { getMaxCount } from "../util/getMaxCount";
import { ReportTimeOptions } from "./ReportTimeOptions";
import { Spinner } from "./Spinner";
import { TopListItem } from "./TopListItem";
export const ReportTopGenres: React.FC = () => {
@ -46,11 +47,7 @@ export const ReportTopGenres: React.FC = () => {
timeOptions={timeOptions}
setTimeOptions={setTimeOptions}
/>
{isLoading && (
<div>
<div className="loader rounded-full border-8 h-64 w-64"></div>
</div>
)}
{isLoading && <Spinner className="m-8" />}
{!reportHasItems && !isLoading && (
<div>
<p>Report is emtpy! :(</p>