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): proper styling for "Top Artists" report

Browse source
This commit is contained in:
Julian Tölle 2020-11-15 02:33:39 +01:00
parent b6b468f3ed
commit ca4e10e473
2 changed files with 25 additions and 3 deletions
Download patch file Download diff file Expand all files Collapse all files

5
frontend/src/components/ReportTopArtists.tsx
View file

@ -5,6 +5,7 @@ import { TimePreset } from "../api/entities/time-preset.enum";
import { useTopArtists } from "../hooks/use-api";
import { useAuth } from "../hooks/use-auth";
import { ReportTimeOptions } from "./ReportTimeOptions";
import { TopListItem } from "./TopListItem";
export const ReportTopArtists: React.FC = () => {
const { user } = useAuth();
@ -53,9 +54,7 @@ export const ReportTopArtists: React.FC = () => {
)}
{reportHasItems &&
topArtists.map(({ artist, count }) => (
<div key={artist.id}>
{count} - {artist.name}
</div>
<TopListItem key={artist.id} title={artist.name} count={count} />
))}
</div>
</div>