X-Git-Url: https://gerrit.onap.org/r/gitweb?a=blobdiff_plain;f=src%2Futils%2FSpinnerContainer.jsx;h=17e6e5821ad2a9f19e5b57fcfe865a448fc3a0ed;hb=786f2bd8636c9b9ddd661aaffe3bceac6e041739;hp=d787554265f561f234df64e553ccbbf67c4ec9cf;hpb=47b85e9b95e0a0a3570f0cea4d3ee4645c911a8b;p=aai%2Fsparky-fe.git

diff --git a/src/utils/SpinnerContainer.jsx b/src/utils/SpinnerContainer.jsx
index d787554..17e6e58 100644
--- a/src/utils/SpinnerContainer.jsx
+++ b/src/utils/SpinnerContainer.jsx
@@ -19,15 +19,16 @@
  * ============LICENSE_END=========================================================
  */
 import React, { Component } from 'react';
+import { PropTypes } from 'prop-types';
 import { ClipLoader } from 'react-spinners';
 import {COLOR_BLUE} from 'utils/GlobalConstants.js';
 
 class SpinnerContainer extends Component {
   render() {
     // if loading, show content as busy (ex: grey out)
-    const spinnerContentClass = this.props.loading ? 'spinner-content' : '';
+    const spinnerContentClass = this.props.loading ? 'spin-content' : '';
     return (
-      <div className='spinner-container'>
+      <div className='spin-container'>
         <div className='spinner'>
           <ClipLoader color={COLOR_BLUE} loading={this.props.loading} />
         </div>
@@ -41,10 +42,9 @@ class SpinnerContainer extends Component {
 export default SpinnerContainer;
 
 SpinnerContainer.propTypes = {
-  loading: React.PropTypes.bool
+  loading: PropTypes.bool
 };
 
 SpinnerContainer.defaultProps = {
   loading: false
 };
-