diff --git a/app/lib/components/App.jsx b/app/lib/components/App.jsx index bc357ab..000fee1 100644 --- a/app/lib/components/App.jsx +++ b/app/lib/components/App.jsx @@ -1,6 +1,7 @@ 'use strict'; import React from 'react'; +import PropTypes from 'prop-types'; import MuiThemeProvider from 'material-ui/styles/MuiThemeProvider'; import Logger from '../Logger'; import muiTheme from './muiTheme'; @@ -51,6 +52,6 @@ export default class App extends React.Component App.propTypes = { - peerId : React.PropTypes.string.isRequired, - roomId : React.PropTypes.string.isRequired + peerId : PropTypes.string.isRequired, + roomId : PropTypes.string.isRequired }; diff --git a/app/lib/components/LocalVideo.jsx b/app/lib/components/LocalVideo.jsx index 9b23d23..04d8f58 100644 --- a/app/lib/components/LocalVideo.jsx +++ b/app/lib/components/LocalVideo.jsx @@ -1,6 +1,7 @@ 'use strict'; import React from 'react'; +import PropTypes from 'prop-types'; import IconButton from 'material-ui/IconButton/IconButton'; import MicOffIcon from 'material-ui/svg-icons/av/mic-off'; import VideoCamOffIcon from 'material-ui/svg-icons/av/videocam-off'; @@ -141,15 +142,15 @@ export default class LocalVideo extends React.Component LocalVideo.propTypes = { - peerId : React.PropTypes.string.isRequired, - stream : React.PropTypes.object, - resolution : React.PropTypes.string, - multipleWebcams : React.PropTypes.bool.isRequired, - webcamType : React.PropTypes.string, - connectionState : React.PropTypes.string, - isActiveSpeaker : React.PropTypes.bool.isRequired, - onMicMute : React.PropTypes.func.isRequired, - onWebcamToggle : React.PropTypes.func.isRequired, - onWebcamChange : React.PropTypes.func.isRequired, - onResolutionChange : React.PropTypes.func.isRequired + peerId : PropTypes.string.isRequired, + stream : PropTypes.object, + resolution : PropTypes.string, + multipleWebcams : PropTypes.bool.isRequired, + webcamType : PropTypes.string, + connectionState : PropTypes.string, + isActiveSpeaker : PropTypes.bool.isRequired, + onMicMute : PropTypes.func.isRequired, + onWebcamToggle : PropTypes.func.isRequired, + onWebcamChange : PropTypes.func.isRequired, + onResolutionChange : PropTypes.func.isRequired }; diff --git a/app/lib/components/RemoteVideo.jsx b/app/lib/components/RemoteVideo.jsx index 066c046..6c6633d 100644 --- a/app/lib/components/RemoteVideo.jsx +++ b/app/lib/components/RemoteVideo.jsx @@ -1,6 +1,7 @@ 'use strict'; import React from 'react'; +import PropTypes from 'prop-types'; import IconButton from 'material-ui/IconButton/IconButton'; import VolumeOffIcon from 'material-ui/svg-icons/av/volume-off'; import VideoOffIcon from 'material-ui/svg-icons/av/videocam-off'; @@ -128,10 +129,10 @@ export default class RemoteVideo extends React.Component RemoteVideo.propTypes = { - peer : React.PropTypes.object.isRequired, - stream : React.PropTypes.object.isRequired, - fullsize : React.PropTypes.bool, - isActiveSpeaker : React.PropTypes.bool.isRequired, - onDisableVideo : React.PropTypes.func.isRequired, - onEnableVideo : React.PropTypes.func.isRequired + peer : PropTypes.object.isRequired, + stream : PropTypes.object.isRequired, + fullsize : PropTypes.bool, + isActiveSpeaker : PropTypes.bool.isRequired, + onDisableVideo : PropTypes.func.isRequired, + onEnableVideo : PropTypes.func.isRequired }; diff --git a/app/lib/components/Room.jsx b/app/lib/components/Room.jsx index ab92894..8e69884 100644 --- a/app/lib/components/Room.jsx +++ b/app/lib/components/Room.jsx @@ -1,6 +1,7 @@ 'use strict'; import React from 'react'; +import PropTypes from 'prop-types'; import ClipboardButton from 'react-clipboard.js'; import browser from 'bowser'; import TransitionAppear from './TransitionAppear'; @@ -496,8 +497,8 @@ export default class Room extends React.Component Room.propTypes = { - peerId : React.PropTypes.string.isRequired, - roomId : React.PropTypes.string.isRequired, - onNotify : React.PropTypes.func.isRequired, - onHideNotification : React.PropTypes.func.isRequired + peerId : PropTypes.string.isRequired, + roomId : PropTypes.string.isRequired, + onNotify : PropTypes.func.isRequired, + onHideNotification : PropTypes.func.isRequired }; diff --git a/app/lib/components/Stats.jsx b/app/lib/components/Stats.jsx index 9094da2..20452cd 100644 --- a/app/lib/components/Stats.jsx +++ b/app/lib/components/Stats.jsx @@ -1,6 +1,7 @@ 'use strict'; import React from 'react'; +import PropTypes from 'prop-types'; import browser from 'bowser'; import Logger from '../Logger'; @@ -492,6 +493,6 @@ export default class Stats extends React.Component Stats.propTypes = { - stats : React.PropTypes.object.isRequired, - onClose : React.PropTypes.func.isRequired + stats : PropTypes.object.isRequired, + onClose : PropTypes.func.isRequired }; diff --git a/app/lib/components/TransitionAppear.jsx b/app/lib/components/TransitionAppear.jsx index d30d14d..addb64f 100644 --- a/app/lib/components/TransitionAppear.jsx +++ b/app/lib/components/TransitionAppear.jsx @@ -1,7 +1,8 @@ 'use strict'; import React from 'react'; -import ReactCSSTransitionGroup from 'react-addons-css-transition-group'; +import PropTypes from 'prop-types'; +import TransitionGroup from 'react-transition-group/TransitionGroup'; const DEFAULT_DURATION = 1000; @@ -18,7 +19,7 @@ export default class TransitionAppear extends React.Component let duration = props.hasOwnProperty('duration') ? props.duration : DEFAULT_DURATION; return ( - {this.props.children} - + ); } } TransitionAppear.propTypes = { - children : React.PropTypes.any, - duration : React.PropTypes.number + children : PropTypes.any, + duration : PropTypes.number }; class FakeTransitionWrapper extends React.Component @@ -55,5 +56,5 @@ class FakeTransitionWrapper extends React.Component FakeTransitionWrapper.propTypes = { - children : React.PropTypes.any + children : PropTypes.any }; diff --git a/app/lib/components/Video.jsx b/app/lib/components/Video.jsx index bcebd01..92a8b3f 100644 --- a/app/lib/components/Video.jsx +++ b/app/lib/components/Video.jsx @@ -1,6 +1,7 @@ 'use strict'; import React from 'react'; +import PropTypes from 'prop-types'; import Logger from '../Logger'; import classnames from 'classnames'; import hark from 'hark'; @@ -229,10 +230,10 @@ export default class Video extends React.Component Video.propTypes = { - stream : React.PropTypes.object.isRequired, - resolution : React.PropTypes.string, - muted : React.PropTypes.bool, - videoDisabled : React.PropTypes.bool, - mirror : React.PropTypes.bool, - onResolutionChange : React.PropTypes.func + stream : PropTypes.object.isRequired, + resolution : PropTypes.string, + muted : PropTypes.bool, + videoDisabled : PropTypes.bool, + mirror : PropTypes.bool, + onResolutionChange : PropTypes.func };