diff options
author | =Corey Hulen <corey@hulen.com> | 2016-02-01 14:44:17 -0800 |
---|---|---|
committer | =Corey Hulen <corey@hulen.com> | 2016-02-01 14:44:17 -0800 |
commit | b4ec6900510077253290e361d1a706e5368a45de (patch) | |
tree | 6fc7c131fa7aa5f32e3aba8102416aa23c65963d /web/react/components/authorize.jsx | |
parent | ea71731f838fc010cfc7511c09875184d1b2396b (diff) | |
parent | f28486c4553f7f4bccf7bf69153c2f12699705f9 (diff) | |
download | chat-b4ec6900510077253290e361d1a706e5368a45de.tar.gz chat-b4ec6900510077253290e361d1a706e5368a45de.tar.bz2 chat-b4ec6900510077253290e361d1a706e5368a45de.zip |
Fixing merge
Diffstat (limited to 'web/react/components/authorize.jsx')
-rw-r--r-- | web/react/components/authorize.jsx | 85 |
1 files changed, 63 insertions, 22 deletions
diff --git a/web/react/components/authorize.jsx b/web/react/components/authorize.jsx index 32e39fbff..4a4985268 100644 --- a/web/react/components/authorize.jsx +++ b/web/react/components/authorize.jsx @@ -3,6 +3,8 @@ import * as Client from '../utils/client.jsx'; +import {FormattedMessage, FormattedHTMLMessage} from 'mm-intl'; + export default class Authorize extends React.Component { constructor(props) { super(props); @@ -33,28 +35,67 @@ export default class Authorize extends React.Component { } render() { return ( - <div className='authorize-box'> - <div className='authorize-inner'> - <h3>{'An application would like to connect to your '}{this.props.teamName}{' account'}</h3> - <label>{'The app '}{this.props.appName}{' would like the ability to access and modify your basic information.'}</label> - <br/> - <br/> - <label>{'Allow '}{this.props.appName}{' access?'}</label> - <br/> - <button - type='submit' - className='btn authorize-btn' - onClick={this.handleDeny} - > - {'Deny'} - </button> - <button - type='submit' - className='btn btn-primary authorize-btn' - onClick={this.handleAllow} - > - {'Allow'} - </button> + <div className='container-fluid'> + <div className='oauth-prompt'> + <div className='prompt__heading'> + <div className='prompt__app-icon'> + <img + src='/static/images/icon50x50.png' + width='50' + height='50' + alt='' + /> + </div> + <div className='text'> + <FormattedMessage + id='authorize.title' + defaultMessage='An application would like to connect to your {teamName} account' + values={{ + teamName: this.props.teamName + }} + /> + </div> + </div> + <p> + <FormattedHTMLMessage + id='authorize.app' + defaultMessage='The app <strong>{appName}</strong> would like the ability to access and modify your basic information.' + values={{ + appName: this.props.appName + }} + /> + </p> + <h2 className='prompt__allow'> + <FormattedHTMLMessage + id='authorize.access' + defaultMessage='Allow <strong>{appName}</strong> access?' + values={{ + appName: this.props.appName + }} + /> + </h2> + <div className='prompt__buttons'> + <button + type='submit' + className='btn authorize-btn' + onClick={this.handleDeny} + > + <FormattedMessage + id='authorize.deny' + defaultMessage='Deny' + /> + </button> + <button + type='submit' + className='btn btn-primary authorize-btn' + onClick={this.handleAllow} + > + <FormattedMessage + id='authorize.allow' + defaultMessage='Allow' + /> + </button> + </div> </div> </div> ); |