From fcf395eccb388bbc905fba9d2583416447e3aff9 Mon Sep 17 00:00:00 2001
From: SpikeHD <spikegdofficial@gmail.com>
Date: Fri, 20 May 2022 19:53:38 -0700
Subject: [PATCH] fix options checkbox

---
 src/ui/components/common/Checkbox.tsx | 2 +-
 src/ui/components/common/DirInput.tsx | 2 --
 src/ui/components/menu/Options.tsx    | 9 ++++++++-
 3 files changed, 9 insertions(+), 4 deletions(-)

diff --git a/src/ui/components/common/Checkbox.tsx b/src/ui/components/common/Checkbox.tsx
index b9399d2..3eefc2c 100644
--- a/src/ui/components/common/Checkbox.tsx
+++ b/src/ui/components/common/Checkbox.tsx
@@ -30,7 +30,7 @@ export default class Checkbox extends React.Component<IProps, IState> {
       }
     }
 
-    return null
+    return { checked: props.checked }
   }
 
   handleChange = () => {
diff --git a/src/ui/components/common/DirInput.tsx b/src/ui/components/common/DirInput.tsx
index dc77f07..5ae73ed 100644
--- a/src/ui/components/common/DirInput.tsx
+++ b/src/ui/components/common/DirInput.tsx
@@ -28,8 +28,6 @@ export default class DirInput extends React.Component<IProps, IState> {
     }
 
     this.handleIconClick = this.handleIconClick.bind(this)
-
-    console.log(this.props)
   }
 
   static getDerivedStateFromProps(props: IProps, state: IState) {
diff --git a/src/ui/components/menu/Options.tsx b/src/ui/components/menu/Options.tsx
index 05b9463..01fc6b4 100644
--- a/src/ui/components/menu/Options.tsx
+++ b/src/ui/components/menu/Options.tsx
@@ -35,6 +35,8 @@ export default class Options extends React.Component<IProps, IState> {
       current_language: 'en',
       bg_url_or_path: ''
     }
+
+    this.toggleGrasscutterWithGame = this.toggleGrasscutterWithGame.bind(this)
   }
 
   async componentDidMount() {
@@ -71,7 +73,12 @@ export default class Options extends React.Component<IProps, IState> {
   }
 
   async toggleGrasscutterWithGame() {
-    setConfigOption('grasscutter_with_game', !(await getConfigOption('grasscutter_with_game')))
+    const changedVal = !(await getConfigOption('grasscutter_with_game'))
+    setConfigOption('grasscutter_with_game', changedVal)
+
+    this.setState({
+      grasscutter_with_game: changedVal
+    })
   }
 
   setCustomBackground() {