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 && (