summaryrefslogtreecommitdiffstats
path: root/src/app/tierSupport/TierSupport.jsx
diff options
context:
space:
mode:
authorSteve Thomas <steve.thomas@amdocs.com>2018-02-05 11:54:23 -0500
committerSteve Thomas <steve.thomas@amdocs.com>2018-02-05 13:29:46 -0500
commitc89060158fab7394c3bddc5eacb0411dbb13785c (patch)
tree5fa03163e71167f44ed761b2772b6653f0d656c3 /src/app/tierSupport/TierSupport.jsx
parentf42261a2cd0582e0209018c23816681e146ea97d (diff)
Correcting spinner
Change-Id: I0531805d63a9d5b8ac6a161281845a6b8cc1f4af Issue-ID: AAI-732 Signed-off-by: Steve Thomas <steve.thomas@amdocs.com>
Diffstat (limited to 'src/app/tierSupport/TierSupport.jsx')
-rw-r--r--src/app/tierSupport/TierSupport.jsx15
1 files changed, 3 insertions, 12 deletions
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>
);
}