Rename Connect/Join to ConnectForm/JoinForm
This commit is contained in:
parent
c83a74cc50
commit
4257463b46
3 changed files with 6 additions and 6 deletions
|
@ -1,45 +0,0 @@
|
|||
import { html, Component } from "../lib/index.js";
|
||||
|
||||
export default class Join extends Component {
|
||||
state = {
|
||||
channel: "#",
|
||||
};
|
||||
|
||||
constructor(props) {
|
||||
super(props);
|
||||
|
||||
this.handleChange = this.handleChange.bind(this);
|
||||
this.handleSubmit = this.handleSubmit.bind(this);
|
||||
}
|
||||
|
||||
handleChange(event) {
|
||||
var target = event.target;
|
||||
var value = target.type == "checkbox" ? target.checked : target.value;
|
||||
this.setState({ [target.name]: value });
|
||||
}
|
||||
|
||||
handleSubmit(event) {
|
||||
event.preventDefault();
|
||||
|
||||
var params = {
|
||||
channel: this.state.channel,
|
||||
};
|
||||
|
||||
this.props.onSubmit(params);
|
||||
}
|
||||
|
||||
render() {
|
||||
return html`
|
||||
<form onChange=${this.handleChange} onSubmit=${this.handleSubmit}>
|
||||
<label>
|
||||
Channel:<br/>
|
||||
<input type="text" name="channel" value=${this.state.channel} autofocus required/>
|
||||
</label>
|
||||
<br/>
|
||||
|
||||
<br/>
|
||||
<button>Join</button>
|
||||
</form>
|
||||
`;
|
||||
}
|
||||
}
|
Loading…
Add table
Add a link
Reference in a new issue