Dockery/Homarr
1
0
Fork 0
mirror of https://github.com/ajnart/homarr.git synced 2026-02-06 14:49:17 +01:00
Code Issues Packages Projects Releases Wiki Activity

Bugfixes in media display

Browse Source
This commit is contained in:
ajnart
2023-01-11 08:45:00 +09:00
parent 1d0f89cd9c
commit a811300f3e
2 changed files with 8 additions and 9 deletions
Download Patch File Download Diff File Expand all files Collapse all files

8
src/widgets/calendar/CalendarDay.tsx
View File

@@ -28,10 +28,10 @@ export const CalendarDay = ({ date, medias }: CalendarDayProps) => {
>
<Popover.Target>
<Box onClick={open}>
<DayIndicator color={'red'} position="bottom-start" medias={medias.books}>
<DayIndicator color={'yellow'} position="top-start" medias={medias.movies}>
<DayIndicator color={'blue'} position="top-end" medias={medias.tvShows}>
<DayIndicator color={'green'} position="bottom-end" medias={medias.musics}>
<DayIndicator color="red" position="bottom-start" medias={medias.books}>
<DayIndicator color="yellow" position="top-start" medias={medias.movies}>
<DayIndicator color="blue" position="top-end" medias={medias.tvShows}>
<DayIndicator color="green" position="bottom-end" medias={medias.musics}>
<div>{date.getDate()}</div>
</DayIndicator>
</DayIndicator>

9
src/widgets/calendar/MediaList.tsx
View File

@@ -41,14 +41,13 @@ const mapMedias = (
medias: any[],
MediaComponent: (props: { media: any }) => JSX.Element | null,
containsLastItem: boolean
) => {
return medias.map((media, index) => (
<React.Fragment>
) =>
medias.map((media, index) => (
<div key={index}>
<MediaComponent media={media} />
{containsLastItem && index === medias.length - 1 ? null : <MediaDivider />}
</React.Fragment>
</div>
));
};
const MediaDivider = () => <Divider variant="dashed" size="sm" my="xl" />;