From 04979471594903a7338f1905508dc122f2f0cf53 Mon Sep 17 00:00:00 2001
From: pashevskii <53330707+pashevskii@users.noreply.github.com>
Date: Tue, 3 Nov 2020 19:41:30 +0400
Subject: [PATCH] [BugFix] Chart details are not updated on selecting another
 chart (#1155)

Signed-off-by: Pavel Ashevskii <pashevskii@mirantis.com>
---
 .../+apps-helm-charts/helm-chart-details.tsx  | 28 +++++++++----------
 1 file changed, 14 insertions(+), 14 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 4ae8995f11..a5531affa3 100644
--- a/src/renderer/components/+apps-helm-charts/helm-chart-details.tsx
+++ b/src/renderer/components/+apps-helm-charts/helm-chart-details.tsx
@@ -3,7 +3,7 @@ import "./helm-chart-details.scss";
 import React, { Component } from "react";
 import { HelmChart, helmChartsApi } from "../../api/endpoints/helm-charts.api";
 import { t, Trans } from "@lingui/macro";
-import { observable, toJS } from "mobx";
+import { observable, autorun } from "mobx";
 import { observer } from "mobx-react";
 import { Drawer, DrawerItem } from "../drawer";
 import { autobind, stopPropagation } from "../../utils";
@@ -30,23 +30,23 @@ export class HelmChartDetails extends Component<Props> {
 
   private chartPromise: CancelablePromise<{ readme: string; versions: HelmChart[] }>;
 
-  async componentDidMount() {
-    const { chart: { name, repo, version } } = this.props
-
-    try {
-      const { readme, versions } = await (this.chartPromise = helmChartsApi.get(repo, name, version))
-      this.readme = readme
-      this.chartVersions = versions
-      this.selectedChart = versions[0]
-    } catch (error) {
-      this.error = error
-    }
-  }
-
   componentWillUnmount() {
     this.chartPromise?.cancel();
   }
 
+  chartUpdater = autorun(() => {
+    this.selectedChart = null
+    const { chart: { name, repo, version } } = this.props
+    helmChartsApi.get(repo, name, version).then(result => {
+      this.readme = result.readme
+      this.chartVersions = result.versions
+      this.selectedChart = result.versions[0]
+    },
+    error => {
+      this.error = error;
+    })
+  });
+
   @autobind()
   async onVersionChange({ value: version }: SelectOption) {
     this.selectedChart = this.chartVersions.find(chart => chart.version === version);