diff --git a/src/components/connection-modal/auto-scanning-step.jsx b/src/components/connection-modal/auto-scanning-step.jsx index b6f0dd813..272b267a8 100644 --- a/src/components/connection-modal/auto-scanning-step.jsx +++ b/src/components/connection-modal/auto-scanning-step.jsx @@ -45,8 +45,8 @@ const AutoScanningStep = props => ( src={radarIcon} /> )} @@ -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)) }; diff --git a/src/components/connection-modal/connected-step.jsx b/src/components/connection-modal/connected-step.jsx index f71b3556e..c54dc2a0d 100644 --- a/src/components/connection-modal/connected-step.jsx +++ b/src/components/connection-modal/connected-step.jsx @@ -15,7 +15,7 @@ const ConnectedStep = props => (
( ); ConnectedStep.propTypes = { + connectionIconURL: PropTypes.string.isRequired, onCancel: PropTypes.func, - onDisconnect: PropTypes.func, - peripheralImage: PropTypes.string.isRequired + onDisconnect: PropTypes.func }; export default ConnectedStep; diff --git a/src/components/connection-modal/connecting-step.jsx b/src/components/connection-modal/connecting-step.jsx index e4821d001..30ad53532 100644 --- a/src/components/connection-modal/connecting-step.jsx +++ b/src/components/connection-modal/connecting-step.jsx @@ -18,7 +18,7 @@ const ConnectingStep = props => (
( ConnectingStep.propTypes = { connectingMessage: PropTypes.node.isRequired, - onDisconnect: PropTypes.func, - peripheralImage: PropTypes.string.isRequired + connectionIconURL: PropTypes.string.isRequired, + onDisconnect: PropTypes.func }; export default ConnectingStep; diff --git a/src/components/connection-modal/connection-modal.css b/src/components/connection-modal/connection-modal.css index 27c970b93..fde45e015 100644 --- a/src/components/connection-modal/connection-modal.css +++ b/src/components/connection-modal/connection-modal.css @@ -162,7 +162,7 @@ height: 80px; */ } -.peripheral-button-image { +.connection-tip-icon { position: absolute; } diff --git a/src/components/connection-modal/connection-modal.jsx b/src/components/connection-modal/connection-modal.jsx index 8631ab2ac..1d982402b 100644 --- a/src/components/connection-modal/connection-modal.jsx +++ b/src/components/connection-modal/connection-modal.jsx @@ -27,7 +27,7 @@ const ConnectionModalComponent = props => ( className={styles.modalContent} contentLabel={props.name} headerClassName={styles.header} - headerImage={props.smallPeripheralImage} + headerImage={props.connectionSmallIconURL} id="connectionModal" onHelp={props.onHelp} onRequestClose={props.onCancel} @@ -45,12 +45,12 @@ 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, - smallPeripheralImage: PropTypes.string, title: PropTypes.string.isRequired, useAutoScan: PropTypes.bool.isRequired }; diff --git a/src/components/connection-modal/error-step.jsx b/src/components/connection-modal/error-step.jsx index e0344c876..f91cb537e 100644 --- a/src/components/connection-modal/error-step.jsx +++ b/src/components/connection-modal/error-step.jsx @@ -17,7 +17,7 @@ const ErrorStep = props => (
@@ -70,9 +70,9 @@ const ErrorStep = props => ( ); ErrorStep.propTypes = { + connectionIconURL: PropTypes.string.isRequired, onHelp: PropTypes.func, - onScanning: PropTypes.func, - peripheralImage: PropTypes.string.isRequired + onScanning: PropTypes.func }; export default ErrorStep; diff --git a/src/components/connection-modal/peripheral-tile.jsx b/src/components/connection-modal/peripheral-tile.jsx index 6b7e0388d..cd4a36635 100644 --- a/src/components/connection-modal/peripheral-tile.jsx +++ b/src/components/connection-modal/peripheral-tile.jsx @@ -23,7 +23,7 @@ class PeripheralTile extends React.Component { @@ -77,11 +77,11 @@ class PeripheralTile extends React.Component { } PeripheralTile.propTypes = { + connectionSmallIconURL: PropTypes.string, name: PropTypes.string, onConnecting: PropTypes.func, peripheralId: PropTypes.string, - rssi: PropTypes.number, - smallPeripheralImage: PropTypes.string + rssi: PropTypes.number }; export default PeripheralTile; diff --git a/src/components/connection-modal/scanning-step.jsx b/src/components/connection-modal/scanning-step.jsx index 88ba67271..cf637ec22 100644 --- a/src/components/connection-modal/scanning-step.jsx +++ b/src/components/connection-modal/scanning-step.jsx @@ -34,11 +34,11 @@ const ScanningStep = props => (
{props.peripheralList.map(peripheral => () )} @@ -86,6 +86,7 @@ const ScanningStep = props => ( ); ScanningStep.propTypes = { + connectionSmallIconURL: PropTypes.string, onConnecting: PropTypes.func, onRefresh: PropTypes.func, peripheralList: PropTypes.arrayOf(PropTypes.shape({ @@ -93,8 +94,7 @@ ScanningStep.propTypes = { rssi: PropTypes.number, peripheralId: PropTypes.string })), - scanning: PropTypes.bool.isRequired, - smallPeripheralImage: PropTypes.string + scanning: PropTypes.bool.isRequired }; ScanningStep.defaultProps = { diff --git a/src/containers/auto-scanning-step.jsx b/src/containers/auto-scanning-step.jsx index f67473841..fc067abae 100644 --- a/src/containers/auto-scanning-step.jsx +++ b/src/containers/auto-scanning-step.jsx @@ -67,7 +67,7 @@ class AutoScanningStep extends React.Component { render () { return ( ), extensionId: 'music', - iconURL: musicImage, - insetIconURL: musicInsetImage, + iconURL: musicIconURL, + insetIconURL: musicInsetIconURL, description: ( ), extensionId: 'pen', - iconURL: penImage, - insetIconURL: penInsetImage, + iconURL: penIconURL, + insetIconURL: penInsetIconURL, description: ( ), extensionId: 'videoSensing', - iconURL: videoImage, - insetIconURL: videoInsetImage, + iconURL: videoSensingIconURL, + insetIconURL: videoSensingInsetIconURL, description: (