Chartref issues (#134)

* fix: chart is optional, handling chartRef
* fix: preventing undefined error
* Making sourceRef linkable

Author: laszlocph

web/src/ExpandedFooter.jsx

@@ -32,17 +32,17 @@ export function ExpandedFooter(props) {
               {
                 name: "Kustomizations",
                 href: "#",
-                count: fluxState.kustomizations.length,
+                count: fluxState.kustomizations?.length,
               },
               {
                 name: "Helm Releases",
                 href: "#",
-                count: fluxState.helmReleases.length,
+                count: fluxState.helmReleases?.length,
               },
               {
                 name: "Terraform",
                 href: "#",
-                count: fluxState.tfResources.length,
+                count: fluxState.tfResources?.length,
               },
               { name: "Flux Runtime", href: "#", count: undefined },
               { name: "Flux Events", href: "#", count: undefined },

web/src/HelmRevisionWidget.jsx

@@ -25,23 +25,35 @@ export function HelmRevisionWidget(props) {
   const reconciling = reconcilingCondition && reconcilingConditions[0].status === "True"
 
   const sourceRef = helmRelease.spec.chart ? helmRelease.spec.chart.spec.sourceRef : helmRelease.spec.chartRef
-
   const namespace = sourceRef.namespace ? sourceRef.namespace : helmRelease.metadata.namespace
   const navigationHandler = () => handleNavigationSelect("Sources", namespace, sourceRef.name, sourceRef.kind)
 
   return (
     <>
       {!ready && reconciling && !stalled &&
         <span>
-          <span>Attempting: </span>
+          <span>Reconciling new version: </span>
+          <NavigationButton handleNavigation={navigationHandler}>
+          {helmRelease.spec.chart &&
           <span>{helmRelease.spec.chart.spec.version}@{helmRelease.spec.chart.spec.chart}</span>
+          }
+          {helmRelease.spec.chartRef &&
+          <span>{`${helmRelease.spec.chartRef.namespace}/${helmRelease.spec.chartRef.name}`}</span>
+          }
+          </NavigationButton>
         </span>
       }
       {!ready && stalled &&
         <span className='bg-orange-400'>
-          <span>Last Attempted: </span>
-          {/* <span>{lastAttemptedRevision}@{version.chartName}</span> */}
+          <span>Reconciliation stalled: </span>
+          <NavigationButton handleNavigation={navigationHandler}>
+          {helmRelease.spec.chart &&
           <span>{helmRelease.spec.chart.spec.version}@{helmRelease.spec.chart.spec.chart}</span>
+          }
+          {helmRelease.spec.chartRef &&
+          <span>{`${helmRelease.spec.chartRef.namespace}/${helmRelease.spec.chartRef.name}`}</span>
+          }
+          </NavigationButton>
         </span>
       }
       <span className={`block ${ready || reconciling ? '' : 'font-normal text-neutral-600'} field`}>