From 941f8a0751e0d980409baa95bcafabd22af63356 Mon Sep 17 00:00:00 2001
From: Matthias Mair <code@mjmair.com>
Date: Sat, 27 Jun 2026 12:12:52 +0200
Subject: [PATCH] temp fix for the non-loading of plugin settings

---
 .../src/pages/Index/Settings/PluginSettingsGroup.tsx     | 9 +++++++--
 1 file changed, 7 insertions(+), 2 deletions(-)

diff --git a/src/frontend/src/pages/Index/Settings/PluginSettingsGroup.tsx b/src/frontend/src/pages/Index/Settings/PluginSettingsGroup.tsx
index 5b07a0601b..4a4e935690 100644
--- a/src/frontend/src/pages/Index/Settings/PluginSettingsGroup.tsx
+++ b/src/frontend/src/pages/Index/Settings/PluginSettingsGroup.tsx
@@ -1,7 +1,7 @@
 import { ApiEndpoints, StylishText } from '@lib/index';
 import type { SettingsStateProps } from '@lib/types/Settings';
 import { t } from '@lingui/core/macro';
-import { Accordion, Alert, Group, Stack, Text } from '@mantine/core';
+import { Accordion, Alert, Badge, Group, Stack, Text } from '@mantine/core';
 import { IconInfoCircle } from '@tabler/icons-react';
 import { useCallback, useMemo, useState } from 'react';
 import {
@@ -25,11 +25,13 @@ function PluginSettingGroupItem({
 }) {
   // Hide the accordion item if there are no settings for this plugin
   const [count, setCount] = useState<number>(0);
+  const [wasLoaded, setWasLoaded] = useState<boolean>(false);
 
   // Callback once the plugin settings have been loaded
   const onLoaded = useCallback(
     (settings: SettingsStateProps) => {
       setCount(settings.settings?.length || 0);
+      setWasLoaded(true);
     },
     [pluginKey]
   );
@@ -38,11 +40,14 @@ function PluginSettingGroupItem({
     <Accordion.Item
       key={`plugin-${pluginKey}`}
       value={pluginKey}
-      hidden={count === 0}
+      hidden={count === 0 && wasLoaded}
     >
       <Accordion.Control>
         <Group justify='space-between'>
           <Text size='lg'>{pluginName}</Text>
+          {!wasLoaded && (
+            <Badge color='blue' variant='filled' size='sm'>{t`Loading`}</Badge>
+          )}
           {pluginDescription && (
             <Text size='sm' style={{ paddingRight: 25 }}>
               {pluginDescription}