Re-add this back

src/app/main/game/page.tsx

@@ -57,6 +57,16 @@ export default function Installs () {
     )
   }
 
+  const filteredVersions = Object.keys(versionsList).filter(v => {
+    const info = serverVersionList?.versions.find(vf => vf.id == v)
+    if (!info) return false
+    if (platform() == 'linux' && info.wine && !linuxUseWine) return false
+    return (
+      info.game === id &&
+      (category == -1 ? info.category == -1 : info.category == category)
+    )
+  })
+
   return (
     <div className='mx-4 mt-4'>
       <div className='flex justify-between items-center mb-4'>
@@ -191,19 +201,22 @@ export default function Installs () {
                   </div>
                 )
               })}
-          {Object.keys(versionsList)
-            .filter(v => {
-              const info = serverVersionList?.versions.find(vf => vf.id == v)
-              if (!info) return false
-              if (platform() == 'linux' && info.wine && !linuxUseWine)
-                return false
-              return (
-                info.game === id &&
-                (category == -1
-                  ? info.category == -1
-                  : info.category == category)
-              )
-            })
+          {filteredVersions.length === 0 &&
+            (category !== -1 ||
+              Object.keys(versionsList).filter(v => {
+                const info = serverVersionList?.versions.find(vf => vf.id == v)
+                if (!info) return false
+
+                if (platform() == 'linux' && info.wine && !linuxUseWine)
+                  return false
+
+                return info.game === id
+              }).length === 0) && (
+              <div className='flex justify-center items-center h-full'>
+                <p className='text-3xl'>No versions installed</p>
+              </div>
+            )}
+          {filteredVersions
             .sort((a, b) => {
               const infoA = serverVersionList?.versions.find(vf => vf.id == a)
               const infoB = serverVersionList?.versions.find(vf => vf.id == b)

src/app/main/page.tsx

@@ -32,6 +32,13 @@ export default function Installs () {
     setSelectedVersionList([])
   }, [setSelectedVersionList, showPopup])
 
+  const filteredGames =
+    serverVersionList?.games.filter(g =>
+      serverVersionList.versions
+        .filter(v => v.game === g.id)
+        .some(v => Object.keys(versionsList).includes(v.id))
+    ) ?? []
+
   return (
     <div className='mx-4 mt-4'>
       <div className='flex justify-between items-center mb-4'>
@@ -57,13 +64,12 @@ export default function Installs () {
               : 'h-[calc(100vh-84px)]'
           }`}
         >
-          {serverVersionList?.games
-            .filter(g =>
-              serverVersionList.versions
-                .filter(v => v.game === g.id)
-                .some(v => Object.keys(versionsList).includes(v.id))
-            )
-            .map(i => (
+          {filteredGames.length == 0 ? (
+            <div className='flex justify-center items-center h-full'>
+              <p className='text-3xl'>No games installed</p>
+            </div>
+          ) : (
+            filteredGames.map(i => (
               <div
                 key={i.id}
                 className={'downloads-entry'}
@@ -84,10 +90,9 @@ export default function Installs () {
                     >
                       <p>
                         {(() => {
-                          const gameVersions =
-                            serverVersionList.versions.filter(
-                              v => v.game === i.id
-                            )
+                          const gameVersions = (
+                            serverVersionList?.versions ?? []
+                          ).filter(v => v.game === i.id)
                           const installed = gameVersions.filter(v =>
                             Object.keys(versionsList).includes(v.id)
                           ).length
@@ -126,7 +131,8 @@ export default function Installs () {
                   </div>
                 </div>
               </div>
-            ))}
+            ))
+          )}
         </div>
       </div>
     </div>