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.
 
 
 

44 lines
1.4 KiB

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>
</>
);
}
}