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/VnfSearchNfRoleVisualization.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/VnfSearchNfRoleVisualization.jsx')
| -rw-r--r-- | src/app/vnfSearch/VnfSearchNfRoleVisualization.jsx | 14 |
1 files changed, 4 insertions, 10 deletions
diff --git a/src/app/vnfSearch/VnfSearchNfRoleVisualization.jsx b/src/app/vnfSearch/VnfSearchNfRoleVisualization.jsx index 806ab3a..19b37cd 100644 --- a/src/app/vnfSearch/VnfSearchNfRoleVisualization.jsx +++ b/src/app/vnfSearch/VnfSearchNfRoleVisualization.jsx @@ -36,7 +36,7 @@ import i18n from 'utils/i18n/i18n'; import {CHART_NF_ROLE} 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 { @@ -61,10 +61,7 @@ class VnfSearchNfRoleVisualization extends Component { processedNfRoleCountChartData, enableBusyFeedback } = this.props; - let componentVisibitliyClassName = 'showContainer'; - if(enableBusyFeedback){ - componentVisibitliyClassName = 'hideContainer'; - } + let visualizationClass = 'visualizations'; if (processedNfRoleCountChartData.values === @@ -82,10 +79,7 @@ class VnfSearchNfRoleVisualization extends Component { <div className='visualization-charts'> <div> <h3>{i18n(CHART_NF_ROLE.title)}</h3> - <div className='spinner'> - <ClipLoader color={COLOR_BLUE} loading={enableBusyFeedback} /> - </div> - <div className={componentVisibitliyClassName}> + <Spinner loading={enableBusyFeedback}> <ResponsiveContainer width='100%' height={300}> <BarChart data={processedNfRoleCountChartData.values}> <XAxis dataKey={xAxisAttrName}/> @@ -96,7 +90,7 @@ class VnfSearchNfRoleVisualization extends Component { dataKey={yAxisAttrName} fill={COLOR_BLUE}/> </BarChart> </ResponsiveContainer> - </div> + </Spinner> </div> </div> </div> |