Dockery/Homarr
1
0
Fork 0
mirror of https://github.com/ajnart/homarr.git synced 2025-11-10 15:35:55 +01:00
Code Issues Packages Projects Releases Wiki Activity

Merge branch 'dev' into patch-3

Browse Source
This commit is contained in:
Larvey
2022-06-12 00:25:36 -04:00
committed by GitHub
parent 08799aac18 a37f0fdee6
commit 8eae5a908c
1 changed files with 5 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

8
src/components/modules/calendar/CalendarModule.tsx
View File

@@ -1,5 +1,5 @@
/* eslint-disable react/no-children-prop */ /* eslint-disable react/no-children-prop */
import { Box, Divider, Indicator, Popover, ScrollArea, createStyles } from '@mantine/core'; import { Box, Divider, Indicator, Popover, ScrollArea, createStyles, 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 { IconCalendar as CalendarIcon } from '@tabler/icons'; import { IconCalendar as CalendarIcon } from '@tabler/icons';
@@ -25,12 +25,14 @@ export const CalendarModule: IModule = {
export default function CalendarComponent(props: any) { export default function CalendarComponent(props: any) {
const { config } = useConfig(); const { config } = useConfig();
const theme = useMantineTheme();
const { secondaryColor } = useColorTheme(); const { secondaryColor } = useColorTheme();
const useStyles = createStyles(() => ({ const useStyles = createStyles((theme) => ({
weekend: { weekend: {
color: `${secondaryColor} !important`, color: `${secondaryColor} !important`,
}, },
})); }));
const [sonarrMedias, setSonarrMedias] = useState([] as any); const [sonarrMedias, setSonarrMedias] = useState([] as any);
const [lidarrMedias, setLidarrMedias] = useState([] as any); const [lidarrMedias, setLidarrMedias] = useState([] as any);
const [radarrMedias, setRadarrMedias] = useState([] as any); const [radarrMedias, setRadarrMedias] = useState([] as any);
@@ -99,7 +101,7 @@ export default function CalendarComponent(props: any) {
onChange={(day: any) => {}} onChange={(day: any) => {}}
dayStyle={(date) => dayStyle={(date) =>
date.getDay() === today.getDay() && date.getDate() === today.getDate() date.getDay() === today.getDay() && date.getDate() === today.getDate()
? { backgroundColor: '#2C2E33' } ? { backgroundColor: theme.colorScheme === 'dark' ? theme.colors.dark[5] : theme.colors.gray[0] }
: {} : {}
} }
dayClassName={(date, modifiers) => dayClassName={(date, modifiers) =>