move container

src/ts/containers/member/regist.tsx

@@ -54,7 +54,7 @@ const muiTheme = getMuiTheme({
   },
 });
 
-export class MemberRegist extends  React.Component<any, any> {
+export class MemberRegist extends React.Component<any, any> {
   constructor(props: any, context: any) {
     super(props, context);
 
@@ -64,15 +64,15 @@ export class MemberRegist extends  React.Component<any, any> {
       open: false,
       value: 1,
 
-      email:"",
-      name:"",
-      company:"",
-      phone:"",
-      pw:"",
+      email: "",
+      name: "",
+      company: "",
+      phone: "",
+      pw: "",
     };
   }
 
-  handleChange = () => this.setState({  });
+  handleChange = () => this.setState({});
 
   private emailInput: any;
 
@@ -89,48 +89,52 @@ export class MemberRegist extends  React.Component<any, any> {
   }
 
   handleSignUp = () => {
-  
+
     let output: string;
     let obj: any; //new object declaration
-    obj = {"email":this.state.email,
-            "pwSalt":this.state.pw,
-            "name":this.state.name,
-            "company":this.state.company,
-            "phone":this.state.phone};
+    obj = {
+      "email": this.state.email,
+      "pwSalt": this.state.pw,
+      "name": this.state.name,
+      "company": this.state.company,
+      "phone": this.state.phone
+    };
 
 
-output = JSON.stringify(obj);
+    output = JSON.stringify(obj);
 
-obj = {"value":output};
+    obj = { "value": output };
 
-fetch('http://192.168.1.209:8080/v1/example/echo', {
-  method: 'POST',
-  headers: {
-    'Accept': 'application/json',
-    // mode: 'no-cors'
-  },
-  body: JSON.stringify(obj)
-}).then(function (response) {
-    return response.json();
-}).then(function (json) {
-    console.log(json);
-}).catch((err) => {
+    fetch('http://192.168.1.209:8080/v1/example/echo', {
+      method: 'POST',
+      headers: {
+        'Accept': 'application/json',
+        // mode: 'no-cors'
+      },
+      body: JSON.stringify(obj)
+    }).then(function (response) {
+      return response.json();
+    }).then(function (json) {
+      console.log(json);
+      ReactDOM.render(<MemberRegistResult />, document.getElementById('example')
+    );
+    }).catch((err) => {
       console.log(err);
-}); 
-   
+    });
+
 
 
 
 
   }
-  
 
-handleResultContainer = () => {
-  ReactDOM.render(
-    <MemberRegistResult />,
-    document.getElementById('example')
-);
-}
+
+  handleResultContainer = () => {
+    ReactDOM.render(
+      <MemberRegistResult />,
+      document.getElementById('example')
+    );
+  }
 
 
   btnTouchTap = () => {
@@ -141,70 +145,70 @@ handleResultContainer = () => {
 
     return (
       <MuiThemeProvider muiTheme={muiTheme}>
-        
-          <div style={styles.container}>
-            Get started with Overflow
-              <br/>
-              <TextField
-                ref="email"
-                hintText="smith@gmail.com"
-                floatingLabelText="Email address*"
-                errorText=""
-                style={styles.textfield}
-                underlineShow={true} 
-                value={this.state.email}
-                onChange={(e, newValue) => this.setState({ email: newValue})}
-                 />
-              <br/>
-              <TextField 
-              ref="name"
-                hintText="Snoop"
-                 floatingLabelText="Full Name*"
-                style={styles.textfield}
-                underlineShow={true} 
-                value={this.state.name}
-                onChange={(e, newValue) => this.setState({ name: newValue})}
-                
-                />
-              <br/>
 
-            <TextField 
+        <div style={styles.container}>
+          Get started with Overflow
+              <br />
+          <TextField
+            ref="email"
+            hintText="smith@gmail.com"
+            floatingLabelText="Email address*"
+            errorText=""
+            style={styles.textfield}
+            underlineShow={true}
+            value={this.state.email}
+            onChange={(e, newValue) => this.setState({ email: newValue })}
+          />
+          <br />
+          <TextField
+            ref="name"
+            hintText="Snoop"
+            floatingLabelText="Full Name*"
+            style={styles.textfield}
+            underlineShow={true}
+            value={this.state.name}
+            onChange={(e, newValue) => this.setState({ name: newValue })}
+
+          />
+          <br />
+
+          <TextField
             ref="company"
-                hintText="Loafle"
-                 floatingLabelText="Company*"
-                style={styles.textfield}
-                underlineShow={true} 
-                value={this.state.company}
-                onChange={(e, newValue) => this.setState({ company: newValue})}
-                />
-              <br/>
+            hintText="Loafle"
+            floatingLabelText="Company*"
+            style={styles.textfield}
+            underlineShow={true}
+            value={this.state.company}
+            onChange={(e, newValue) => this.setState({ company: newValue })}
+          />
+          <br />
 
-              <TextField 
-              ref="phone"
-                hintText="Loafle"
-                 floatingLabelText="Phone*"
-                style={styles.textfield}
-                underlineShow={true} 
-                value={this.state.phone}
-                onChange={(e, newValue) => this.setState({ phone: newValue})}
-                />
-              <br/>
+          <TextField
+            ref="phone"
+            hintText="Loafle"
+            floatingLabelText="Phone*"
+            style={styles.textfield}
+            underlineShow={true}
+            value={this.state.phone}
+            onChange={(e, newValue) => this.setState({ phone: newValue })}
+          />
+          <br />
 
-              <TextField
-                hintText="Password"
-                floatingLabelText="Password"
-                type="password"
-                style={styles.textfield}
-                value={this.state.pw}
-                onChange={(e, newValue) => this.setState({ pw: newValue})}
-              />
-              <br/>
+          <TextField
+            hintText="Password"
+            floatingLabelText="Password"
+            type="password"
+            style={styles.textfield}
+            value={this.state.pw}
+            onChange={(e, newValue) => this.setState({ pw: newValue })}
+          />
+          <br />
+
+
+          <RaisedButton label="Sign Up" primary={true} style={styles.button} onClick={this.handleSignUp.bind(this)} />
+
+        </div>
 
-            
-            <RaisedButton label="Sign Up" primary={true} style={styles.button} onClick={this.handleSignUp.bind(this)}/>
-           
-          </div>
-        
       </MuiThemeProvider>
     );
   }