💄 Better style events in the calendar

This commit is contained in:
ajnart
2022-05-17 00:19:24 +02:00
parent 0cb3db6b89
commit 3e31a4d38e

View File

@@ -1,5 +1,5 @@
/* eslint-disable react/no-children-prop */ /* eslint-disable react/no-children-prop */
import { Popover, Box, ScrollArea, Divider, Indicator } from '@mantine/core'; import { Popover, Box, ScrollArea, Divider, Indicator, useMantineTheme } from '@mantine/core';
import React, { useEffect, useState } from 'react'; import React, { useEffect, useState } from 'react';
import { Calendar } from '@mantine/dates'; import { Calendar } from '@mantine/dates';
import { showNotification } from '@mantine/notifications'; import { showNotification } from '@mantine/notifications';
@@ -93,6 +93,7 @@ function DayComponent(props: any) {
radarrmedias, radarrmedias,
}: { renderdate: Date; sonarrmedias: []; radarrmedias: [] } = props; }: { renderdate: Date; sonarrmedias: []; radarrmedias: [] } = props;
const [opened, setOpened] = useState(false); const [opened, setOpened] = useState(false);
const theme = useMantineTheme();
const day = renderdate.getDate(); const day = renderdate.getDate();
// Itterate over the medias and filter the ones that are on the same day // Itterate over the medias and filter the ones that are on the same day
@@ -126,8 +127,7 @@ function DayComponent(props: any) {
width={700} width={700}
onClose={() => setOpened(false)} onClose={() => setOpened(false)}
opened={opened} opened={opened}
// TODO: Fix this !! WTF ? target={day}
target={` ${day}`}
> >
<ScrollArea style={{ height: 400 }}> <ScrollArea style={{ height: 400 }}>
{sonarrFiltered.map((media: any, index: number) => ( {sonarrFiltered.map((media: any, index: number) => (