Re-use auto-approve switch in settings

src/components/AutoApproveSwitch.tsx

@@ -0,0 +1,19 @@
+import { useSettings } from "@/hooks/useSettings";
+import { Label } from "@/components/ui/label";
+import { Switch } from "@/components/ui/switch";
+
+export function AutoApproveSwitch() {
+  const { settings, updateSettings } = useSettings();
+  return (
+    <div className="flex items-center space-x-2">
+      <Switch
+        id="auto-approve"
+        checked={settings?.autoApproveChanges}
+        onCheckedChange={() =>
+          updateSettings({ autoApproveChanges: !settings?.autoApproveChanges })
+        }
+      />
+      <Label htmlFor="auto-approve">Auto-approve</Label>
+    </div>
+  );
+}

src/components/chat/ChatInput.tsx

@@ -35,6 +35,7 @@ import {
 import type { Message } from "@/ipc/ipc_types";
 import { isPreviewOpenAtom } from "@/atoms/viewAtoms";
 import { useRunApp } from "@/hooks/useRunApp";
+import { AutoApproveSwitch } from "../AutoApproveSwitch";
 
 export function ChatInput({ chatId }: { chatId?: number }) {
   const [inputValue, setInputValue] = useAtom(chatInputValueAtom);
@@ -302,16 +303,6 @@ function ActionProposalActions({ proposal }: { proposal: ActionProposal }) {
   );
 }
 
-function AutoApproveSwitch() {
-  // const [autoApprove, setAutoApprove] = useAtom(autoApproveAtom);
-  return (
-    <div className="flex items-center space-x-2">
-      <Switch id="auto-approve" />
-      <Label htmlFor="auto-approve">Auto-approve</Label>
-    </div>
-  );
-}
-
 interface ChatInputActionsProps {
   proposal: Proposal;
   onApprove: () => void;