From 6f438901e0727471a32aca884d17e67cf05788b6 Mon Sep 17 00:00:00 2001
From: Paul Payne <paul@payne.io>
Date: Wed, 22 Oct 2025 23:18:14 +0000
Subject: [PATCH] Makes app status more resilient.

---
 src/components/apps/AppDetailModal.tsx | 10 ++++++----
 1 file changed, 6 insertions(+), 4 deletions(-)

diff --git a/src/components/apps/AppDetailModal.tsx b/src/components/apps/AppDetailModal.tsx
index 23334ea..8b81763 100644
--- a/src/components/apps/AppDetailModal.tsx
+++ b/src/components/apps/AppDetailModal.tsx
@@ -51,10 +51,12 @@ export function AppDetailModal({
   const { data: eventsData } = useAppEvents(instanceName, appName, 20);
   const { data: readmeContent, isLoading: readmeLoading } = useAppReadme(instanceName, appName);
 
-  const getPodStatusColor = (status: string) => {
-    if (status.toLowerCase().includes('running')) return 'text-green-600 dark:text-green-400';
-    if (status.toLowerCase().includes('pending')) return 'text-yellow-600 dark:text-yellow-400';
-    if (status.toLowerCase().includes('failed')) return 'text-red-600 dark:text-red-400';
+  const getPodStatusColor = (status: string | undefined) => {
+    if (!status) return 'text-muted-foreground';
+    const lowerStatus = status.toLowerCase();
+    if (lowerStatus.includes('running')) return 'text-green-600 dark:text-green-400';
+    if (lowerStatus.includes('pending')) return 'text-yellow-600 dark:text-yellow-400';
+    if (lowerStatus.includes('failed')) return 'text-red-600 dark:text-red-400';
     return 'text-muted-foreground';
   };