Changing React property name for connection tip icon throughout.

src/components/connection-modal/auto-scanning-step.jsx

@@ -45,8 +45,8 @@ const AutoScanningStep = props => (
                                 src={radarIcon}
                             />
                             <img
-                                className={styles.peripheralButtonImage}
-                                src={props.peripheralButtonImage}
+                                className={styles.connectionTipIcon}
+                                src={props.connectionTipIconURL}
                             />
                         </React.Fragment>
                     )}
@@ -142,9 +142,9 @@ const AutoScanningStep = props => (
 );
 
 AutoScanningStep.propTypes = {
+    connectionTipIconURL: PropTypes.string,
     onRefresh: PropTypes.func,
     onStartScan: PropTypes.func,
-    peripheralButtonImage: PropTypes.string,
     phase: PropTypes.oneOf(Object.keys(PHASES))
 };
 

src/components/connection-modal/connection-modal.css

@@ -162,7 +162,7 @@
     height: 80px; */
 }
 
-.peripheral-button-image {
+.connection-tip-icon {
     position: absolute;
 }
 

src/components/connection-modal/connection-modal.jsx

@@ -46,10 +46,10 @@ const ConnectionModalComponent = props => (
 ConnectionModalComponent.propTypes = {
     connectingMessage: PropTypes.node,
     connectionSmallIconURL: PropTypes.string,
+    connectionTipIconURL: PropTypes.string,
     name: PropTypes.node,
     onCancel: PropTypes.func.isRequired,
     onHelp: PropTypes.func.isRequired,
-    peripheralButtonImage: PropTypes.string,
     phase: PropTypes.oneOf(Object.keys(PHASES)).isRequired,
     title: PropTypes.string.isRequired,
     useAutoScan: PropTypes.bool.isRequired

src/containers/auto-scanning-step.jsx

@@ -67,7 +67,7 @@ class AutoScanningStep extends React.Component {
     render () {
         return (
             <ScanningStepComponent
-                peripheralButtonImage={this.props.peripheralButtonImage}
+                connectionTipIconURL={this.props.connectionTipIconURL}
                 phase={this.state.phase}
                 title={this.props.extensionId}
                 onRefresh={this.handleRefresh}
@@ -78,9 +78,9 @@ class AutoScanningStep extends React.Component {
 }
 
 AutoScanningStep.propTypes = {
+    connectionTipIconURL: PropTypes.string,
     extensionId: PropTypes.string.isRequired,
     onConnecting: PropTypes.func.isRequired,
-    peripheralButtonImage: PropTypes.string,
     vm: PropTypes.instanceOf(VM).isRequired
 };
 

src/containers/connection-modal.jsx

@@ -110,9 +110,9 @@ class ConnectionModal extends React.Component {
                 connectingMessage={this.state.extension.connectingMessage}
                 connectionIconURL={this.state.extension.connectionIconURL}
                 connectionSmallIconURL={this.state.extension.connectionSmallIconURL}
+                connectionTipIconURL={this.state.extension.connectionTipIconURL}
                 extensionId={this.props.extensionId}
                 name={this.state.extension.name}
-                peripheralButtonImage={this.state.extension.peripheralButtonImage}
                 phase={this.state.phase}
                 title={this.props.extensionId}
                 useAutoScan={this.state.extension.useAutoScan}