prevent clustersection from editing provisioner

dashboard/src/components/TabRegion.tsx

@@ -38,7 +38,15 @@ export default class TabRegion extends Component<PropsType, StateType> {
   }
 
   renderContents = () => {
-    if (!this.props.currentTab) {
+    if (this.props.options.length === 0) {
+      return (
+        <Div>
+          <TabContents>
+            <Placeholder>No additional settings found.</Placeholder>
+          </TabContents>
+        </Div>
+      );
+    } else if (!this.props.currentTab) {
       return (
         <Loading />
       );
@@ -70,6 +78,18 @@ export default class TabRegion extends Component<PropsType, StateType> {
   }
 }
 
+const Placeholder = styled.div`
+  width: 100%;
+  height: 200px;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  background: #ffffff11;
+  border-radius: 5px;
+  color: #ffffff44;
+  font-size: 13px;
+`;
+
 const Div = styled.div`
   width: 100%;
   height: 100%;

dashboard/src/main/home/sidebar/ClusterSection.tsx

@@ -56,7 +56,7 @@ export default class ClusterSection extends Component<PropsType, StateType> {
           if (clusters.length > 0) {
             this.setState({ clusters });
             setCurrentCluster(clusters[0]);
-          } else {
+          } else if (this.props.currentView !== 'provisioner') {
             this.setState({ clusters: [] });
             setCurrentCluster(null);
             this.props.setCurrentView('dashboard');
@@ -75,7 +75,7 @@ export default class ClusterSection extends Component<PropsType, StateType> {
     if (prevProps !== this.props) {
 
       // Refresh clusters on project change 
-      if (this.state.prevProjectId !== this.context.currentProject.id && this.props.currentView !== 'provisioner') {
+      if (this.state.prevProjectId !== this.context.currentProject.id) {
         this.updateClusters();
         this.setState({ prevProjectId: this.context.currentProject.id });
       } else if (this.props.forceRefreshClusters === true) {