diff --git a/app/package.json b/app/package.json index aeddd20..25b95f3 100644 --- a/app/package.json +++ b/app/package.json @@ -24,7 +24,6 @@ "react-draggable": "^3.2.1", "react-redux": "^6.0.1", "react-scripts": "2.1.8", - "react-swipeable-views": "^0.13.1", "react-tooltip": "^3.10.0", "redux": "^4.0.1", "redux-logger": "^3.0.6", diff --git a/app/src/components/Containers/HiddenPeers.js b/app/src/components/Containers/HiddenPeers.js index 6aa0339..838c644 100644 --- a/app/src/components/Containers/HiddenPeers.js +++ b/app/src/components/Containers/HiddenPeers.js @@ -1,4 +1,4 @@ -import React, { Component } from 'react'; +import React from 'react'; import { connect } from 'react-redux'; import PropTypes from 'prop-types'; import classnames from 'classnames'; @@ -52,7 +52,7 @@ const styles = () => } }); -class HiddenPeers extends Component +class HiddenPeers extends React.PureComponent { constructor(props) { diff --git a/app/src/components/Containers/Me.js b/app/src/components/Containers/Me.js index 2f9a976..7470136 100644 --- a/app/src/components/Containers/Me.js +++ b/app/src/components/Containers/Me.js @@ -86,7 +86,7 @@ const styles = () => } }); -class Me extends React.Component +class Me extends React.PureComponent { state = { controlsVisible : false diff --git a/app/src/components/Containers/Peer.js b/app/src/components/Containers/Peer.js index e61cddf..31e21be 100644 --- a/app/src/components/Containers/Peer.js +++ b/app/src/components/Containers/Peer.js @@ -1,4 +1,4 @@ -import React, { Component } from 'react'; +import React from 'react'; import { connect } from 'react-redux'; import PropTypes from 'prop-types'; import classnames from 'classnames'; @@ -136,7 +136,7 @@ const styles = () => } }); -class Peer extends Component +class Peer extends React.PureComponent { state = { controlsVisible : false diff --git a/app/src/components/Controls/Sidebar.js b/app/src/components/Controls/Sidebar.js index bd55ff3..8e34467 100644 --- a/app/src/components/Controls/Sidebar.js +++ b/app/src/components/Controls/Sidebar.js @@ -1,4 +1,4 @@ -import React, { Component } from 'react'; +import React from 'react'; import PropTypes from 'prop-types'; import { connect } from 'react-redux'; import { withStyles } from '@material-ui/core/styles'; @@ -37,7 +37,7 @@ const styles = (theme) => } }); -class Sidebar extends Component +class Sidebar extends React.PureComponent { render() { diff --git a/app/src/components/MeetingDrawer/Chat/ChatInput.js b/app/src/components/MeetingDrawer/Chat/ChatInput.js index 534e6b0..4f990b5 100644 --- a/app/src/components/MeetingDrawer/Chat/ChatInput.js +++ b/app/src/components/MeetingDrawer/Chat/ChatInput.js @@ -1,4 +1,4 @@ -import React, { Component } from 'react'; +import React from 'react'; import { connect } from 'react-redux'; import PropTypes from 'prop-types'; import { withStyles } from '@material-ui/core/styles'; @@ -28,7 +28,7 @@ const styles = (theme) => } }); -class ChatInput extends Component +class ChatInput extends React.PureComponent { constructor(props) { diff --git a/app/src/components/MeetingDrawer/Chat/MessageList.js b/app/src/components/MeetingDrawer/Chat/MessageList.js index 1764e19..48e7704 100644 --- a/app/src/components/MeetingDrawer/Chat/MessageList.js +++ b/app/src/components/MeetingDrawer/Chat/MessageList.js @@ -18,7 +18,7 @@ const styles = (theme) => } }); -class MessageList extends React.Component +class MessageList extends React.PureComponent { componentDidMount() { @@ -31,6 +31,13 @@ class MessageList extends React.Component + this.node.offsetHeight === this.node.scrollHeight; } + shouldComponentUpdate(nextProps) + { + if (nextProps.chatmessages.length !== this.props.chatmessages.length) + return true; + return false; + } + componentDidUpdate(prevProps, prevState, shouldScroll) { if (shouldScroll) diff --git a/app/src/components/MeetingDrawer/FileSharing/File.js b/app/src/components/MeetingDrawer/FileSharing/File.js index b4dc019..d0aae51 100644 --- a/app/src/components/MeetingDrawer/FileSharing/File.js +++ b/app/src/components/MeetingDrawer/FileSharing/File.js @@ -1,4 +1,4 @@ -import React, { Component, Fragment } from 'react'; +import React, { Fragment } from 'react'; import PropTypes from 'prop-types'; import { connect } from 'react-redux'; import { withRoomContext } from '../../../RoomContext'; @@ -49,7 +49,7 @@ const styles = (theme) => } }); -class File extends Component +class File extends React.PureComponent { render() { diff --git a/app/src/components/MeetingDrawer/FileSharing/FileList.js b/app/src/components/MeetingDrawer/FileSharing/FileList.js index 1b8e9e8..5debbca 100644 --- a/app/src/components/MeetingDrawer/FileSharing/FileList.js +++ b/app/src/components/MeetingDrawer/FileSharing/FileList.js @@ -1,4 +1,4 @@ -import React, { Component } from 'react'; +import React from 'react'; import PropTypes from 'prop-types'; import { connect } from 'react-redux'; import { withStyles } from '@material-ui/core/styles'; @@ -17,7 +17,7 @@ const styles = (theme) => } }); -class FileList extends Component +class FileList extends React.PureComponent { componentDidMount() { diff --git a/app/src/components/MeetingDrawer/FileSharing/FileSharing.js b/app/src/components/MeetingDrawer/FileSharing/FileSharing.js index 03f585d..c7f83a3 100644 --- a/app/src/components/MeetingDrawer/FileSharing/FileSharing.js +++ b/app/src/components/MeetingDrawer/FileSharing/FileSharing.js @@ -1,4 +1,4 @@ -import React, { Component } from 'react'; +import React from 'react'; import PropTypes from 'prop-types'; import { connect } from 'react-redux'; import { withStyles } from '@material-ui/core/styles'; @@ -26,7 +26,7 @@ const styles = (theme) => } }); -class FileSharing extends Component +class FileSharing extends React.PureComponent { constructor(props) { diff --git a/app/src/components/MeetingDrawer/MeetingDrawer.js b/app/src/components/MeetingDrawer/MeetingDrawer.js index 5066556..114c193 100644 --- a/app/src/components/MeetingDrawer/MeetingDrawer.js +++ b/app/src/components/MeetingDrawer/MeetingDrawer.js @@ -30,7 +30,7 @@ const styles = (theme) => } }); -class MeetingDrawer extends React.Component +class MeetingDrawer extends React.PureComponent { handleChange = (event, value) => { diff --git a/app/src/components/MeetingDrawer/ParticipantList/ParticipantList.js b/app/src/components/MeetingDrawer/ParticipantList/ParticipantList.js index 8988348..4f550ff 100644 --- a/app/src/components/MeetingDrawer/ParticipantList/ParticipantList.js +++ b/app/src/components/MeetingDrawer/ParticipantList/ParticipantList.js @@ -45,7 +45,7 @@ const styles = (theme) => } }); -class ParticipantList extends React.Component +class ParticipantList extends React.PureComponent { componentDidMount() { diff --git a/app/src/components/MeetingViews/Democratic.js b/app/src/components/MeetingViews/Democratic.js index c8a2858..9e8f88b 100644 --- a/app/src/components/MeetingViews/Democratic.js +++ b/app/src/components/MeetingViews/Democratic.js @@ -45,7 +45,7 @@ const styles = (theme) => } }); -class Democratic extends React.Component +class Democratic extends React.PureComponent { constructor(props) { diff --git a/app/src/components/MeetingViews/Filmstrip.js b/app/src/components/MeetingViews/Filmstrip.js index 9eda0a9..4f08f6f 100644 --- a/app/src/components/MeetingViews/Filmstrip.js +++ b/app/src/components/MeetingViews/Filmstrip.js @@ -1,4 +1,4 @@ -import React, { Component } from 'react'; +import React from 'react'; import PropTypes from 'prop-types'; import ResizeObserver from 'resize-observer-polyfill'; import { connect } from 'react-redux'; @@ -87,7 +87,7 @@ const styles = (theme) => } }); -class Filmstrip extends Component +class Filmstrip extends React.PureComponent { constructor(props) { diff --git a/app/src/components/PeerAudio/PeerAudio.js b/app/src/components/PeerAudio/PeerAudio.js index a951f53..2e9c195 100644 --- a/app/src/components/PeerAudio/PeerAudio.js +++ b/app/src/components/PeerAudio/PeerAudio.js @@ -1,7 +1,7 @@ import React from 'react'; import PropTypes from 'prop-types'; -export default class PeerAudio extends React.Component +export default class PeerAudio extends React.PureComponent { constructor(props) { diff --git a/app/src/components/Room.js b/app/src/components/Room.js index caaed7b..52bd333 100644 --- a/app/src/components/Room.js +++ b/app/src/components/Room.js @@ -1,4 +1,4 @@ -import React, { Component } from 'react'; +import React from 'react'; import { connect } from 'react-redux'; import PropTypes from 'prop-types'; import * as appPropTypes from './appPropTypes'; @@ -116,7 +116,7 @@ const styles = (theme) => } }); -class Room extends Component +class Room extends React.PureComponent { constructor(props) { diff --git a/app/src/components/VideoContainers/FullView.js b/app/src/components/VideoContainers/FullView.js index dd2e499..4e53a89 100644 --- a/app/src/components/VideoContainers/FullView.js +++ b/app/src/components/VideoContainers/FullView.js @@ -37,7 +37,7 @@ const styles = () => } }); -class FullView extends React.Component +class FullView extends React.PureComponent { constructor(props) { diff --git a/app/src/components/VideoContainers/PeerView.js b/app/src/components/VideoContainers/PeerView.js index 7ccbaf6..86874b1 100644 --- a/app/src/components/VideoContainers/PeerView.js +++ b/app/src/components/VideoContainers/PeerView.js @@ -210,7 +210,7 @@ const styles = (theme) => } }); -class PeerView extends React.Component +class PeerView extends React.PureComponent { constructor(props) { diff --git a/app/src/components/VideoContainers/ScreenView.js b/app/src/components/VideoContainers/ScreenView.js index f9a7f41..c667f54 100644 --- a/app/src/components/VideoContainers/ScreenView.js +++ b/app/src/components/VideoContainers/ScreenView.js @@ -83,7 +83,7 @@ const styles = () => } }); -class ScreenView extends React.Component +class ScreenView extends React.PureComponent { constructor(props) { diff --git a/app/src/images/background.jpg b/app/src/images/background.jpg new file mode 100644 index 0000000..fd3831d Binary files /dev/null and b/app/src/images/background.jpg differ diff --git a/app/src/index.css b/app/src/index.css index 4cfd335..5a05ec9 100644 --- a/app/src/index.css +++ b/app/src/index.css @@ -1,5 +1,5 @@ :root { - --background: url('./images/background.svg'); + --background: url('./images/background.jpg'); --background-color: rgba(114, 119, 143, 1.0); --circle-button-color: rgba(255, 255, 255, 0.3);