c3f21958d2
The todoapp example contains a Netlify plan which uses the latest dagger additions: do & Client API. We are thinking of merging the examples repository into this one to make working with this easier. This is a step in that direction. We are not using the yarn package so that we can revert https://github.com/dagger/dagger/pull/1673 without breaking this implementation. The GitHub Action is WIP, we will continue with that tomorrow: https://github.com/dagger/dagger-for-github/issues/24 Signed-off-by: Gerhard Lazu <gerhard@lazu.co.uk>
46 lines
865 B
JavaScript
Vendored
46 lines
865 B
JavaScript
Vendored
import React, { useState } from "react";
|
|
|
|
function Form(props) {
|
|
const [name, setName] = useState('');
|
|
|
|
|
|
function handleSubmit(e) {
|
|
e.preventDefault();
|
|
if (!name.trim()) {
|
|
return;
|
|
}
|
|
props.addTask(name);
|
|
setName("");
|
|
}
|
|
|
|
|
|
function handleChange(e) {
|
|
setName(e.target.value);
|
|
}
|
|
|
|
return (
|
|
<form onSubmit={handleSubmit}>
|
|
<h2 className="label-wrapper">
|
|
<label htmlFor="new-todo-input" className="label__lg">
|
|
What needs to be done?
|
|
</label>
|
|
</h2>
|
|
|
|
<input
|
|
type="text"
|
|
id="new-todo-input"
|
|
className="input input__lg"
|
|
name="text"
|
|
autoComplete="off"
|
|
value={name}
|
|
onChange={handleChange}
|
|
/>
|
|
<button type="submit" className="btn btn__primary btn__lg">
|
|
Add
|
|
</button>
|
|
</form>
|
|
);
|
|
}
|
|
|
|
export default Form;
|