From f223418d22b60615a7ecae1d50ec053b737908a2 Mon Sep 17 00:00:00 2001
From: ddidderr <ddidderr@paul.network>
Date: Thu, 13 Nov 2025 19:45:54 +0100
Subject: [PATCH] ui fix peer filtering

---
 crates/lanspread-tauri-deno-ts/src/App.tsx | 6 +++++-
 1 file changed, 5 insertions(+), 1 deletion(-)

diff --git a/crates/lanspread-tauri-deno-ts/src/App.tsx b/crates/lanspread-tauri-deno-ts/src/App.tsx
index 76b5b5d..850804a 100644
--- a/crates/lanspread-tauri-deno-ts/src/App.tsx
+++ b/crates/lanspread-tauri-deno-ts/src/App.tsx
@@ -48,7 +48,8 @@ const App = () => {
     const getFilteredGames = (games: Game[], filter: GameFilter): Game[] => {
         switch (filter) {
             case 'available':
-                return games.filter(game => game.peer_count > 0);
+                // Show union of installed games and games with peers
+                return games.filter(game => game.installed || game.peer_count > 0);
             case 'installed':
                 return games.filter(game => game.installed);
             case 'all':
@@ -403,18 +404,21 @@ const App = () => {
                             <button
                                 className={`filter-button ${currentFilter === 'all' ? 'active' : ''}`}
                                 onClick={() => setCurrentFilter('all')}
+                                title="Show all games, regardless of installation status or peer availability"
                             >
                                 All Games
                             </button>
                             <button
                                 className={`filter-button ${currentFilter === 'available' ? 'active' : ''}`}
                                 onClick={() => setCurrentFilter('available')}
+                                title="Show games that are either installed or have peers available for download"
                             >
                                 Available
                             </button>
                             <button
                                 className={`filter-button ${currentFilter === 'installed' ? 'active' : ''}`}
                                 onClick={() => setCurrentFilter('installed')}
+                                title="Show only games that are currently installed on your system"
                             >
                                 Installed
                             </button>