ack PR comment

Author: waleedlatif1

apps/sim/app/workspace/[workspaceId]/w/components/sidebar/components/settings-modal/components/general/general.tsx

@@ -77,18 +77,15 @@ export function General({ onOpenChange }: GeneralProps) {
 
   const [uploadError, setUploadError] = useState<string | null>(null)
 
-  const [snapToGridValue, setSnapToGridValue] = useState(settings?.snapToGridSize ?? 0)
+  const [localSnapValue, setLocalSnapValue] = useState<number | null>(null)
+  const snapToGridValue = localSnapValue ?? settings?.snapToGridSize ?? 0
 
   useEffect(() => {
     if (profile?.name) {
       setName(profile.name)
     }
   }, [profile?.name])
 
-  useEffect(() => {
-    setSnapToGridValue(settings?.snapToGridSize ?? 0)
-  }, [settings?.snapToGridSize])
-
   useEffect(() => {
     const fetchSuperUserStatus = async () => {
       try {
@@ -242,14 +239,15 @@ export function General({ onOpenChange }: GeneralProps) {
   }
 
   const handleSnapToGridChange = (value: number[]) => {
-    setSnapToGridValue(value[0])
+    setLocalSnapValue(value[0])
   }
 
   const handleSnapToGridCommit = async (value: number[]) => {
     const newValue = value[0]
     if (newValue !== settings?.snapToGridSize && !updateSetting.isPending) {
       await updateSetting.mutateAsync({ key: 'snapToGridSize', value: newValue })
     }
+    setLocalSnapValue(null)
   }
 
   const handleTrainingControlsChange = async (checked: boolean) => {