[Fix] Showing Install Path for Browser games (#1043)

* [Fix] Showing Install Path for Browser games

* ui: dont show import button for browser games

---------

Co-authored-by: Flavio F Lima <flavioislima@users.noreply.github.com>

Author: flavioislima

src/frontend/screens/Library/components/InstallModal/DownloadDialog/index.tsx

@@ -131,6 +131,7 @@ export default function DownloadDialog({
 
   const isWin = platform === 'win32'
   const isNotNative = platformToInstall === 'Windows' && !isWin
+  const isBrowserGame = platformToInstall === 'Browser'
 
   const [gameInstallInfo, setGameInstallInfo] = useState<
     LegendaryInstallInfo | GogInstallInfo | HyperPlayInstallInfo | null
@@ -546,70 +547,72 @@ export default function DownloadDialog({
           </SelectField>
         )}
 
-        <TextInputWithIconField
-          htmlId="setinstallpath"
-          label={t('install.path', 'Select Install Path')}
-          placeholder={getDefaultInstallPath()}
-          value={installPath.replaceAll("'", '')}
-          onChange={(event) => setInstallPath(event.target.value)}
-          icon={<FontAwesomeIcon icon={faFolderOpen} />}
-          inputProps={{ readOnly: true, className: styles.folderTextInput }}
-          onIconClick={async () =>
-            window.api
-              .openDialog({
-                buttonLabel: t('box.choose'),
-                properties: ['openDirectory'],
-                title: t('install.path'),
-                defaultPath: getDefaultInstallPath()
-              })
-              .then((path) => setInstallPath(path || getDefaultInstallPath()))
-          }
-          afterInput={
-            gameDownloadSize ? (
-              <span className="smallInputInfo">
-                {validPath && (
-                  <>
-                    <span>
-                      {`${t('install.disk-space-left', 'Space Available')}: `}
+        {isBrowserGame ? null : (
+          <TextInputWithIconField
+            htmlId="setinstallpath"
+            label={t('install.path', 'Select Install Path')}
+            placeholder={getDefaultInstallPath()}
+            value={installPath.replaceAll("'", '')}
+            onChange={(event) => setInstallPath(event.target.value)}
+            icon={<FontAwesomeIcon icon={faFolderOpen} />}
+            inputProps={{ readOnly: true, className: styles.folderTextInput }}
+            onIconClick={async () =>
+              window.api
+                .openDialog({
+                  buttonLabel: t('box.choose'),
+                  properties: ['openDirectory'],
+                  title: t('install.path'),
+                  defaultPath: getDefaultInstallPath()
+                })
+                .then((path) => setInstallPath(path || getDefaultInstallPath()))
+            }
+            afterInput={
+              gameDownloadSize ? (
+                <span className="smallInputInfo">
+                  {validPath && (
+                    <>
+                      <span>
+                        {`${t('install.disk-space-left', 'Space Available')}: `}
+                      </span>
+                      <span>
+                        <strong>{`${message}`}</strong>
+                      </span>
+                      {!notEnoughDiskSpace && (
+                        <>
+                          <span>
+                            {` - ${t(
+                              'install.space-after-install',
+                              'After Install'
+                            )}: `}
+                          </span>
+                          <span>
+                            <strong>{`${spaceLeftAfter}`}</strong>
+                          </span>
+                        </>
+                      )}
+                    </>
+                  )}
+                  {!validPath && (
+                    <span className="warning">
+                      {`${t(
+                        'install.path-not-writtable',
+                        'Warning: path might not be writable.'
+                      )}`}
                     </span>
-                    <span>
-                      <strong>{`${message}`}</strong>
+                  )}
+                  {validPath && notEnoughDiskSpace && (
+                    <span className="warning">
+                      {` (${t(
+                        'install.not-enough-disk-space',
+                        'Not enough disk space'
+                      )})`}
                     </span>
-                    {!notEnoughDiskSpace && (
-                      <>
-                        <span>
-                          {` - ${t(
-                            'install.space-after-install',
-                            'After Install'
-                          )}: `}
-                        </span>
-                        <span>
-                          <strong>{`${spaceLeftAfter}`}</strong>
-                        </span>
-                      </>
-                    )}
-                  </>
-                )}
-                {!validPath && (
-                  <span className="warning">
-                    {`${t(
-                      'install.path-not-writtable',
-                      'Warning: path might not be writable.'
-                    )}`}
-                  </span>
-                )}
-                {validPath && notEnoughDiskSpace && (
-                  <span className="warning">
-                    {` (${t(
-                      'install.not-enough-disk-space',
-                      'Not enough disk space'
-                    )})`}
-                  </span>
-                )}
-              </span>
-            ) : null
-          }
-        />
+                  )}
+                </span>
+              ) : null
+            }
+          />
+        )}
         {children}
         {haveSDL ? (
           <div className="InstallModal__sdls">
@@ -654,13 +657,15 @@ export default function DownloadDialog({
         )}
       </div>
       <DialogFooter>
-        <Button
-          type="tertiary"
-          size="medium"
-          onClick={async () => handleInstall('import')}
-        >
-          {t('button.import')}
-        </Button>
+        {isBrowserGame ? null : (
+          <Button
+            type="tertiary"
+            size="medium"
+            onClick={async () => handleInstall('import')}
+          >
+            {t('button.import')}
+          </Button>
+        )}
         <Button
           type="secondary"
           size="medium"