From cd89487c41b98e46810a17b5d2c697c89c2fe33a Mon Sep 17 00:00:00 2001
From: Oscar Zhou <100548325+oscarzhou-portainer@users.noreply.github.com>
Date: Thu, 22 Jun 2023 09:05:58 +1200
Subject: [PATCH] fix(environment): blank environments list page [EE-5615]
 (#9113)

---
 .../portainer/environments/ListView/columns/url.tsx    | 10 +++++-----
 app/react/portainer/environments/types.ts              |  2 +-
 2 files changed, 6 insertions(+), 6 deletions(-)

diff --git a/app/react/portainer/environments/ListView/columns/url.tsx b/app/react/portainer/environments/ListView/columns/url.tsx
index a7c7635d7..f1906ac64 100644
--- a/app/react/portainer/environments/ListView/columns/url.tsx
+++ b/app/react/portainer/environments/ListView/columns/url.tsx
@@ -33,8 +33,8 @@ function Cell({
     return (
       <>
         {environment.URL}
-        {environment.StatusMessage.Summary &&
-          environment.StatusMessage.Detail && (
+        {environment.StatusMessage?.Summary &&
+          environment.StatusMessage?.Detail && (
             <div className="ml-2 inline-block">
               <span className="text-danger vertical-center inline-flex">
                 <AlertCircle className="lucide" aria-hidden="true" />
@@ -79,15 +79,15 @@ function Cell({
     const status = (
       <span className="vertical-center inline-flex text-base">
         <Settings className="lucide animate-spin-slow" />
-        {environment.StatusMessage.Summary}
+        {environment.StatusMessage?.Summary}
       </span>
     );
-    if (!environment.StatusMessage.Detail) {
+    if (!environment.StatusMessage?.Detail) {
       return status;
     }
     return (
       <TooltipWithChildren
-        message={environment.StatusMessage.Detail}
+        message={environment.StatusMessage?.Detail}
         position="bottom"
       >
         {status}
diff --git a/app/react/portainer/environments/types.ts b/app/react/portainer/environments/types.ts
index f93ce9338..34d59b180 100644
--- a/app/react/portainer/environments/types.ts
+++ b/app/react/portainer/environments/types.ts
@@ -170,7 +170,7 @@ export type Environment = {
   /**
    *  A message that describes the status. Should be included for Status Provisioning or Error.
    */
-  StatusMessage: EnvironmentStatusMessage;
+  StatusMessage?: EnvironmentStatusMessage;
 };
 
 /**