import { useFieldContext } from "@/hooks/form";
import type { HeldTalent } from "@/schemas/held.schema";
import { TableCell, TableRow } from "./ui/table";
import { talentByName } from "@/lib/talente";
import { Input } from "./ui/input";
export default function TalentRow() {
const field = useFieldContext<HeldTalent>();
const talent = talentByName(field.state.value.talentName);
if(!talent) return;
return (
<TableRow>
<TableCell>{talent.name}</TableCell>
<TableCell>
<Input
type="number"
id={field.name}
value={field.state.value.TaW}
onChange={(e) => field.handleChange({...field.state.value, TaW: e.target.valueAsNumber})}
>
</Input>
</TableCell>
</TableRow>
)
}
import { useFieldContext } from "@/hooks/form";
import type { HeldTalent } from "@/schemas/held.schema";
import { TableCell, TableRow } from "./ui/table";
import { talentByName } from "@/lib/talente";
import { Input } from "./ui/input";
export default function TalentRow() {
const field = useFieldContext<HeldTalent>();
const talent = talentByName(field.state.value.talentName);
if(!talent) return;
return (
<TableRow>
<TableCell>{talent.name}</TableCell>
<TableCell>
<Input
type="number"
id={field.name}
value={field.state.value.TaW}
onChange={(e) => field.handleChange({...field.state.value, TaW: e.target.valueAsNumber})}
>
</Input>
</TableCell>
</TableRow>
)
}