feat: add show/hide locked toggle to all panels

2026-03-06 13:46:28 -08:00
parent 897eba5f64
commit f734176965
7 changed files with 141 additions and 16 deletions
@@ -0,0 +1,20 @@
+interface LockToggleProps {
+  showLocked: boolean;
+  onToggle: () => void;
+  lockedCount: number;
+}
+
+export const LockToggle = ({
+  showLocked,
+  onToggle,
+  lockedCount,
+}: LockToggleProps): React.JSX.Element => (
+  <button
+    className={`lock-toggle ${showLocked ? "lock-toggle-on" : "lock-toggle-off"}`}
+    onClick={onToggle}
+    title={showLocked ? "Hide locked items" : "Show locked items"}
+    type="button"
+  >
+    {showLocked ? "🔓" : "🔒"} {showLocked ? "Hide" : "Show"} locked ({lockedCount})
+  </button>
+);