From a53194b4a0e487ad5d47daefc2158e1d23f10b4b Mon Sep 17 00:00:00 2001
From: okbel <curciobelen@gmail.com>
Date: Fri, 23 Mar 2018 15:51:04 -0300
Subject: [PATCH] Removing styles from sign in

---
 .../stream/components/SetUsernameDialog.css   |  7 --
 .../stream/components/SetUsernameDialog.js    | 95 +++++++++----------
 2 files changed, 44 insertions(+), 58 deletions(-)

diff --git a/plugins/talk-plugin-auth/client/stream/components/SetUsernameDialog.css b/plugins/talk-plugin-auth/client/stream/components/SetUsernameDialog.css
index c1947ca7d..856e95642 100644
--- a/plugins/talk-plugin-auth/client/stream/components/SetUsernameDialog.css
+++ b/plugins/talk-plugin-auth/client/stream/components/SetUsernameDialog.css
@@ -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;
 }
diff --git a/plugins/talk-plugin-auth/client/stream/components/SetUsernameDialog.js b/plugins/talk-plugin-auth/client/stream/components/SetUsernameDialog.js
index 0fd742879..9cacc70b8 100644
--- a/plugins/talk-plugin-auth/client/stream/components/SetUsernameDialog.js
+++ b/plugins/talk-plugin-auth/client/stream/components/SetUsernameDialog.js
@@ -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>
     );
   }
 }