imterah/element-portable
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

use same style as UserInfo for sections and paragraphs

Browse source
This commit is contained in:
Bruno Windels 2019-12-20 21:30:47 +01:00
parent 2dd1e93d84
commit de1c3e2f83
3 changed files with 19 additions and 6 deletions
Download patch file Download diff file Expand all files Collapse all files

13
src/components/views/right_panel/EncryptionInfo.js
View file

@ -16,15 +16,16 @@ limitations under the License.
import React from 'react';
import sdk from "../../..";
import {_t} from "../../../languageHandler";
export default class EncryptionInfo extends React.PureComponent {
render() {
const AccessibleButton = sdk.getComponent('elements.AccessibleButton');
return (<div>
<p>End-to-end encryption is great! You should try it.</p>
<div>
<AccessibleButton kind="primary" onClick={this.props.onStartVerification}>Start verification</AccessibleButton>
</div>
</div>);
return (<div class="mx_UserInfo"><div class="mx_UserInfo_container">
<h3>{_t("Verify User")}</h3>
<p>{_t("For extra security, verify this user by checking a one-time code on both of your devices.")}</p>
<p>{_t("For maximum security, do this in person.")}</p>
<AccessibleButton kind="primary" onClick={this.props.onStartVerification}>{_t("Start Verification")}</AccessibleButton>
</div></div>);
}
}

8
src/components/views/right_panel/VerificationPanel.js
View file

@ -26,6 +26,14 @@ export default class VerificationPanel extends React.PureComponent {
}
render() {
return <div class="mx_UserInfo">
<div class="mx_UserInfo_container">
{ this.renderStatus() }
</div>
</div>;
}
renderStatus() {
const AccessibleButton = sdk.getComponent('elements.AccessibleButton');
const Spinner = sdk.getComponent('elements.Spinner');
const {request} = this.props;