Dockery/Homarr
1
0
Fork 0
mirror of https://github.com/ajnart/homarr.git synced 2025-11-16 18:26:20 +01:00
Code Issues Packages Projects Releases Wiki Activity

🔧 Move Calendar module to new popover api

Browse Source
This commit is contained in:
ajnart
2022-08-02 05:18:07 +02:00
parent 762690493a
commit 498598424b
1 changed files with 42 additions and 37 deletions
Download Patch File Download Diff File Expand all files Collapse all files

79
src/modules/calendar/CalendarModule.tsx
View File

@@ -260,54 +260,59 @@ function DayComponent(props: any) {
)} )}
<Popover <Popover
position="bottom" position="bottom"
withinPortal
radius="lg" radius="lg"
shadow="xl" shadow="xl"
transition="pop" transition="pop"
styles={{ styles={{
body: { dropdown: {
boxShadow: '0 0 14px 14px rgba(0, 0, 0, 0.1), 0 14px 11px rgba(0, 0, 0, 0.1)', boxShadow: '0 0 14px 14px rgba(0, 0, 0, 0.1), 0 14px 11px rgba(0, 0, 0, 0.1)',
}, },
}} }}
width="auto" width="auto"
onClose={() => setOpened(false)} onClose={() => setOpened(false)}
opened={opened} opened={opened}
target={day}
> >
<ScrollArea style={{ height: 400 }}> <Popover.Target>
{sonarrFiltered.map((media: any, index: number) => ( <div>{day}</div>
<React.Fragment key={index}> </Popover.Target>
<SonarrMediaDisplay media={media} /> <Popover.Dropdown>
{index < sonarrFiltered.length - 1 && <Divider variant="dashed" my="xl" />} <ScrollArea style={{ height: 400 }}>
</React.Fragment> {sonarrFiltered.map((media: any, index: number) => (
))} <React.Fragment key={index}>
{radarrFiltered.length > 0 && sonarrFiltered.length > 0 && ( <SonarrMediaDisplay media={media} />
<Divider variant="dashed" my="xl" /> {index < sonarrFiltered.length - 1 && <Divider variant="dashed" my="xl" />}
)} </React.Fragment>
{radarrFiltered.map((media: any, index: number) => ( ))}
<React.Fragment key={index}> {radarrFiltered.length > 0 && sonarrFiltered.length > 0 && (
<RadarrMediaDisplay media={media} /> <Divider variant="dashed" my="xl" />
{index < radarrFiltered.length - 1 && <Divider variant="dashed" my="xl" />} )}
</React.Fragment> {radarrFiltered.map((media: any, index: number) => (
))} <React.Fragment key={index}>
{sonarrFiltered.length > 0 && lidarrFiltered.length > 0 && ( <RadarrMediaDisplay media={media} />
<Divider variant="dashed" my="xl" /> {index < radarrFiltered.length - 1 && <Divider variant="dashed" my="xl" />}
)} </React.Fragment>
{lidarrFiltered.map((media: any, index: number) => ( ))}
<React.Fragment key={index}> {sonarrFiltered.length > 0 && lidarrFiltered.length > 0 && (
<LidarrMediaDisplay media={media} /> <Divider variant="dashed" my="xl" />
{index < lidarrFiltered.length - 1 && <Divider variant="dashed" my="xl" />} )}
</React.Fragment> {lidarrFiltered.map((media: any, index: number) => (
))} <React.Fragment key={index}>
{lidarrFiltered.length > 0 && readarrFiltered.length > 0 && ( <LidarrMediaDisplay media={media} />
<Divider variant="dashed" my="xl" /> {index < lidarrFiltered.length - 1 && <Divider variant="dashed" my="xl" />}
)} </React.Fragment>
{readarrFiltered.map((media: any, index: number) => ( ))}
<React.Fragment key={index}> {lidarrFiltered.length > 0 && readarrFiltered.length > 0 && (
<ReadarrMediaDisplay media={media} /> <Divider variant="dashed" my="xl" />
{index < readarrFiltered.length - 1 && <Divider variant="dashed" my="xl" />} )}
</React.Fragment> {readarrFiltered.map((media: any, index: number) => (
))} <React.Fragment key={index}>
</ScrollArea> <ReadarrMediaDisplay media={media} />
{index < readarrFiltered.length - 1 && <Divider variant="dashed" my="xl" />}
</React.Fragment>
))}
</ScrollArea>
</Popover.Dropdown>
</Popover> </Popover>
</Box> </Box>
); );