diff --git a/src/components/views/dialogs/UnknownDeviceDialog.js b/src/components/views/dialogs/UnknownDeviceDialog.js
index aad310c855..bb50da71a5 100644
--- a/src/components/views/dialogs/UnknownDeviceDialog.js
+++ b/src/components/views/dialogs/UnknownDeviceDialog.js
@@ -14,60 +14,77 @@ See the License for the specific language governing permissions and
limitations under the License.
*/
-var React = require("react");
-var sdk = require('../../../index');
-var MatrixClientPeg = require("../../../MatrixClientPeg");
+import React from 'react';
+import sdk from '../../../index';
-module.exports = React.createClass({
+function UserUnknownDeviceList(props) {
+ const {userDevices} = props;
+
+ const deviceListEntries = Object.keys(userDevices).map((deviceId) =>
+
+ { deviceId } ( { userDevices[deviceId].getDisplayName() } )
+ ,
+ );
+
+ return ;
+}
+
+UserUnknownDeviceList.propTypes = {
+ // map from deviceid -> deviceinfo
+ userDevices: React.PropTypes.object.isRequired,
+};
+
+
+function UnknownDeviceList(props) {
+ const {devices} = props;
+
+ const userListEntries = Object.keys(devices).map((userId) =>
+
+ { userId }:
+
+ ,
+ );
+
+ return ;
+}
+
+UnknownDeviceList.propTypes = {
+ // map from userid -> deviceid -> deviceinfo
+ devices: React.PropTypes.object.isRequired,
+};
+
+
+export default React.createClass({
displayName: 'UnknownEventDialog',
propTypes: {
+ // map from userid -> deviceid -> deviceinfo
devices: React.PropTypes.object.isRequired,
onFinished: React.PropTypes.func.isRequired,
},
- onKeyDown: function(e) {
- if (e.keyCode === 27) { // escape
- e.stopPropagation();
- e.preventDefault();
- this.props.onFinished(false);
- }
- },
-
render: function() {
+ const BaseDialog = sdk.getComponent('views.dialogs.BaseDialog');
return (
-
-
- Room contains unknown devices
-
+
-
This room contains unknown devices which have not been verified.
+
This room contains unknown devices which have not been
+ verified.
+
We strongly recommend you verify them before continuing.
-
Unknown devices:
-
{
- Object.keys(this.props.devices).map(userId=>{
- return -
-
{ userId }:
-
- {
- Object.keys(this.props.devices[userId]).map(deviceId=>{
- return -
- { deviceId } ( { this.props.devices[userId][deviceId].getDisplayName() } )
-
- })
- }
-
-
- })
- }
-
+
Unknown devices:
+
-
-
+
);
- }
+ },
});