diff --git a/src/widgets/media-requests/MediaRequestListTile.tsx b/src/widgets/media-requests/MediaRequestListTile.tsx index c1f4b27d1..a7d44b363 100644 --- a/src/widgets/media-requests/MediaRequestListTile.tsx +++ b/src/widgets/media-requests/MediaRequestListTile.tsx @@ -9,7 +9,7 @@ import { ScrollArea, Stack, Text, - Tooltip, + Tooltip, useMantineTheme, } from '@mantine/core'; import { notifications } from '@mantine/notifications'; 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 const decideAsync = useMediaRequestDecisionMutation(); + const mantineTheme = useMantineTheme(); + if (!data || isLoading) { return ; } @@ -155,7 +157,7 @@ function MediaRequestListTile({ widget }: MediaRequestListWidgetProps) { {item.airDate && {item.airDate.split('-')[0]}} - + {item.name} @@ -170,14 +172,13 @@ function MediaRequestListTile({ widget }: MediaRequestListWidgetProps) { radius="xl" withPlaceholder /> - {item.userName} - + {item.status === MediaRequestStatus.PendingApproval && (