[Feat]: Open game config file in folder (#4788)

public/locales/en/gamepage.json

@@ -55,6 +55,7 @@
         "add_to_favourites": "Add To Favourites",
         "browse_files": "Browse Files",
         "browse_wine_prefix": "Browse Wine Prefix",
+        "showConfigFileInFolder": "Show Game Config File",
         "cancel": "Pause/Cancel",
         "changelog": "Show Changelog",
         "continue": "Continue Downloading",

src/backend/main.ts

@@ -627,13 +627,17 @@ addListener('openSidInfoPage', async () => openUrlOrFile(sidInfoUrl))
 addListener('openCustomThemesWiki', async () =>
   openUrlOrFile(customThemesWikiLink)
 )
-addListener('showConfigFileInFolder', async (event, appName) => {
+addListener('openConfigFile', async (event, appName) => {
   if (appName === 'default') {
     return openUrlOrFile(configPath)
   }
   return openUrlOrFile(path.join(gamesConfigPath, `${appName}.json`))
 })
 
+addListener('showConfigFileInFolder', (event, appName) =>
+  showItemInFolder(path.join(gamesConfigPath, `${appName}.json`))
+)
+
 addListener('removeFolder', async (e, [path, folderName]) => {
   removeFolder(path, folderName)
 })

src/common/types/ipc.ts

@@ -73,6 +73,7 @@ interface SyncIPCFunctions {
   openWikiLink: () => void
   openSidInfoPage: () => void
   openCustomThemesWiki: () => void
+  openConfigFile: (appName: string) => void
   showConfigFileInFolder: (appName: string) => void
   removeFolder: ([path, folderName]: [string, string]) => void
   clearCache: (showDialog?: boolean, fromVersionChange?: boolean) => void

src/frontend/screens/Game/GameSubMenu/index.tsx

@@ -410,6 +410,14 @@ export default function GamesSubmenu({
               {t('button.browse_wine_prefix', 'Browse Wine Prefix')}
             </button>
           )}
+          {isInstalled && (
+            <button
+              onClick={() => window.api.showConfigFileInFolder(appName)}
+              className="link button is-text is-link"
+            >
+              {t('button.showConfigFileInFolder', 'Show Game Config File')}
+            </button>
+          )}
         </div>
       </div>
     </>

src/frontend/screens/Settings/index.tsx

@@ -97,7 +97,7 @@ function Settings() {
         },
         {
           label: t('settings.open-config-file', 'Open Config File'),
-          onclick: () => window.api.showConfigFileInFolder(appName),
+          onclick: () => window.api.openConfigFile(appName),
           show: !isLogSettings
         }
       ]}

src/preload/api/misc.ts

@@ -38,6 +38,7 @@ export const refreshLibrary = makeHandlerInvoker('refreshLibrary')
 export const gamepadAction = makeHandlerInvoker('gamepadAction')
 export const logError = makeListenerCaller('logError')
 export const logInfo = makeListenerCaller('logInfo')
+export const openConfigFile = makeListenerCaller('openConfigFile')
 export const showConfigFileInFolder = makeListenerCaller('showConfigFileInFolder')
 export const openFolder = makeListenerCaller('openFolder')
 export const syncGOGSaves = makeHandlerInvoker('syncGOGSaves')