[UX] Divide Wine-GE and Wine-GE-LoL in 2 tabs (#3327)

Divide Wine-GE and Wine-GE-LoL in 2 tabs
Heroic-Games-Launcher · Dec 19, 2023 · ced0c3a · ced0c3a
1 parent 9e9ffcc
commit ced0c3a
Show file tree

Hide file tree

Showing 2 changed files with 16 additions and 4 deletions.
diff --git a/src/common/types.ts b/src/common/types.ts
@@ -649,6 +649,7 @@ export interface WikiInfo {
  */
 export type Type =
   | 'Wine-GE'
+  | 'Wine-GE-LoL'
   | 'Proton-GE'
   | 'Proton'
   | 'Wine-Lutris'

diff --git a/src/frontend/screens/WineManager/index.tsx b/src/frontend/screens/WineManager/index.tsx
@@ -22,7 +22,7 @@ const configStore = new TypeCheckedStoreFrontend('wineManagerConfigStore', {
   cwd: 'store'
 })
 
-export default React.memo(function WineManager(): JSX.Element | null {
+export default function WineManager(): JSX.Element | null {
   const { t } = useTranslation()
   const { refreshWineVersionInfo, refreshing, platform } =
     useContext(ContextProvider)
@@ -46,14 +46,25 @@ export default React.memo(function WineManager(): JSX.Element | null {
     WineManagerUISettings[]
   >([
     { type: 'Wine-GE', value: 'winege', enabled: isLinux },
+    { type: 'Wine-GE-LoL', value: 'winege-lol', enabled: isLinux },
     { type: 'Proton-GE', value: 'protonge', enabled: isLinux },
     { type: 'Wine-Crossover', value: 'winecrossover', enabled: !isLinux },
     { type: 'Wine-Staging-macOS', value: 'winestagingmacos', enabled: !isLinux }
   ])
 
   const getWineVersions = (repo: Type) => {
-    const versions = wineDownloaderInfoStore.get('wine-releases', [])
-    return versions.filter((version) => version.type === repo)
+    let versions = wineDownloaderInfoStore.get('wine-releases', [])
+
+    if (repo.startsWith('Wine-GE')) {
+      versions = versions.filter((version) => version.type === 'Wine-GE')
+      if (repo.endsWith('LoL')) {
+        return versions.filter((version) => version.version.endsWith('LoL'))
+      } else {
+        return versions.filter((version) => !version.version.endsWith('LoL'))
+      }
+    } else {
+      return versions.filter((version) => version.type === repo)
+    }
   }
 
   const [wineVersions, setWineVersions] = useState<WineVersionInfo[]>(
@@ -155,4 +166,4 @@ export default React.memo(function WineManager(): JSX.Element | null {
       </div>
     </>
   )
-})
+}