From 6e05aac871f4f3a4fa08cb3157e4d408ff6e9ae8 Mon Sep 17 00:00:00 2001
From: Lncvrt <lncvrtreal@gmail.com>
Date: Wed, 4 Feb 2026 16:56:25 -0700
Subject: [PATCH] Fix games that can't even be installed showing up

---
 src/app/layout.tsx | 156 ++++++++++++++++++++++++---------------------
 1 file changed, 84 insertions(+), 72 deletions(-)

diff --git a/src/app/layout.tsx b/src/app/layout.tsx
index aaac465..6a304a3 100644
--- a/src/app/layout.tsx
+++ b/src/app/layout.tsx
@@ -597,81 +597,93 @@ export default function RootLayout ({
                             Select a game to download
                           </p>
                           <div className='popup-content'>
-                            {serverVersionList?.games.map((v, i) => (
-                              <div key={i} className='popup-entry'>
-                                <p className='text-2xl'>{v.name}</p>
-                                <div className='flex gap-2'>
-                                  <div
-                                    className='entry-info-item btntheme3'
-                                    title='The amount of versions installed of this game in installed/installable format.'
-                                  >
-                                    <p>
-                                      {(() => {
-                                        const data = getVersionsAmountData(v.id)
-                                        if (!data) return 'N/A'
-                                        return `${data.installed}/${data.total}`
-                                      })()}{' '}
-                                      versions installed
-                                    </p>
-                                  </div>
-                                  <div
-                                    className='entry-info-item btntheme3'
-                                    hidden={!v.official}
-                                    title='This game is official.'
-                                  >
-                                    <FontAwesomeIcon
-                                      icon={faCheck}
-                                      color='#19c84b'
-                                    />
-                                    <p>Official</p>
-                                  </div>
-                                  <div
-                                    className='entry-info-item btntheme3'
-                                    hidden={v.official}
-                                    title={
-                                      v.verified
-                                        ? 'This game is verified to be safe'
-                                        : 'This game is NOT verified to be save. Proceed with caution.'
-                                    }
-                                  >
-                                    <FontAwesomeIcon
-                                      icon={
-                                        v.verified ? faShieldHalved : faWarning
+                            {serverVersionList?.games
+                              .filter(v => {
+                                const data = getVersionsAmountData(v.id)
+                                if (!data) return false
+                                if (data.total > 0) return true
+                              })
+                              .map((v, i) => (
+                                <div key={i} className='popup-entry'>
+                                  <p className='text-2xl'>{v.name}</p>
+                                  <div className='flex gap-2'>
+                                    <div
+                                      className='entry-info-item btntheme3'
+                                      title='The amount of versions installed of this game in installed/installable format.'
+                                    >
+                                      <p>
+                                        {(() => {
+                                          const data = getVersionsAmountData(
+                                            v.id
+                                          )
+                                          if (!data) return 'N/A'
+                                          return `${data.installed}/${data.total}`
+                                        })()}{' '}
+                                        versions installed
+                                      </p>
+                                    </div>
+                                    <div
+                                      className='entry-info-item btntheme3'
+                                      hidden={!v.official}
+                                      title='This game is official.'
+                                    >
+                                      <FontAwesomeIcon
+                                        icon={faCheck}
+                                        color='#19c84b'
+                                      />
+                                      <p>Official</p>
+                                    </div>
+                                    <div
+                                      className='entry-info-item btntheme3'
+                                      hidden={v.official}
+                                      title={
+                                        v.verified
+                                          ? 'This game is verified to be safe'
+                                          : 'This game is NOT verified to be save. Proceed with caution.'
                                       }
-                                      color={v.verified ? '#19c84b' : '#ffc800'}
-                                    />
-                                    <p>
-                                      {v.verified ? 'Verified' : 'Unverified'}
-                                    </p>
+                                    >
+                                      <FontAwesomeIcon
+                                        icon={
+                                          v.verified
+                                            ? faShieldHalved
+                                            : faWarning
+                                        }
+                                        color={
+                                          v.verified ? '#19c84b' : '#ffc800'
+                                        }
+                                      />
+                                      <p>
+                                        {v.verified ? 'Verified' : 'Unverified'}
+                                      </p>
+                                    </div>
                                   </div>
+                                  <div
+                                    className='entry-info-item btntheme3 mt-2'
+                                    hidden={v.developer == null}
+                                    title={`The developer of ${v.name} is ${v.developer}.`}
+                                  >
+                                    <FontAwesomeIcon
+                                      icon={faCode}
+                                      color='lightgray'
+                                    />
+                                    <p>Developer: {v.developer}</p>
+                                  </div>
+                                  <button
+                                    className='button btntheme3 right-2 bottom-2'
+                                    onClick={() => setSelectedGame(v.id)}
+                                    title={`Click to download specific versions of the game. You have ${(() => {
+                                      const data = getVersionsAmountData(v.id)
+                                      if (!data) return 'N/A'
+                                      return `${data.installed} of ${data.total}`
+                                    })()} versions downloaded.`}
+                                  >
+                                    <>
+                                      <FontAwesomeIcon icon={faDownload} />{' '}
+                                      Download
+                                    </>
+                                  </button>
                                 </div>
-                                <div
-                                  className='entry-info-item btntheme3 mt-2'
-                                  hidden={v.developer == null}
-                                  title={`The developer of ${v.name} is ${v.developer}.`}
-                                >
-                                  <FontAwesomeIcon
-                                    icon={faCode}
-                                    color='lightgray'
-                                  />
-                                  <p>Developer: {v.developer}</p>
-                                </div>
-                                <button
-                                  className='button btntheme3 right-2 bottom-2'
-                                  onClick={() => setSelectedGame(v.id)}
-                                  title={`Click to download specific versions of the game. You have ${(() => {
-                                    const data = getVersionsAmountData(v.id)
-                                    if (!data) return 'N/A'
-                                    return `${data.installed} of ${data.total}`
-                                  })()} versions downloaded.`}
-                                >
-                                  <>
-                                    <FontAwesomeIcon icon={faDownload} />{' '}
-                                    Download
-                                  </>
-                                </button>
-                              </div>
-                            ))}
+                              ))}
                           </div>
                         </>
                       ) : popupMode === 1 ? (