Merge pull request #30 from torjusti/fix/update-packages

Upgrade all packages, use react-copy-to-clipboard instead of abandoned react-clipboard.js

app/lib/components/Room.jsx

@@ -3,7 +3,7 @@ import { connect } from 'react-redux';
 import ReactTooltip from 'react-tooltip';
 import PropTypes from 'prop-types';
 import classnames from 'classnames';
-import ClipboardButton from 'react-clipboard.js';
+import CopyToClipboard from 'react-copy-to-clipboard';
 import * as appPropTypes from './appPropTypes';
 import * as requestActions from '../redux/requestActions';
 import * as stateActions from '../redux/stateActions';
@@ -98,14 +98,16 @@ class Room extends React.Component
 							})}
 						>
 							<div className='room-link'>
-								<ClipboardButton
+								<CopyToClipboard
-									component='a'
+									text={room.url}
+									onCopy={onRoomLinkCopy}
+								>
+									<a
 										className='link'
-									button-href={room.url}
+										href={room.url}
-									button-target='_blank'
+										target='_blank'
 										data-tip='Click to copy room link'
-									data-clipboard-text={room.url}
+										rel='noopener noreferrer'
-									onSuccess={onRoomLinkCopy}
 										onClick={(event) =>
 										{
 											// If this is a 'Open in new window/tab' don't prevent
@@ -123,7 +125,8 @@ class Room extends React.Component
 										}}
 									>
 										invitation link
-								</ClipboardButton>
+									</a>
+								</CopyToClipboard>
 							</div>
 						</div>
 

app/package.json

@@ -12,7 +12,7 @@
     "debug": "^3.1.0",
     "domready": "^1.0.8",
     "fscreen": "^1.0.2",
-    "hark": "^1.2.0",
+    "hark": "^1.2.2",
     "js-cookie": "^2.2.0",
     "marked": "^0.4.0",
     "mediasoup-client": "^2.1.1",
@@ -20,7 +20,7 @@
     "protoo-client": "^3.0.0",
     "random-string": "^0.2.0",
     "react": "^16.4.1",
-    "react-clipboard.js": "^1.1.4",
+    "react-copy-to-clipboard": "^5.0.1",
     "react-dom": "^16.4.1",
     "react-draggable": "^3.0.5",
     "react-dropdown": "^1.5.0",
@@ -43,11 +43,11 @@
     "babel-preset-react-app": "^3.1.2",
     "babel-preset-stage-0": "^6.24.1",
     "babelify": "^8.0.0",
-    "browser-sync": "^2.24.5",
+    "browser-sync": "^2.24.6",
     "browserify": "^16.2.2",
     "del": "^3.0.0",
     "envify": "^4.1.0",
-    "eslint": "^5.1.0",
+    "eslint": "^5.2.0",
     "eslint-plugin-import": "^2.13.0",
     "eslint-plugin-react": "^7.10.0",
     "gulp": "^4.0.0",
@@ -57,7 +57,7 @@
     "gulp-header": "^2.0.5",
     "gulp-if": "^2.0.2",
     "gulp-plumber": "^1.2.0",
-    "gulp-rename": "^1.3.0",
+    "gulp-rename": "^1.4.0",
     "gulp-stylus": "^2.7.0",
     "gulp-touch-cmd": "0.0.1",
     "gulp-uglify": "^3.0.0",