Fix UI break if there is no Key message in cluster condtitions (#1160)

Co-authored-by: Ahmed Magdy <[email protected]>
Co-authored-by: Simon <[email protected]>

Author: 3 people

ui-cra/src/components/Clusters/ClusterDashboard.tsx

@@ -86,7 +86,7 @@ const ClusterDashboard = ({ clusterName }: Props) => {
             <RouterTab name="Details" path={`${path}/details`}>
               <ClusterDashbordWrapper>
                 {currentCluster?.conditions &&
-                currentCluster?.conditions[0].message ? (
+                currentCluster?.conditions[0]?.message ? (
                   <div style={{ paddingBottom: theme.spacing.small }}>
                     <KubeStatusIndicator
                       conditions={currentCluster.conditions}

ui-cra/src/components/Clusters/index.tsx

@@ -434,7 +434,7 @@ const MCCP: FC = () => {
                     {
                       label: 'Message',
                       value: (c: GitopsClusterEnriched) =>
-                        (c.conditions && c.conditions[0].message) || null,
+                        (c.conditions && c.conditions[0]?.message) || null,
                       sortType: SortType.string,
                       sortValue: ({ conditions }) => computeMessage(conditions),
                       maxWidth: 600,