mirror of
https://github.com/ajnart/homarr.git
synced 2025-11-11 07:55:52 +01:00
💄 Better style events in the calendar
This commit is contained in:
@@ -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) => (
|
||||||
|
|||||||
Reference in New Issue
Block a user