import React from "react"; import { useRouter } from "next/router"; // services import trackEventServices from "services/track-event.service"; // hooks import useEstimateOption from "hooks/use-estimate-option"; // ui import { CustomSelect, Tooltip } from "components/ui"; // icons import { PlayIcon } from "@heroicons/react/24/outline"; // types import { IIssue } from "types"; type Props = { issue: IIssue; partialUpdateIssue: (formData: Partial, issueId: string) => void; position?: "left" | "right"; selfPositioned?: boolean; isNotAllowed: boolean; }; export const ViewEstimateSelect: React.FC = ({ issue, partialUpdateIssue, position = "left", selfPositioned = false, isNotAllowed, }) => { const router = useRouter(); const { workspaceSlug } = router.query; const { isEstimateActive, estimatePoints } = useEstimateOption(issue.estimate_point); const estimateValue = estimatePoints?.find((e) => e.key === issue.estimate_point)?.value; if (!isEstimateActive) return null; return ( { partialUpdateIssue({ estimate_point: val }, issue.id); trackEventServices.trackIssuePartialPropertyUpdateEvent( { workspaceSlug, workspaceId: issue.workspace, projectId: issue.project_detail.id, projectIdentifier: issue.project_detail.identifier, projectName: issue.project_detail.name, issueId: issue.id, }, "ISSUE_PROPERTY_UPDATE_ESTIMATE" ); }} label={
{estimateValue ?? "Estimate"}
} maxHeight="md" noChevron disabled={isNotAllowed} position={position} selfPositioned={selfPositioned} width="w-full min-w-[8rem]" > <> None {estimatePoints?.map((estimate) => ( <> {estimate.value} ))}
); };