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/ReportTopAlbums.tsx
View file

@ -6,6 +6,7 @@ import { useTopAlbums } from "../hooks/use-api";
import { useAuthProtection } from "../hooks/use-auth-protection";
import { getMaxCount } from "../util/getMaxCount";
import { ReportTimeOptions } from "./ReportTimeOptions";
import { Spinner } from "./Spinner";
import { TopListItem } from "./TopListItem";
export const ReportTopAlbums: React.FC = () => {
@ -42,11 +43,7 @@ export const ReportTopAlbums: 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>