diff --git a/src/frontend/src/pages/Index/Settings/AdminCenter/TaskManagementPanel.tsx b/src/frontend/src/pages/Index/Settings/AdminCenter/TaskManagementPanel.tsx
index 9301694627..c5efa6e77d 100644
--- a/src/frontend/src/pages/Index/Settings/AdminCenter/TaskManagementPanel.tsx
+++ b/src/frontend/src/pages/Index/Settings/AdminCenter/TaskManagementPanel.tsx
@@ -1,5 +1,12 @@
import { t } from '@lingui/core/macro';
-import { Accordion, Alert, Divider, Stack, Text } from '@mantine/core';
+import {
+ Accordion,
+ Alert,
+ Divider,
+ Skeleton,
+ Stack,
+ Text
+} from '@mantine/core';
import { lazy } from 'react';
import { StylishText } from '@lib/components/StylishText';
@@ -16,6 +23,33 @@ const ScheduledTasksTable = Loadable(
lazy(() => import('../../../../tables/settings/ScheduledTasksTable'))
);
+function BackgroundWorkerStatus({
+ isRunning
+}: {
+ isRunning?: boolean;
+}) {
+ if (isRunning === null || isRunning === undefined) {
+ return ;
+ }
+
+ return !!isRunning ? (
+ }
+ />
+ ) : (
+ }
+ >
+ {t`The background task manager service is not running. Contact your system administrator.`}
+ {errorCodeLink('INVE-W5')}
+
+ );
+}
+
export default function TaskManagementPanel() {
const { instance: taskInfo, refreshInstance: refreshTaskInfo } = useInstance({
endpoint: ApiEndpoints.task_overview,
@@ -27,22 +61,7 @@ export default function TaskManagementPanel() {
return (
<>
- {taskInfo?.is_running ? (
- }
- />
- ) : (
- }
- >
- {t`The background task manager service is not running. Contact your system administrator.`}
- {errorCodeLink('INVE-W5')}
-
- )}
+