{unit: "minute" | "hour", value:number}. Seems like value always needs to be a string though. What I'm thinking of doing -{unit: "minute" | "hour", value:number}value<Select
value={
taskTemplateCtx.state.estimate.value + " " +
taskTemplateCtx.state.estimate.unit
}
onValueChange={(value) => {
const e = estimateOptions.find(
(estimate) => estimate.value + " " + estimate.unit === value
);
if (e)
taskTemplateCtx.dispatch({
type: "estimate_update",
estimate: e,
});
}}
>
<SelectTrigger className="w-fit gap-2">
<ClockIcon className="h-4 w-4 text-gray-700" />
<SelectValue />
</SelectTrigger>
<SelectContent>
<SelectGroup>
{/* <SelectLabel>Fruits</SelectLabel> */}
{estimateOptions.map((estimate) => (
<SelectItem
value={estimate.value + " " + estimate.unit}
>
{estimate.value +
" " +
(estimate.unit === "minute" ? "min" : "hr")}
</SelectItem>
))}
</SelectGroup>
</SelectContent>
</Select>