blob: 70dc13d2323d055ca871b45e00e9c0f5a46ddaa4 (
plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
|
<script>
import { createChannel } from '../apiServer';
import { channelsList } from '../store';
let name = '';
let disabled = false;
async function handleSubmit(event) {
disabled = true;
const response = await createChannel(name);
if (200 <= response.status && response.status < 300) {
channelsList.update((value) => [...value, response.data]);
name = '';
}
disabled = false;
}
</script>
<form on:submit|preventDefault={handleSubmit}>
<input type="text" placeholder="channel name" bind:value={name} disabled={disabled} />
<button type="submit">create</button>
</form>
<style>
</style>
|