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

⏪ Revert anchor colors in media request widget

Browse Source
This commit is contained in:
Manuel
2023-09-04 19:28:13 +02:00
parent 8d2d68c192
commit 9fa0acff3e
1 changed files with 7 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files

13
src/widgets/media-requests/MediaRequestListTile.tsx
View File

@@ -9,7 +9,7 @@ import {
ScrollArea, ScrollArea,
Stack, Stack,
Text, Text,
Tooltip, Tooltip, useMantineTheme,
} from '@mantine/core'; } from '@mantine/core';
import { notifications } from '@mantine/notifications'; import { notifications } from '@mantine/notifications';
import { IconCheck, IconGitPullRequest, IconThumbDown, IconThumbUp } from '@tabler/icons-react'; import { IconCheck, IconGitPullRequest, IconThumbDown, IconThumbUp } from '@tabler/icons-react';
@@ -103,6 +103,8 @@ function MediaRequestListTile({ widget }: MediaRequestListWidgetProps) {
// Use mutation to approve or deny a pending request // Use mutation to approve or deny a pending request
const decideAsync = useMediaRequestDecisionMutation(); const decideAsync = useMediaRequestDecisionMutation();
const mantineTheme = useMantineTheme();
if (!data || isLoading) { if (!data || isLoading) {
return <WidgetLoading />; return <WidgetLoading />;
} }
@@ -155,7 +157,7 @@ function MediaRequestListTile({ widget }: MediaRequestListWidgetProps) {
{item.airDate && <Text>{item.airDate.split('-')[0]}</Text>} {item.airDate && <Text>{item.airDate.split('-')[0]}</Text>}
<MediaRequestStatusBadge status={item.status} /> <MediaRequestStatusBadge status={item.status} />
</Group> </Group>
<Anchor href={item.href}> <Anchor href={item.href} c={mantineTheme.colorScheme === 'dark' ? 'gray.3' : 'gray.8'}>
{item.name} {item.name}
</Anchor> </Anchor>
</Stack> </Stack>
@@ -170,14 +172,13 @@ function MediaRequestListTile({ widget }: MediaRequestListWidgetProps) {
radius="xl" radius="xl"
withPlaceholder withPlaceholder
/> />
<Text <Anchor
component="a"
href={item.userLink} href={item.userLink}
target={widget.properties.openInNewTab ? "_blank" : "_self"} target={widget.properties.openInNewTab ? "_blank" : "_self"}
sx={{ cursor: 'pointer', '&:hover': { textDecoration: 'underline' } }} c={mantineTheme.colorScheme === 'dark' ? 'gray.3' : 'gray.8'}
> >
{item.userName} {item.userName}
</Text> </Anchor>
</Flex> </Flex>
{item.status === MediaRequestStatus.PendingApproval && ( {item.status === MediaRequestStatus.PendingApproval && (