diff options
| author |   Steve Thomas <steve.thomas@amdocs.com> | 2018-02-05 11:54:23 -0500 |
|---|---|---|
| committer | Steve Thomas <steve.thomas@amdocs.com> | 2018-02-05 13:29:46 -0500 |
| commit | c89060158fab7394c3bddc5eacb0411dbb13785c (patch) | |
| tree | 5fa03163e71167f44ed761b2772b6653f0d656c3 /src/app/vnfSearch/VnfSearchTotalCountVisualization.jsx | |
| 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/vnfSearch/VnfSearchTotalCountVisualization.jsx')
| -rw-r--r-- | src/app/vnfSearch/VnfSearchTotalCountVisualization.jsx | 15 |
1 files changed, 4 insertions, 11 deletions
diff --git a/src/app/vnfSearch/VnfSearchTotalCountVisualization.jsx b/src/app/vnfSearch/VnfSearchTotalCountVisualization.jsx index 553de42..0335da3 100644 --- a/src/app/vnfSearch/VnfSearchTotalCountVisualization.jsx +++ b/src/app/vnfSearch/VnfSearchTotalCountVisualization.jsx @@ -26,8 +26,7 @@ import {connect} from 'react-redux'; import i18n from 'utils/i18n/i18n'; import {TOTAL_VNF_COUNT} from 'app/vnfSearch/VnfSearchConstants.js'; -import {COLOR_BLUE} from 'utils/GlobalConstants.js'; -import { ClipLoader } from 'react-spinners'; +import Spinner from 'utils/SpinnerContainer.jsx'; let mapStateToProps = ({vnfSearch}) => { let { @@ -55,10 +54,7 @@ class VnfSearchTotalCountVisualization extends Component { count, enableBusyFeedback } = this.props; - let componentVisibitliyClassName = 'showContainer'; - if(enableBusyFeedback){ - componentVisibitliyClassName = 'hideContainer'; - } + let visualizationClass = 'visualizations'; if (count === null) { visualizationClass = 'visualizations hidden'; @@ -70,14 +66,11 @@ class VnfSearchTotalCountVisualization extends Component { <div className='visualization-side-by-side-30'> <span> </span> <h3>{i18n(TOTAL_VNF_COUNT.title)}</h3> - <div className='spinner'> - <ClipLoader color={COLOR_BLUE} loading={enableBusyFeedback} /> - </div> - <div className={componentVisibitliyClassName}> + <Spinner loading={enableBusyFeedback}> <div className='total-box-entity-count'> <span>{count}</span> </div> - </div> + </Spinner> </div> </div> </div> |