Add multiple pages to Tourney Mode

package.json

@@ -239,7 +239,7 @@
       "repo": "hdr-launcher-react"
     }
   },
-  "devEngines": {
+  "engines": {
     "node": ">=14.x",
     "npm": ">=7.x"
   },

release/app/package.json

@@ -1,7 +1,7 @@
 {
   "name": "hdr-launcher",
   "author": "techyCoder81",
-  "version": "0.7.3",
+  "version": "0.7.4",
   "description": "The HDR Launcher",
   "repository": "techyCoder81/hdr-launcher-react",
   "license": "MIT",

release/app/yarn.lock

@@ -0,0 +1,4 @@
+# THIS IS AN AUTOGENERATED FILE. DO NOT EDIT THIS FILE DIRECTLY.
+# yarn lockfile v1
+
+

src/main/config.ts

@@ -24,7 +24,9 @@ export default class Config {
     Config.createFile();
 
     // read the file
-    return JSON.parse(fs.readFileSync(Config.configFilePath(), 'utf-8')) as Config;
+    return JSON.parse(
+      fs.readFileSync(Config.configFilePath(), 'utf-8')
+    ) as Config;
   }
 
   private static saveConfig(config: Config) {

src/main/main.ts

@@ -166,7 +166,7 @@ async function findEmulator() {
     // show instructions to the user
     const response = dialog.showMessageBoxSync(mainWindow, {
       title: 'Instructions',
-      message: 'Please select your emulator\'s executable.',
+      message: "Please select your emulator's executable.",
       buttons: ['ok', 'cancel'],
     });
 
@@ -179,14 +179,14 @@ async function findEmulator() {
     if (os.platform() == 'win32') {
       // let the user point us to emulator on windows
       selectedPath = dialog.showOpenDialogSync(mainWindow, {
-        title: 'Please select your emulator\'s executable',
+        title: "Please select your emulator's executable",
         properties: ['openFile'],
         filters: [{ name: 'Emulator Executables', extensions: ['exe'] }],
       });
     } else {
       // let the user point us to emulator on linux
       selectedPath = dialog.showOpenDialogSync(mainWindow, {
-        title: 'Please select your emulator\'s executable',
+        title: "Please select your emulator's executable",
         properties: ['openFile'],
       });
     }
@@ -225,7 +225,7 @@ async function findSdcard() {
 
   let configDir = '';
   const selectedPath = dialog.showOpenDialogSync(mainWindow, {
-    title: 'Please select your emulator\'s SD Card directory',
+    title: "Please select your emulator's SD Card directory",
     properties: ['openDirectory'],
   });
   if (selectedPath === undefined) {

src/main/request_handler.ts

@@ -815,9 +815,7 @@ async function handleInner(
     case 'exit_session':
       // play the game
       // resolve(new Responses.OkOrError(true, "starting the game...", request.id));
-      let command = path.normalize(
-        `${Config.getRyuPath()}`
-      );
+      let command = path.normalize(`${Config.getRyuPath()}`);
       if (process.platform == 'win32') {
         command = `cmd /C ""${Config.getRyuPath()}""`;
       }

src/renderer/app.tsx

@@ -18,6 +18,7 @@ import Main from './routes/menus/main';
 import { FocusButton } from './components/buttons/focus_button';
 import { NavigateButton } from './components/buttons/navigate_button';
 import { LogPopout } from './components/logging/log_popout';
+import { StageConfigProvider } from './routes/stage_config/stage_config_provider';
 
 export default function App() {
   useEffect(() => {
@@ -48,7 +49,9 @@ export default function App() {
           path={Pages.STAGE_CONFIG}
           element={
             <ErrorBoundary fallback={<ErrorPage />}>
-              <StageConfigMenu />
+              <StageConfigProvider>
+                <StageConfigMenu />
+              </StageConfigProvider>
             </ErrorBoundary>
           }
         />

src/renderer/components/buttons/focus_combo.tsx

@@ -16,7 +16,6 @@ export const FocusCombo = React.forwardRef<
     disabled?: boolean;
   }
 >((props, ref) => {
-
   let options = props.options.map((option) => (
     <option value={option} key={option}>
       {option}
@@ -25,7 +24,7 @@ export const FocusCombo = React.forwardRef<
   let disabledOption = [
     <option value={props.forcedValue} key={props.forcedValue}>
       {props.forcedValue}
-    </option>
+    </option>,
   ];
 
   return (
@@ -36,7 +35,7 @@ export const FocusCombo = React.forwardRef<
       autoFocus={props.autofocus}
       defaultValue={props.defaultValue}
       value={props.forcedValue}
-      onMouseDown={props.disabled ? ((e) => e.preventDefault()) : undefined}
+      onMouseDown={props.disabled ? (e) => e.preventDefault() : undefined}
       onMouseMove={(e) => e.currentTarget.focus()}
       onMouseEnter={(e) => e.currentTarget.focus()}
       onMouseLeave={(e) => e.currentTarget.blur()}