Revert "[UI] Remove FSR toggle (#2842)" (#2876)

Author: imLinguin

public/locales/en/translation.json

@@ -246,6 +246,7 @@
         "store": "Filter Store"
     },
     "help": {
+        "amdfsr": "AMD's FSR helps boost framerate by upscaling lower resolutions in Fullscreen Mode. Image quality increases from 5 to 1 at the cost of a slight performance hit. Enabling may improve performance.",
         "custom_themes_path": "Do not use CSS files from untrusted sources. When in doubt, ask for a review in our Discord channel.",
         "custom_themes_wiki": "Check the Wiki for more details on adding custom themes. Click here.",
         "disable_logs": "Toggle this checkbox ON to disable most of the writes to log files (critical information is always logged). Make sure to turn OFF this setting before reporting any issue.",
@@ -494,6 +495,7 @@
         "download-no-https": "Download games without HTTPS (useful for CDNs e.g. LanCache)",
         "dxvkfpslimit": "Limit FPS (DX9, 10 and 11)",
         "egs-sync": "Sync with Installed Epic Games",
+        "enableFSRHack": "Enable FSR Hack (Wine version needs to support it)",
         "eosOverlay": {
             "cancelInstall": "Cancel",
             "checkForUpdates": "Check for updates",
@@ -516,6 +518,7 @@
         },
         "esync": "Enable Esync",
         "exit-to-tray": "Exit to System Tray",
+        "FsrSharpnessStrenght": "FSR Sharpness Strength",
         "fsync": "Enable Fsync",
         "gamemode": "Use GameMode (Feral Game Mode needs to be installed)",
         "hideChangelogsOnStartup": "Don't show changelogs on Startup",

src/backend/game_config.ts

@@ -211,6 +211,7 @@ class GameConfigV0 extends GameConfig {
       preferSystemLibs,
       autoSyncSaves,
       enableEsync,
+      enableFSR,
       enableFsync,
       maxSharpness,
       launcherArgs,
@@ -237,6 +238,7 @@ class GameConfigV0 extends GameConfig {
       preferSystemLibs,
       autoSyncSaves,
       enableEsync,
+      enableFSR,
       enableFsync,
       maxSharpness,
       launcherArgs,

src/backend/launcher.ts

@@ -339,6 +339,13 @@ function setupWineEnvVars(gameSettings: GameSettings, gameId = '0') {
       )
     }
   }
+  if (gameSettings.enableFSR) {
+    ret.WINE_FULLSCREEN_FSR = '1'
+    ret.WINE_FULLSCREEN_FSR_STRENGTH =
+      gameSettings.maxSharpness?.toString() || '2'
+  } else {
+    ret.WINE_FULLSCREEN_FSR = '0'
+  }
   if (gameSettings.enableEsync && wineVersion.type !== 'proton') {
     ret.WINEESYNC = '1'
   }

src/common/types.ts

@@ -138,6 +138,7 @@ export interface GameSettings {
   eacRuntime: boolean
   enableDXVKFpsLimit: boolean
   enableEsync: boolean
+  enableFSR: boolean
   enableFsync: boolean
   enviromentOptions: EnviromentVariable[]
   ignoreGameUpdates: boolean

src/frontend/screens/Settings/components/EnableFSR.tsx

@@ -0,0 +1,62 @@
+import React, { useContext } from 'react'
+import { useTranslation } from 'react-i18next'
+import { SelectField, ToggleSwitch } from 'frontend/components/UI'
+import useSetting from 'frontend/hooks/useSetting'
+import ContextProvider from 'frontend/state/ContextProvider'
+import { FontAwesomeIcon } from '@fortawesome/react-fontawesome'
+import { faCircleInfo } from '@fortawesome/free-solid-svg-icons'
+import SettingsContext from '../SettingsContext'
+
+const EnableFSR = () => {
+  const { t } = useTranslation()
+  const { platform } = useContext(ContextProvider)
+  const { isLinuxNative } = useContext(SettingsContext)
+  const isLinux = platform === 'linux'
+  const [enableFSR, setEnableFSR] = useSetting('enableFSR', false)
+  const [maxSharpness, setFsrSharpness] = useSetting('maxSharpness', 5)
+
+  if (!isLinux || isLinuxNative) {
+    return <></>
+  }
+
+  return (
+    <>
+      <div className="toggleRow">
+        <ToggleSwitch
+          htmlId="enableFSR"
+          value={enableFSR || false}
+          handleChange={() => setEnableFSR(!enableFSR)}
+          title={t(
+            'setting.enableFSRHack',
+            'Enable FSR Hack (Wine version needs to support it)'
+          )}
+        />
+
+        <FontAwesomeIcon
+          className="helpIcon"
+          icon={faCircleInfo}
+          title={t(
+            'help.amdfsr',
+            "AMD's FSR helps boost framerate by upscaling lower resolutions in Fullscreen Mode. Image quality increases from 5 to 1 at the cost of a slight performance hit. Enabling may improve performance."
+          )}
+        />
+      </div>
+
+      {enableFSR && (
+        <SelectField
+          htmlId="setFsrSharpness"
+          onChange={(event) => setFsrSharpness(Number(event.target.value))}
+          value={maxSharpness.toString()}
+          label={t('setting.FsrSharpnessStrenght', 'FSR Sharpness Strength')}
+          extraClass="smaller"
+        >
+          {Array.from(Array(5).keys()).map((n) => (
+            <option key={n + 1}>{n + 1}</option>
+          ))}
+        </SelectField>
+      )}
+    </>
+  )
+}
+
+export default EnableFSR

src/frontend/screens/Settings/components/index.ts

@@ -18,6 +18,7 @@ export { default as DownloadNoHTTPS } from './DownloadNoHTTPS'
 export { default as EacRuntime } from './EacRuntime'
 export { default as EgsSettings } from './EgsSettings'
 export { default as EnableEsync } from './EnableEsync'
+export { default as EnableFSR } from './EnableFSR'
 export { default as EnableFsync } from './EnableFsync'
 export { default as EnvVariablesTable } from './EnvVariablesTable'
 export { default as GameMode } from './GameMode'

src/frontend/screens/Settings/sections/GamesSettings/index.tsx

@@ -11,6 +11,7 @@ import {
   CrossoverBottle,
   EacRuntime,
   EnableEsync,
+  EnableFSR,
   EnableFsync,
   EnvVariablesTable,
   GameMode,
@@ -135,6 +136,8 @@ export default function GamesSettings({ useDetails = true }: Props) {
 
                 <PreferSystemLibs />
 
+                <EnableFSR />
+
                 <GameMode />
               </>
             )}