wassname/talk
1
0
Fork 0
mirror of https://github.com/wassname/talk.git synced 2026-07-13 17:45:56 +08:00
Code Issues Packages Projects Releases Wiki Activity

Removing styles from sign in

Browse Source
This commit is contained in:
okbel
2018-03-23 15:51:04 -03:00
parent 0242e7b124
commit a53194b4a0
2 changed files with 44 additions and 58 deletions
Download Patch File Download Diff File Expand all files Collapse all files
plugins/talk-plugin-auth/client/stream/components/SetUsernameDialog.css
-7
View File
@@ -1,10 +1,3 @@
.dialogusername {
border: none;
box-shadow: 0 9px 46px 8px rgba(0, 0, 0, 0.14), 0 11px 15px -7px rgba(0, 0, 0, 0.12), 0 24px 38px 3px rgba(0, 0, 0, 0.2);
width: 400px;
top: 10px;
}
.yourusername {
display: block;
}
plugins/talk-plugin-auth/client/stream/components/SetUsernameDialog.js
+44 -51
View File
@@ -1,12 +1,7 @@
import React from 'react';
import PropTypes from 'prop-types';
import styles from './SetUsernameDialog.css';
import {
Dialog,
Alert,
TextField,
Button,
} from 'plugin-api/beta/client/components/ui';
import { Alert, TextField, Button } from 'plugin-api/beta/client/components/ui';
import { FakeComment } from './FakeComment';
import { t } from 'plugin-api/beta/client/services';
@@ -22,52 +17,50 @@ class SetUsernameDialog extends React.Component {
const { username, usernameError, errorMessage } = this.props;
return (
<Dialog className={styles.dialogusername} id="createUsernameDialog" open>
<div>
<div className={styles.header}>
<h1>
{t('talk-plugin-auth.set_username_dialog.write_your_username')}
</h1>
</div>
<div>
<p className={styles.yourusername}>
{t('talk-plugin-auth.set_username_dialog.your_username')}
</p>
<FakeComment
className={styles.fakeComment}
username={username}
created_at={new Date().toISOString()}
body={t('talk-plugin-auth.set_username_dialog.fake_comment_body')}
/>
{errorMessage && <Alert>{errorMessage}</Alert>}
<form id="saveUsername" onSubmit={this.handleSubmit}>
{usernameError && (
<span className={styles.hint}>
{' '}
{t(
'talk-plugin-auth.set_username_dialog.special_characters'
)}{' '}
</span>
)}
<div className={styles.saveusername}>
<TextField
id="username"
style={{ fontSize: 16 }}
type="string"
label={t('talk-plugin-auth.set_username_dialog.username')}
value={username}
showErrors={!!usernameError}
errorMsg={usernameError}
onChange={this.handleUsernameChange}
/>
<Button id="save" type="submit" className={styles.saveButton}>
{t('talk-plugin-auth.set_username_dialog.save')}
</Button>
</div>
</form>
</div>
<div>
<div className={styles.header}>
<h1>
{t('talk-plugin-auth.set_username_dialog.write_your_username')}
</h1>
</div>
</Dialog>
<div>
<p className={styles.yourusername}>
{t('talk-plugin-auth.set_username_dialog.your_username')}
</p>
<FakeComment
className={styles.fakeComment}
username={username}
created_at={new Date().toISOString()}
body={t('talk-plugin-auth.set_username_dialog.fake_comment_body')}
/>
{errorMessage && <Alert>{errorMessage}</Alert>}
<form id="saveUsername" onSubmit={this.handleSubmit}>
{usernameError && (
<span className={styles.hint}>
{' '}
{t(
'talk-plugin-auth.set_username_dialog.special_characters'
)}{' '}
</span>
)}
<div className={styles.saveusername}>
<TextField
id="username"
style={{ fontSize: 16 }}
type="string"
label={t('talk-plugin-auth.set_username_dialog.username')}
value={username}
showErrors={!!usernameError}
errorMsg={usernameError}
onChange={this.handleUsernameChange}
/>
<Button id="save" type="submit" className={styles.saveButton}>
{t('talk-plugin-auth.set_username_dialog.save')}
</Button>
</div>
</form>
</div>
</div>
);
}
}