X-Git-Url: https://gerrit.onap.org/r/gitweb?p=aai%2Fsparky-fe.git;a=blobdiff_plain;f=src%2Fapp%2FtierSupport%2FTierSupport.jsx;h=e51dde8b67f076523f8628063e274658092111a3;hp=943943f44e84af7d6105f99fa619cece9074c97d;hb=c89060158fab7394c3bddc5eacb0411dbb13785c;hpb=f42261a2cd0582e0209018c23816681e146ea97d

diff --git a/src/app/tierSupport/TierSupport.jsx b/src/app/tierSupport/TierSupport.jsx
index 943943f..e51dde8 100644
--- a/src/app/tierSupport/TierSupport.jsx
+++ b/src/app/tierSupport/TierSupport.jsx
@@ -24,8 +24,7 @@
 import React, {Component} from 'react';
 import {connect} from 'react-redux';
 import SplitPane from 'react-split-pane';
-import { ClipLoader } from 'react-spinners';
-import {COLOR_BLUE} from 'utils/GlobalConstants.js';
+import Spinner from 'utils/SpinnerContainer.jsx';
 
 import {setSecondaryTitle} from 'app/MainScreenWrapperActionHelper.js';
 import ForceDirectedGraph from 'generic-components/graph/ForceDirectedGraph.jsx';
@@ -177,11 +176,6 @@ class TierSupport extends Component {
             onNodeMenuSelect,
             enableBusyFeedback
           } = this.props;
-
-    let componentVisibitliyClassName = 'showContainer';
-    if(enableBusyFeedback){
-      componentVisibitliyClassName = 'hideContainer';
-    }
     let availableOverlay;
     let overlayComponent;
     // Currently only ONE overlay can be added to each view.
@@ -209,10 +203,7 @@ class TierSupport extends Component {
     let currentSelectedMenu = this.getCurrentSelectedMenu(overlayComponent);
     return (
       <div className='tier-support-ui'>
-          <div className='spinner'>
-              <ClipLoader color={COLOR_BLUE} loading={enableBusyFeedback} />
-            </div>
-          <div className={componentVisibitliyClassName}>
+          <Spinner loading={enableBusyFeedback}>
             <SplitPane
               split='vertical'
               enableResizing='true'
@@ -242,7 +233,7 @@ class TierSupport extends Component {
                 {currentSelectedMenu}
               </div>
             </SplitPane>
-          </div>
+          </Spinner>
       </div>
     );
   }