From 3666c56319a9d1c3507c1f7062a5e01667e60889 Mon Sep 17 00:00:00 2001
From: Sebastian Malton <sebastian@malton.name>
Date: Mon, 8 Nov 2021 10:12:17 -0500
Subject: [PATCH] Display loading spinner while switching between helm charts
 (#4269)

---
 .../+apps-helm-charts/helm-chart-details.tsx           | 10 +++++++---
 1 file changed, 7 insertions(+), 3 deletions(-)

diff --git a/src/renderer/components/+apps-helm-charts/helm-chart-details.tsx b/src/renderer/components/+apps-helm-charts/helm-chart-details.tsx
index ae27987f8b..739d8082e3 100644
--- a/src/renderer/components/+apps-helm-charts/helm-chart-details.tsx
+++ b/src/renderer/components/+apps-helm-charts/helm-chart-details.tsx
@@ -49,9 +49,9 @@ const LargeTooltip = withStyles({
 @observer
 export class HelmChartDetails extends Component<Props> {
   @observable chartVersions: HelmChart[];
-  @observable selectedChart: HelmChart;
-  @observable readme: string = null;
-  @observable error: string = null;
+  @observable selectedChart?: HelmChart;
+  @observable readme?: string;
+  @observable error?: string;
 
   private abortController?: AbortController;
 
@@ -68,6 +68,10 @@ export class HelmChartDetails extends Component<Props> {
     disposeOnUnmount(this, [
       reaction(() => this.props.chart, async ({ name, repo, version }) => {
         try {
+          this.selectedChart = undefined;
+          this.chartVersions = undefined;
+          this.readme = undefined;
+
           const { readme, versions } = await getChartDetails(repo, name, { version });
 
           this.readme = readme;