You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
|
|
import React, { Component } from 'react'; |
|
|
import phonenumber from '../../../../assets/icons/phonenumber.png'; |
|
|
|
|
|
export default class Mobile extends Component { |
|
|
render() { |
|
|
|
|
|
return ( |
|
|
<> |
|
|
<div className="login-mobile__top d-flex"> |
|
|
<div>منتظرت بودیم</div> |
|
|
<p>شمارهتو بده تا کد تأیید رو برات بفرستم. دست دست نکن</p> |
|
|
<img src={phonenumber} alt="" /> |
|
|
</div> |
|
|
<div className="login-mobile__input d-flex"> |
|
|
<form onSubmit={() => this.props.parent.setState({ section: 1, cellphone: '09' + this.state.cellphone })} > |
|
|
<input |
|
|
type="text" |
|
|
maxLength={9} |
|
|
inputMode="numeric" |
|
|
onChange={(e) => this.setState({ cellphone: e.target.value })} |
|
|
onInput={(e) => |
|
|
(e.target.value = e.target.value |
|
|
.replace(/[\u0660-\u0669\u06f0-\u06f9]/g, function (c) { |
|
|
return c.charCodeAt(0) & 0xf; |
|
|
}) |
|
|
.replace(/[^\d]/, '')) |
|
|
} |
|
|
// onAction={} |
|
|
/> |
|
|
|
|
|
<div>09</div> |
|
|
</form> |
|
|
</div> |
|
|
<button |
|
|
onClick={() => |
|
|
this.props.parent.setState({ section: 1, cellphone: '09' + this.state.cellphone }) |
|
|
} |
|
|
> |
|
|
ادامه |
|
|
</button> |
|
|
</> |
|
|
); |
|
|
} |
|
|
}
|
|
|
|