diff options
author | 2018-02-05 11:54:23 -0500 | |
---|---|---|
committer | 2018-02-05 13:29:46 -0500 | |
commit | c89060158fab7394c3bddc5eacb0411dbb13785c (patch) | |
tree | 5fa03163e71167f44ed761b2772b6653f0d656c3 /src/app/tierSupport | |
parent | f42261a2cd0582e0209018c23816681e146ea97d (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')
-rw-r--r-- | src/app/tierSupport/TierSupport.jsx | 15 |
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> ); } |