From 83356993e9b73ff1a2c36da5936a74c9bac2a131 Mon Sep 17 00:00:00 2001
From: cfngc4594 <cfngc4594@gmail.com>
Date: Wed, 12 Mar 2025 11:48:41 +0800
Subject: [PATCH] refactor(settings-button): integrate settings dialog state
 with store

---
 src/components/settings-button.tsx | 7 ++++---
 1 file changed, 4 insertions(+), 3 deletions(-)

diff --git a/src/components/settings-button.tsx b/src/components/settings-button.tsx
index 0bcdac2..ad974c4 100644
--- a/src/components/settings-button.tsx
+++ b/src/components/settings-button.tsx
@@ -9,17 +9,18 @@ import {
 import { cn } from "@/lib/utils";
 import { SettingsIcon } from "lucide-react";
 import { Button } from "@/components/ui/button";
+import { useSettingsStore } from "@/store/useSettingsStore";
 
 interface SettingsButtonProps {
   className?: string;
-  onClick: () => void;
 }
 
 export default function SettingsButton({
   className,
-  onClick,
   ...props
 }: SettingsButtonProps) {
+  const { setDialogOpen } = useSettingsStore();
+
   return (
     <TooltipProvider delayDuration={0}>
       <Tooltip>
@@ -27,7 +28,7 @@ export default function SettingsButton({
           <Button
             variant="ghost"
             className={cn("h-8 w-auto p-2", className)}
-            onClick={onClick}
+            onClick={() => setDialogOpen(true)}
             {...props}
           >
             <SettingsIcon size={16} aria-hidden="true" />