unavailable games red button

crates/lanspread-tauri-deno-ts/src/App.tsx

@@ -433,12 +433,23 @@ const App = () => {
         }
     };
 
+    const isUnavailable = (game: Game): boolean => {
+        return !game.installed
+            && !game.downloaded
+            && game.peer_count === 0
+            && game.install_status === InstallStatus.NotInstalled;
+    };
+
     const getActionLabel = (game: Game): string => {
         const inProgress = getInProgressLabel(game);
         if (inProgress) {
             return inProgress;
         }
 
+        if (isUnavailable(game)) {
+            return 'Unavailable';
+        }
+
         if (!game.installed) {
             return game.downloaded ? 'Install' : 'Download';
         }
@@ -550,8 +561,13 @@ const App = () => {
                                 <span className="desc-text">{item.description.slice(0, 10)}</span>
                                 <span className="size-text">{(item.size / 1024 / 1024 / 1024).toFixed(1)} GB</span>
                             </div>
-                            <div className="play-button"
+                            <div
+                                className={`play-button${isUnavailable(item) ? ' unavailable' : ''}`}
                                 onClick={() => {
+                                    if (isUnavailable(item)) {
+                                        return;
+                                    }
+
                                     if (!item.installed) {
                                         installGame(item.id);
                                     } else if (needsUpdate(item)) {