Add device name to unverified session toast

Author: dbkr

src/components/views/toasts/UnverifiedSessionToast.js

@@ -49,9 +49,13 @@ export default class UnverifiedSessionToast extends React.PureComponent {
  };
 
  render() {
+ const cli = MatrixClientPeg.get();
+ const device = cli.getStoredDevice(cli.getUserId(), this.props.deviceId);
+
  return (<div>
  <div className="mx_Toast_description">
- {_t("Verify the new login accessing your account & messages")}
+ {_t(
+ "Verify the new login accessing your account: %(name)s", { name: device.getDisplayName()})}
  </div>
  <div className="mx_Toast_buttons" aria-live="off">
  <FormButton label={_t("Later")} kind="danger" onClick={this._onLaterClick} />

src/i18n/strings/en_EN.json

@@ -568,7 +568,7 @@
  "Set up": "Set up",
  "Upgrade": "Upgrade",
  "Verify": "Verify",
- "Verify the new login accessing your account & messages": "Verify the new login accessing your account & messages",
+ "Verify the new login accessing your account: %(name)s": "Verify the new login accessing your account: %(name)s",
  "From %(deviceName)s (%(deviceId)s)": "From %(deviceName)s (%(deviceId)s)",
  "Decline (%(counter)s)": "Decline (%(counter)s)",
  "Accept <policyLink /> to continue:": "Accept <policyLink /> to continue:",