From fca235269f5c58e15196774d28565ae00660d1da Mon Sep 17 00:00:00 2001
From: "gpt-engineer-app[bot]"
 <159125892+gpt-engineer-app[bot]@users.noreply.github.com>
Date: Wed, 15 Oct 2025 15:43:29 +0000
Subject: [PATCH] Fix: Improve Release Lock button functionality and styling

---
 .../moderation/LockStatusDisplay.tsx          |  2 +-
 src/hooks/useModerationQueue.ts               | 41 +++++++++++--------
 2 files changed, 24 insertions(+), 19 deletions(-)

diff --git a/src/components/moderation/LockStatusDisplay.tsx b/src/components/moderation/LockStatusDisplay.tsx
index 58ea1791..e3dd397f 100644
--- a/src/components/moderation/LockStatusDisplay.tsx
+++ b/src/components/moderation/LockStatusDisplay.tsx
@@ -102,7 +102,7 @@ export const LockStatusDisplay = ({
       {/* Release Lock Button */}
       <Button
         size="sm"
-        variant="ghost"
+        variant="outline"
         onClick={() => onReleaseLock(currentLock.submissionId)}
         disabled={isLoading}
         className="w-full"
diff --git a/src/hooks/useModerationQueue.ts b/src/hooks/useModerationQueue.ts
index e22792aa..b8276127 100644
--- a/src/hooks/useModerationQueue.ts
+++ b/src/hooks/useModerationQueue.ts
@@ -241,31 +241,36 @@ export const useModerationQueue = (config?: UseModerationQueueConfig) => {
 
       if (error) throw error;
 
-      if (data) {
-        setCurrentLock((prev) =>
-          prev?.submissionId === submissionId ? null : prev
-        );
+      // Always clear local state and refresh stats if no error
+      setCurrentLock((prev) =>
+        prev?.submissionId === submissionId ? null : prev
+      );
 
-        if (lockTimerRef.current) {
-          clearInterval(lockTimerRef.current);
-        }
+      if (lockTimerRef.current) {
+        clearInterval(lockTimerRef.current);
+      }
 
-        fetchStats();
-        
+      fetchStats();
+      
+      // Show appropriate toast based on result
+      if (data === true) {
         toast({
           title: 'Lock Released',
           description: 'You can now claim another submission',
         });
-        
-        // Trigger refresh callback
-        if (onLockStateChange) {
-          onLockStateChange();
-        }
-        
-        return true;
+      } else {
+        toast({
+          title: 'Lock Already Released',
+          description: 'This submission was already unlocked',
+        });
       }
-
-      return false;
+      
+      // Trigger refresh callback
+      if (onLockStateChange) {
+        onLockStateChange();
+      }
+      
+      return data;
     } catch (error: any) {
       console.error('Error releasing lock:', error);
       toast({