From aff3581eaf0facdc72dc0f715e53c2edc3581cfc Mon Sep 17 00:00:00 2001
From: "gpt-engineer-app[bot]"
 <159125892+gpt-engineer-app[bot]@users.noreply.github.com>
Date: Sun, 12 Oct 2025 14:59:41 +0000
Subject: [PATCH] Fix admin settings rendering and refresh logic

---
 src/pages/AdminSettings.tsx | 52 ++++++++++++++++++++++++++++++++-----
 1 file changed, 46 insertions(+), 6 deletions(-)

diff --git a/src/pages/AdminSettings.tsx b/src/pages/AdminSettings.tsx
index 5a999c4f..d824fbed 100644
--- a/src/pages/AdminSettings.tsx
+++ b/src/pages/AdminSettings.tsx
@@ -318,12 +318,52 @@ export default function AdminSettings() {
       );
     }
 
-    // Boolean/switch settings
-    if (setting.setting_key.includes('email_alerts') || 
-        setting.setting_key.includes('require_approval') || 
-        setting.setting_key.includes('auto_cleanup') ||
-        setting.setting_key.includes('enable_') ||
-        setting.setting_key.includes('allow_')) {
+    // Auto-refresh strategy setting
+    if (setting.setting_key === 'auto_refresh_strategy') {
+      return (
+        <Card className="p-4">
+          <div className="space-y-4">
+            <div className="flex items-center gap-2">
+              <Settings className="w-4 h-4 text-purple-500" />
+              <Label className="text-base font-medium">Auto-Refresh Strategy</Label>
+            </div>
+            <p className="text-sm text-muted-foreground">
+              How the moderation queue handles new items when they arrive
+            </p>
+            <div className="flex items-center gap-4">
+              <Select 
+                value={typeof localValue === 'string' ? localValue.replace(/"/g, '') : localValue} 
+                onValueChange={(value) => {
+                  setLocalValue(value);
+                  updateSetting(setting.setting_key, JSON.stringify(value));
+                }}
+              >
+                <SelectTrigger className="w-48">
+                  <SelectValue />
+                </SelectTrigger>
+                <SelectContent>
+                  <SelectItem value="merge">Merge silently</SelectItem>
+                  <SelectItem value="replace">Replace all</SelectItem>
+                  <SelectItem value="notify">Show notification</SelectItem>
+                </SelectContent>
+              </Select>
+              <Badge variant="outline">
+                Current: {typeof localValue === 'string' ? localValue.replace(/"/g, '') : localValue}
+              </Badge>
+            </div>
+          </div>
+        </Card>
+      );
+    }
+
+    // Helper to check if value is boolean
+    const isBooleanSetting = (value: any) => {
+      return value === true || value === false || 
+             value === 'true' || value === 'false';
+    };
+
+    // Boolean/switch settings - check by value type instead of key pattern
+    if (isBooleanSetting(setting.setting_value)) {
       
       const getSettingIcon = () => {
         if (setting.setting_key.includes('email_alerts')) return <Bell className="w-4 h-4 text-blue-500" />;