From 86ac718ee9d47861820d47a2d3dcc19f876e5b5f Mon Sep 17 00:00:00 2001
From: alexfront <alex.andreev.email@gmail.com>
Date: Mon, 17 Aug 2020 12:41:06 +0300
Subject: [PATCH] Simplifying Helm loading state

Signed-off-by: alexfront <alex.andreev.email@gmail.com>
---
 src/renderer/components/+preferences/preferences.tsx | 9 ++++-----
 src/renderer/components/select/select.scss           | 2 +-
 2 files changed, 5 insertions(+), 6 deletions(-)

diff --git a/src/renderer/components/+preferences/preferences.tsx b/src/renderer/components/+preferences/preferences.tsx
index 643e15c5f8..99e7793623 100644
--- a/src/renderer/components/+preferences/preferences.tsx
+++ b/src/renderer/components/+preferences/preferences.tsx
@@ -21,7 +21,6 @@ import { Tooltip } from "../tooltip";
 @observer
 export class Preferences extends React.Component {
   @observable helmLoading = false;
-  @observable helmUpdating = false;
   @observable helmRepos: HelmRepo[] = [];
   @observable helmAddedRepos = observable.map<string, HelmRepo>();
 
@@ -90,9 +89,9 @@ export class Preferences extends React.Component {
       Notifications.ok(<Trans>Helm branch <b>{repo.name}</b> already in use</Trans>)
       return;
     }
-    this.helmUpdating = false;
+    this.helmLoading = true;
     await this.addRepo(repo);
-    this.helmUpdating = false;
+    this.helmLoading = false;
   }
 
   formatHelmOptionLabel = ({ value: repo }: SelectOption<HelmRepo>) => {
@@ -135,14 +134,14 @@ export class Preferences extends React.Component {
           <Select
             placeholder={<Trans>Repositories</Trans>}
             isLoading={this.helmLoading}
-            isDisabled={this.helmUpdating}
+            isDisabled={this.helmLoading}
             options={this.helmOptions}
             onChange={this.onRepoSelect}
             formatOptionLabel={this.formatHelmOptionLabel}
             controlShouldRenderValue={false}
           />
           <div className="repos flex gaps column">
-            {this.helmLoading && <Spinner center />}
+            
             {Array.from(this.helmAddedRepos).map(([name, repo]) => {
               const tooltipId = `message-${name}`;
               return (
diff --git a/src/renderer/components/select/select.scss b/src/renderer/components/select/select.scss
index 1b5a081362..a6cb7e0bbb 100644
--- a/src/renderer/components/select/select.scss
+++ b/src/renderer/components/select/select.scss
@@ -23,7 +23,7 @@ html {
     &--is-disabled {
       opacity: .75;
       cursor: not-allowed;
-      pointer-events: auto;
+      pointer-events: none;
     }
 
     &__control {