Making sourceRef linkable

Author: laszlocph

web/src/HelmRevisionWidget.jsx

@@ -25,38 +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>
-          {helmRelease.spec.chart &&
-          <>
           <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.chart &&
-            <span>Reconciling new version..</span> // chartRef doesn't have version info
+          {helmRelease.spec.chartRef &&
+          <span>{`${helmRelease.spec.chartRef.namespace}/${helmRelease.spec.chartRef.name}`}</span>
           }
+          </NavigationButton>
         </span>
       }
       {!ready && stalled &&
         <span className='bg-orange-400'>
+          <span>Reconciliation stalled: </span>
+          <NavigationButton handleNavigation={navigationHandler}>
           {helmRelease.spec.chart &&
-          <>
-          <span>Last Attempted: </span>
           <span>{helmRelease.spec.chart.spec.version}@{helmRelease.spec.chart.spec.chart}</span>
-          </>
           }
-          {!helmRelease.spec.chart &&
-          <>
-            <span>Reconciliation stalled..</span>  // chartRef doesn't have version info
-          </>
+          {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`}>