From e2f87a42a61352ba10b601e222608eb8c1f4bff8 Mon Sep 17 00:00:00 2001
From: Remington Breeze <remington@breeze.software>
Date: Thu, 17 Jun 2021 12:58:22 -0700
Subject: [PATCH] fix(ui): UI crashes on rollout view due to undefined status
 (#1287)

Signed-off-by: Remington Breeze <remington@breeze.software>
---
 ui/src/app/components/rollout/rollout.tsx | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/ui/src/app/components/rollout/rollout.tsx b/ui/src/app/components/rollout/rollout.tsx
index 9e8453450c..e9712d5155 100644
--- a/ui/src/app/components/rollout/rollout.tsx
+++ b/ui/src/app/components/rollout/rollout.tsx
@@ -199,7 +199,7 @@ export const Rollout = () => {
                                 </div>
                             </ThemeDiv>
                         )}
-                        {(rollout.strategy || '').toLowerCase() === 'canary' && rollout.steps && rollout.steps.length > 0 && (
+                        {(rollout?.strategy || '').toLowerCase() === 'canary' && rollout.steps && rollout.steps.length > 0 && (
                             <ThemeDiv className='info steps'>
                                 <ThemeDiv className='info__title'>Steps</ThemeDiv>
                                 <div style={{marginTop: '1em'}}>
@@ -338,7 +338,7 @@ const AnalysisRunWidget = (props: {analysisRuns: RolloutAnalysisRunInfo[]}) => {
                                 <div>Created at {formatTimestamp(JSON.stringify(ar.objectMeta.creationTimestamp))}</div>
                             </React.Fragment>
                         }>
-                        <ThemeDiv className={`analysis__run analysis__run--${ar.status.toLowerCase() || 'unknown'}`} />
+                        <ThemeDiv className={`analysis__run analysis__run--${ar.status ? ar.status.toLowerCase() : 'unknown'}`} />
                     </Tooltip>
                 ))}
             </div>