2016-01-16 17:36:22 +05:30
|
|
|
import React, { Component } from 'react';
|
|
|
|
|
|
|
|
import { FormattedMessage as Message } from 'react-intl';
|
2016-01-16 18:05:12 +05:30
|
|
|
import Helmet from 'react-helmet';
|
2016-01-16 17:36:22 +05:30
|
|
|
|
|
|
|
import buttons from 'components/ui/buttons.scss';
|
|
|
|
import icons from 'components/ui/icons.scss';
|
|
|
|
import { Panel, PanelBody, PanelFooter, PanelBodyHeader } from 'components/ui/Panel';
|
|
|
|
import { Input, Checkbox } from 'components/ui/Form';
|
|
|
|
|
|
|
|
import styles from './signIn.scss';
|
|
|
|
import messages from './SignIn.messages';
|
|
|
|
|
|
|
|
export default class Permissions extends Component {
|
|
|
|
displayName = 'Permissions';
|
|
|
|
|
|
|
|
render() {
|
|
|
|
return (
|
|
|
|
<div className={styles.signIn}>
|
2016-01-16 18:05:12 +05:30
|
|
|
<Helmet title="App premissions" />
|
|
|
|
|
2016-01-16 17:36:22 +05:30
|
|
|
<Panel title={<Message {...messages.permissionsTitle} />}>
|
2016-01-19 02:17:32 +05:30
|
|
|
<PanelBody>
|
|
|
|
<PanelBodyHeader>
|
2016-01-16 17:36:22 +05:30
|
|
|
<div className={styles.authInfo}>
|
|
|
|
<div className={styles.authInfoAvatar}>
|
|
|
|
{/*<img src="//lorempixel.com/g/90/90" />*/}
|
|
|
|
<span className={icons.user} />
|
|
|
|
</div>
|
|
|
|
<div className={styles.authInfoTitle}>
|
|
|
|
<Message {...messages.youAuthorizedAs} />
|
|
|
|
</div>
|
|
|
|
<div className={styles.authInfoEmail}>
|
|
|
|
erickskrauch@yandex.ru
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</PanelBodyHeader>
|
2016-01-19 02:17:32 +05:30
|
|
|
<div className={styles.permissionsContainer}>
|
|
|
|
<div className={styles.permissionsTitle}>
|
|
|
|
<Message {...messages.theAppNeedsAccess} />
|
|
|
|
</div>
|
|
|
|
<ul className={styles.permissionsList}>
|
|
|
|
<li>Authorization for Minecraft servers</li>
|
|
|
|
<li>Manage your skins directory and additional rows for multiline</li>
|
|
|
|
<li>Change the active skin</li>
|
|
|
|
<li>View your E-mail address</li>
|
|
|
|
</ul>
|
2016-01-16 17:36:22 +05:30
|
|
|
</div>
|
|
|
|
</PanelBody>
|
|
|
|
<PanelFooter>
|
|
|
|
<button className={buttons.green}>
|
|
|
|
<Message {...messages.approve} />
|
|
|
|
</button>
|
|
|
|
</PanelFooter>
|
|
|
|
</Panel>
|
|
|
|
<div className={styles.helpLinks}>
|
|
|
|
<a href="#">
|
|
|
|
<Message {...messages.decline} />
|
|
|
|
</a>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
);
|
|
|
|
}
|
|
|
|
}
|