From a4974f0bb0e7e9309e456ed990ff3f20b6a931e5 Mon Sep 17 00:00:00 2001
From: ahmadzuhdi <ahmad.zuhdi.y@gmail.com>
Date: Fri, 1 Feb 2019 13:45:35 +0700
Subject: [PATCH] update: register form

---
 src/common/pages/RegisterNew/index.js | 110 +++++++++++++-------------
 1 file changed, 55 insertions(+), 55 deletions(-)

diff --git a/src/common/pages/RegisterNew/index.js b/src/common/pages/RegisterNew/index.js
index 3374b5f..8239927 100644
--- a/src/common/pages/RegisterNew/index.js
+++ b/src/common/pages/RegisterNew/index.js
@@ -310,11 +310,11 @@ class RegisterPage extends React.Component {
                             <Grid item xs={12} sm={12} md={7} style={{ paddingLeft: 50, paddingRight: 50 }}>
                                 <Paper className={classes.formRegister}>
                                     <Typography variant="h6" gutterBottom>
-                                        Register Now
-                                    </Typography>
-                                    <Typography variant="subtitle2" gutterBottom>
-                                        Already have an account? <Link to={"/login"} replace>Back to Login</Link>
+                                        Daftar Sekarang
                                     </Typography>
+                                    {/*<Typography variant="subtitle2" gutterBottom>*/}
+                                        {/*Already have an account? <Link to={"/login"} replace>Back to Login</Link>*/}
+                                    {/*</Typography>*/}
                                     <div style={{
                                         display: 'flex',
                                         flexDirection: 'row'
@@ -323,7 +323,7 @@ class RegisterPage extends React.Component {
                                             <Grid item xs={12} sm={12} md={6} style={{ paddingLeft: 5, paddingRight: 5 }}>
                                                 <TextField
                                                     id="name"
-                                                    label="Full name"
+                                                    label="Nama Lengkap"
                                                     value={this.state.full_name}
                                                     onChange={this.handleChange('full_name')}
                                                     margin="normal"
@@ -335,7 +335,7 @@ class RegisterPage extends React.Component {
                                             <Grid item xs={12} sm={12} md={6} style={{ paddingLeft: 5, paddingRight: 5 }}>
                                                 <TextField
                                                     id="phone"
-                                                    label="Phone Number"
+                                                    label="Nomer Telfon"
                                                     value={this.state.phone_number}
                                                     onChange={this.handleChange('phone_number')}
                                                     margin="normal"
@@ -472,54 +472,54 @@ class RegisterPage extends React.Component {
                                                 {/*/>*/}
                                             {/*</Grid>*/}
 
-                                            <Grid item xs={12} sm={12} md={6} style={{ paddingLeft: 5, paddingRight: 5 }}>
-                                                <TextField
-                                                    id="password"
-                                                    label="Password"
-                                                    value={this.state.password}
-                                                    onChange={this.handleChange('password')}
-                                                    margin="normal"
-                                                    type={this.state.showPassword ? 'text' : 'password'}
-                                                    variant="outlined"
-                                                    fullWidth
-                                                    InputProps={{
-                                                        endAdornment: (
-                                                            <InputAdornment position="end">
-                                                                <IconButton
-                                                                    aria-label="Toggle password visibility"
-                                                                    onClick={this.viewPassword}
-                                                                >
-                                                                    {this.state.showPassword ? <VisibilityOff /> : <Visibility />}
-                                                                </IconButton>
-                                                            </InputAdornment>
-                                                        ),
-                                                    }}
-                                                />
-                                            </Grid>
-                                            <Grid item xs={12} sm={12} md={6} style={{ paddingLeft: 5, paddingRight: 5 }}>
-                                                <TextField
-                                                    id="confirmPassword"
-                                                    label="Re-type Password"
-                                                    value={this.state.confirmPassword}
-                                                    onChange={this.handleChange('confirmPassword')}
-                                                    margin="normal"
-                                                    type={this.state.showConfirmPassword ? 'text' : 'password'}
-                                                    fullWidth
-                                                    variant="outlined"
-                                                    InputProps={{
-                                                        endAdornment: (
-                                                            <InputAdornment position="end">
-                                                                <IconButton
-                                                                    aria-label="Toggle password visibility"
-                                                                    onClick={this.viewConfirmPassword}
-                                                                >
-                                                                    {this.state.showConfirmPassword ? <VisibilityOff style={{ color: this.state.password == '' ? this.state.confirmPassword == '' : this.state.password != this.state.confirmPassword ? 'red' : 'green' }} /> : <Visibility style={{ color: this.state.password == '' ? this.state.confirmPassword == '' : this.state.password != this.state.confirmPassword ? 'red' : 'green' }} />}
-                                                                </IconButton>
-                                                            </InputAdornment>
-                                                        ),
-                                                    }}
-                                                />
-                                            </Grid>
+                                            {/*<Grid item xs={12} sm={12} md={6} style={{ paddingLeft: 5, paddingRight: 5 }}>*/}
+                                                {/*<TextField*/}
+                                                    {/*id="password"*/}
+                                                    {/*label="Password"*/}
+                                                    {/*value={this.state.password}*/}
+                                                    {/*onChange={this.handleChange('password')}*/}
+                                                    {/*margin="normal"*/}
+                                                    {/*type={this.state.showPassword ? 'text' : 'password'}*/}
+                                                    {/*variant="outlined"*/}
+                                                    {/*fullWidth*/}
+                                                    {/*InputProps={{*/}
+                                                        {/*endAdornment: (*/}
+                                                            {/*<InputAdornment position="end">*/}
+                                                                {/*<IconButton*/}
+                                                                    {/*aria-label="Toggle password visibility"*/}
+                                                                    {/*onClick={this.viewPassword}*/}
+                                                                {/*>*/}
+                                                                    {/*{this.state.showPassword ? <VisibilityOff /> : <Visibility />}*/}
+                                                                {/*</IconButton>*/}
+                                                            {/*</InputAdornment>*/}
+                                                        {/*),*/}
+                                                    {/*}}*/}
+                                                {/*/>*/}
+                                            {/*</Grid>*/}
+                                            {/*<Grid item xs={12} sm={12} md={6} style={{ paddingLeft: 5, paddingRight: 5 }}>*/}
+                                                {/*<TextField*/}
+                                                    {/*id="confirmPassword"*/}
+                                                    {/*label="Re-type Password"*/}
+                                                    {/*value={this.state.confirmPassword}*/}
+                                                    {/*onChange={this.handleChange('confirmPassword')}*/}
+                                                    {/*margin="normal"*/}
+                                                    {/*type={this.state.showConfirmPassword ? 'text' : 'password'}*/}
+                                                    {/*fullWidth*/}
+                                                    {/*variant="outlined"*/}
+                                                    {/*InputProps={{*/}
+                                                        {/*endAdornment: (*/}
+                                                            {/*<InputAdornment position="end">*/}
+                                                                {/*<IconButton*/}
+                                                                    {/*aria-label="Toggle password visibility"*/}
+                                                                    {/*onClick={this.viewConfirmPassword}*/}
+                                                                {/*>*/}
+                                                                    {/*{this.state.showConfirmPassword ? <VisibilityOff style={{ color: this.state.password == '' ? this.state.confirmPassword == '' : this.state.password != this.state.confirmPassword ? 'red' : 'green' }} /> : <Visibility style={{ color: this.state.password == '' ? this.state.confirmPassword == '' : this.state.password != this.state.confirmPassword ? 'red' : 'green' }} />}*/}
+                                                                {/*</IconButton>*/}
+                                                            {/*</InputAdornment>*/}
+                                                        {/*),*/}
+                                                    {/*}}*/}
+                                                {/*/>*/}
+                                            {/*</Grid>*/}
                                         </Grid>
                                     </div>
 
@@ -546,7 +546,7 @@ class RegisterPage extends React.Component {
                                         <Button
                                           fullWidth
                                           variant="contained" style={{ backgroundColor: '#ffeb3b' }} onClick={this.register}>
-                                            {this.state.isLoading ? <CircularProgress className={classes.progress} /> : "Sign Up"}
+                                            {this.state.isLoading ? <CircularProgress className={classes.progress} /> : "Daftar"}
                                         </Button>
                                     </div>
                                 </Paper>