Implement menu options for opening the install file path and Wine prefix in the default file manager (#4285)

* Added context menu options for browsing install files and Wine prefix.

* Added English translation

* Added options for browsing files and prefix to game details page

* Revert lock file

* Reuse existing checks, remove context menu options, fix Linux check.

* Fix lint error

* Consistent formatting

* Add check for Crossover

* Remove console debug log

Author: luluco250

public/locales/en/gamepage.json

@@ -51,6 +51,8 @@
     },
     "button": {
         "add_to_favourites": "Add To Favourites",
+        "browse_files": "Browse Files",
+        "browse_wine_prefix": "Browse Wine Prefix",
         "cancel": "Pause/Cancel",
         "changelog": "Show Changelog",
         "continue": "Continue Download",

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

@@ -303,7 +303,7 @@ export default React.memo(function GamePage(): JSX.Element | null {
     }
 
     const isMacNative = ['osx', 'Mac'].includes(installPlatform ?? '')
-    const isLinuxNative = installPlatform === 'linux'
+    const isLinuxNative = ['linux', 'Linux'].includes(installPlatform ?? '')
 
     // create setting context functions
     const contextValues: GameContextType = {

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

@@ -1,6 +1,6 @@
 import './index.css'
 
-import React, { useContext, useEffect, useState } from 'react'
+import React, { useCallback, useContext, useEffect, useState } from 'react'
 
 import { GameInfo, GameStatus, Runner } from 'common/types'
 
@@ -50,7 +50,7 @@ export default function GamesSubmenu({
     showDialogModal,
     setIsSettingsModalOpen
   } = useContext(ContextProvider)
-  const { is } = useContext(GameContext)
+  const { is, gameSettings } = useContext(GameContext)
   const isWin = platform === 'win32'
   const isLinux = platform === 'linux'
 
@@ -233,6 +233,25 @@ export default function GamesSubmenu({
     isInstalled &&
     !isThirdPartyManaged
 
+  const hasWine =
+    !is.win && !is.native && gameSettings?.wineVersion.type !== 'crossover'
+
+  const onBrowseFiles = useCallback(() => {
+    const path = gameInfo.install.install_path || gameInfo.folder_name
+
+    if (path) {
+      window.api.openFolder(path)
+    }
+  }, [gameInfo])
+
+  const onBrowsePrefix = useCallback(() => {
+    const path = gameSettings?.winePrefix
+
+    if (path) {
+      window.api.openFolder(path)
+    }
+  }, [gameSettings])
+
   return (
     <>
       <div className="gameTools subMenuContainer">
@@ -377,6 +396,22 @@ export default function GamesSubmenu({
               {t('game.modify', 'Modify Installation')}
             </button>
           )}
+          {isInstalled && (
+            <button
+              onClick={async () => onBrowseFiles()}
+              className="link button is-text is-link"
+            >
+              {t('button.browse_files', 'Browse Files')}
+            </button>
+          )}
+          {hasWine && (
+            <button
+              onClick={async () => onBrowsePrefix()}
+              className="link button is-text is-link"
+            >
+              {t('button.browse_wine_prefix', 'Browse Wine Prefix')}
+            </button>
+          )}
         </div>
       </div>
       {showModal && (