X-Git-Url: https://gerrit.onap.org/r/gitweb?a=blobdiff_plain;f=src%2Fgeneric-components%2FtoggleButtonGroup%2FToggleButtonGroup.jsx;h=0fe8939fc7df6e2507e3a2ea346ae6e32fef639c;hb=63ebf4328b260219308587a040fc5a2ab6b5b9d8;hp=134a7486e5e46465392690d47bf946bab53c16e1;hpb=47b85e9b95e0a0a3570f0cea4d3ee4645c911a8b;p=aai%2Fsparky-fe.git

diff --git a/src/generic-components/toggleButtonGroup/ToggleButtonGroup.jsx b/src/generic-components/toggleButtonGroup/ToggleButtonGroup.jsx
index 134a748..0fe8939 100644
--- a/src/generic-components/toggleButtonGroup/ToggleButtonGroup.jsx
+++ b/src/generic-components/toggleButtonGroup/ToggleButtonGroup.jsx
@@ -18,7 +18,8 @@
  * limitations under the License.
  * ============LICENSE_END=========================================================
  */
-import React, {Component, PropTypes} from 'react';
+import React, {Component} from 'react';
+import { PropTypes } from 'prop-types';
 import {connect} from 'react-redux';
 
 import ButtonGroup from 'react-bootstrap/lib/ButtonGroup.js';
@@ -27,49 +28,49 @@ import Button from 'react-bootstrap/lib/Button.js';
 import ToggleButtonGroupActions from 'generic-components/toggleButtonGroup/ToggleButtonGroupActions.js';
 
 let mapActionToProps = (dispatch) => {
-		return {
-				onButtonToggle: (buttonName) => {
-						dispatch(ToggleButtonGroupActions.onToggle({button: buttonName}));
-				}
-		};
+  return {
+    onButtonToggle: (buttonName) => {
+      dispatch(ToggleButtonGroupActions.onToggle({button: buttonName}));
+    }
+  };
 };
 
 let mapStateToProps = ({toggleButtonGroupData}) => {
-		
-		let {selectedButton} = toggleButtonGroupData;
-		
-		return {
-				selectedButton
-		};
+
+  let {selectedButton} = toggleButtonGroupData;
+
+  return {
+    selectedButton
+  };
 };
 
 class ToggleButtonGroup extends Component {
-		
-		static propTypes = {
-				buttonDefinitions: PropTypes.object.isRequired
-		};
-		
-		onButtonSelect(buttonName) {
-				this.props.onButtonToggle(buttonName);
-		}
-		
-		render() {
-				let {selectedButton, buttonDefinitions} = this.props;
-				let buttonListElements = [];
-				Object.keys(buttonDefinitions).map(function (item) {
-						buttonListElements.push(
-								<Button id={item} active={selectedButton === item ? true : false}
-								        onClick={() => this.onButtonSelect(item)}>
-										<i className={buttonDefinitions[item]} aria-hidden='true'></i>
-								</Button>
-						);
-				}.bind(this));
-				
-				return (
-						<ButtonGroup bsClass='btn-group displayOptionButtons'>
-								{buttonListElements}
-						</ButtonGroup>
-				);
-		}
+
+  static propTypes = {
+    buttonDefinitions: PropTypes.object.isRequired
+  };
+
+  onButtonSelect(buttonName) {
+    this.props.onButtonToggle(buttonName);
+  }
+
+  render() {
+    let {selectedButton, buttonDefinitions} = this.props;
+    let buttonListElements = [];
+    Object.keys(buttonDefinitions).map(function (item) {
+      buttonListElements.push(
+        <Button id={item} active={selectedButton === item ? true : false}
+                onClick={() => this.onButtonSelect(item)}>
+          <i className={buttonDefinitions[item]} aria-hidden='true'></i>
+        </Button>
+      );
+    }.bind(this));
+
+    return (
+      <ButtonGroup bsClass='btn-group displayOptionButtons'>
+        {buttonListElements}
+      </ButtonGroup>
+    );
+  }
 }
 export default connect(mapStateToProps, mapActionToProps)(ToggleButtonGroup);