From caac45b834db853fc42cdf0517b0ee674f5ba08e Mon Sep 17 00:00:00 2001
From: James Player <james.player@portainer.io>
Date: Thu, 5 Jun 2025 10:14:39 +1200
Subject: [PATCH] feat(UI): Add repository url to Helm chart installation list
 items (#769)

---
 .../HelmTemplates/HelmTemplatesListItem.tsx   | 15 ++++---------
 .../HelmTemplatesSelectedItem.test.tsx        |  2 +-
 .../HelmTemplatesSelectedItem.tsx             | 22 +++++--------------
 3 files changed, 11 insertions(+), 28 deletions(-)

diff --git a/app/react/kubernetes/helm/HelmTemplates/HelmTemplatesListItem.tsx b/app/react/kubernetes/helm/HelmTemplates/HelmTemplatesListItem.tsx
index de8272bcb..a1ee6a444 100644
--- a/app/react/kubernetes/helm/HelmTemplates/HelmTemplatesListItem.tsx
+++ b/app/react/kubernetes/helm/HelmTemplates/HelmTemplatesListItem.tsx
@@ -2,8 +2,6 @@ import React from 'react';
 
 import { FallbackImage } from '@/react/components/FallbackImage';
 
-import Svg from '@@/Svg';
-
 import { Chart } from '../types';
 
 import { HelmIcon } from './HelmIcon';
@@ -40,15 +38,10 @@ export function HelmTemplatesListItem(props: HelmTemplatesListItemProps) {
 
         <div className="col-sm-12 flex flex-wrap justify-between gap-2">
           <div className="blocklist-item-line">
-            <span>
-              <span className="blocklist-item-title">{model.name}</span>
-              <span className="space-left blocklist-item-subtitle">
-                <span className="vertical-center">
-                  <Svg icon="helm" className="icon icon-primary" />
-                </span>
-                <span> Helm </span>
-              </span>
-            </span>
+            <div>
+              <div className="blocklist-item-title">{model.name}</div>
+              <div className="small text-muted mt-1">{model.repo}</div>
+            </div>
           </div>
 
           <span className="blocklist-item-actions">{actions}</span>
diff --git a/app/react/kubernetes/helm/HelmTemplates/HelmTemplatesSelectedItem.test.tsx b/app/react/kubernetes/helm/HelmTemplates/HelmTemplatesSelectedItem.test.tsx
index 215838ff8..f7328cc4d 100644
--- a/app/react/kubernetes/helm/HelmTemplates/HelmTemplatesSelectedItem.test.tsx
+++ b/app/react/kubernetes/helm/HelmTemplates/HelmTemplatesSelectedItem.test.tsx
@@ -99,7 +99,7 @@ describe('HelmTemplatesSelectedItem', () => {
     expect(screen.getByText('test-chart')).toBeInTheDocument();
     expect(screen.getByText('Test Chart Description')).toBeInTheDocument();
     expect(screen.getByText('Clear selection')).toBeInTheDocument();
-    expect(screen.getByText('Helm')).toBeInTheDocument();
+    expect(screen.getByText('https://example.com')).toBeInTheDocument();
   });
 
   it('should toggle custom values editor', async () => {
diff --git a/app/react/kubernetes/helm/HelmTemplates/HelmTemplatesSelectedItem.tsx b/app/react/kubernetes/helm/HelmTemplates/HelmTemplatesSelectedItem.tsx
index baffb9655..837659fcd 100644
--- a/app/react/kubernetes/helm/HelmTemplates/HelmTemplatesSelectedItem.tsx
+++ b/app/react/kubernetes/helm/HelmTemplates/HelmTemplatesSelectedItem.tsx
@@ -10,7 +10,6 @@ import { useCanExit } from '@/react/hooks/useCanExit';
 import { Widget } from '@@/Widget';
 import { Button } from '@@/buttons/Button';
 import { FallbackImage } from '@@/FallbackImage';
-import Svg from '@@/Svg';
 import { Icon } from '@@/Icon';
 import { WebEditorForm } from '@@/WebEditorForm';
 import { confirmGenericDiscard } from '@@/modals/confirm';
@@ -100,22 +99,13 @@ export function HelmTemplatesSelectedItem({
                 className="h-16 w-16"
               />
               <div className="col-sm-12">
-                <div className="flex justify-between">
-                  <span>
-                    <span className="text-2xl font-bold">
-                      {selectedChart.name}
-                    </span>
-                    <span className="space-left pr-2 text-xs">
-                      <span className="vertical-center">
-                        <Svg icon="helm" className="icon icon-primary" />
-                      </span>{' '}
-                      <span>Helm</span>
-                    </span>
-                  </span>
-                </div>
-                <div className="text-muted text-xs">
-                  {selectedChart.description}
+                <div>
+                  <div className="text-2xl font-bold">{selectedChart.name}</div>
+                  <div className="small text-muted mt-1">
+                    {selectedChart.repo}
+                  </div>
                 </div>
+                <div className="text-xs mt-2">{selectedChart.description}</div>
               </div>
             </div>
           </div>