bwc9876.dev
Silly task tracker to track silly things for silly friend
silly.bwc9876.dev
1import type { Entry } from "./App";
2
3export type Props = Entry & { onChange: (newVal: number) => void; onDelete: () => void };
4
5export default function Entry({ name, progress, onChange, onDelete }: Props) {
6 return (
7 <label className={progress === 100 ? "done" : undefined}>
8 <span>{name}</span>
9 <input
10 type="range"
11 value={progress}
12 min={0}
13 max={100}
14 onChange={(ev) => onChange(parseInt(ev.target.value))}
15 />
16 <small>{progress}%</small>
17 <button onClick={onDelete}>X</button>
18 </label>
19 );
20}