fix game opening

src/ui/components/common/Checkbox.tsx

@@ -4,7 +4,7 @@ import checkmark from '../../../resources/icons/check.svg'
 import './Checkbox.css'
 
 interface IProps {
-  label: string,
+  label?: string,
   checked: boolean,
   onChange: () => void,
   id: string
@@ -36,7 +36,7 @@ export default class Checkbox extends React.Component<IProps, IState> {
           <div className="CheckboxDisplay">
             {this.state.checked ? <img src={checkmark} alt='Checkmark' /> : null}
           </div>
-          <span>{this.props.label}</span>
+          <span>{this.props.label || ''}</span>
         </label>
       </div>
     )

src/ui/components/menu/Options.tsx

@@ -3,7 +3,8 @@ import DirInput from '../common/DirInput'
 import Menu from './Menu'
 import Tr from '../../../utils/language'
 import './Options.css'
-import { setConfigOption, getConfig } from '../../../utils/configuration'
+import { setConfigOption, getConfig, getConfigOption } from '../../../utils/configuration'
+import Checkbox from '../common/Checkbox'
 
 interface IProps {
   closeFn: () => void;
@@ -12,6 +13,7 @@ interface IProps {
 interface IState {
   game_path: string
   grasscutter_path: string
+  grasscutter_with_game: boolean
 }
 
 export default class Options extends React.Component<IProps, IState> {
@@ -20,7 +22,8 @@ export default class Options extends React.Component<IProps, IState> {
 
     this.state = {
       game_path: '',
-      grasscutter_path: ''
+      grasscutter_path: '',
+      grasscutter_with_game: false
     }
   }
 
@@ -28,7 +31,8 @@ export default class Options extends React.Component<IProps, IState> {
     getConfig().then(config => {
       this.setState({
         game_path: config.game_path || '',
-        grasscutter_path: config.grasscutter_path || ''
+        grasscutter_path: config.grasscutter_path || '',
+        grasscutter_with_game: config.grasscutter_with_game || false
       })
     })
 
@@ -43,6 +47,10 @@ export default class Options extends React.Component<IProps, IState> {
     setConfigOption('grasscutter_path', value)
   }
 
+  async toggleGrasscutterWithGame() {
+    setConfigOption('grasscutter_with_game', !(await getConfigOption('grasscutter_with_game')))
+  }
+
   render() {
     return (
       <Menu closeFn={this.props.closeFn} className="Options" heading="Options">
@@ -62,6 +70,14 @@ export default class Options extends React.Component<IProps, IState> {
             <DirInput onChange={this.setGrasscutterJar} value={this.state?.grasscutter_path} extensions={['jar']} />
           </div>
         </div>
+        <div className='OptionSection'>
+          <div className='OptionLabel'>
+            <Tr text="options.grasscutter_with_game" />
+          </div>
+          <div className='OptionValue'>
+            <Checkbox onChange={this.toggleGrasscutterWithGame} checked={this.state?.grasscutter_with_game} id="gcWithGame" />
+          </div>
+        </div>
       </Menu>
     )
   }