[WEB-522] fix: handling the issue and estimate point dropdown in the active cycle to render only when the estimate type is points (#4930)
* fix: handling the issue and estimate point dropdown in active cycle to render only when estimate type is points * fix: reverted the theme store
This commit is contained in:
parent
981a8e93ba
commit
c5cd823aaa
1 changed files with 9 additions and 2 deletions
|
|
@ -9,6 +9,8 @@ import { EmptyState } from "@/components/empty-state";
|
||||||
// constants
|
// constants
|
||||||
import { EmptyStateType } from "@/constants/empty-state";
|
import { EmptyStateType } from "@/constants/empty-state";
|
||||||
import { useCycle, useProjectEstimates } from "@/hooks/store";
|
import { useCycle, useProjectEstimates } from "@/hooks/store";
|
||||||
|
// plane web constants
|
||||||
|
import { EEstimateSystem } from "@/plane-web/constants/estimates";
|
||||||
|
|
||||||
export type ActiveCycleProductivityProps = {
|
export type ActiveCycleProductivityProps = {
|
||||||
workspaceSlug: string;
|
workspaceSlug: string;
|
||||||
|
|
@ -25,7 +27,7 @@ export const ActiveCycleProductivity: FC<ActiveCycleProductivityProps> = observe
|
||||||
const { workspaceSlug, projectId, cycle } = props;
|
const { workspaceSlug, projectId, cycle } = props;
|
||||||
// hooks
|
// hooks
|
||||||
const { getPlotTypeByCycleId, setPlotType, fetchCycleDetails } = useCycle();
|
const { getPlotTypeByCycleId, setPlotType, fetchCycleDetails } = useCycle();
|
||||||
const { areEstimateEnabledByProjectId } = useProjectEstimates();
|
const { currentActiveEstimateId, areEstimateEnabledByProjectId, estimateById } = useProjectEstimates();
|
||||||
// state
|
// state
|
||||||
const [loader, setLoader] = useState(false);
|
const [loader, setLoader] = useState(false);
|
||||||
// derived values
|
// derived values
|
||||||
|
|
@ -44,6 +46,11 @@ export const ActiveCycleProductivity: FC<ActiveCycleProductivityProps> = observe
|
||||||
}
|
}
|
||||||
};
|
};
|
||||||
|
|
||||||
|
const isCurrentProjectEstimateEnabled = projectId && areEstimateEnabledByProjectId(projectId) ? true : false;
|
||||||
|
const estimateDetails =
|
||||||
|
isCurrentProjectEstimateEnabled && currentActiveEstimateId && estimateById(currentActiveEstimateId);
|
||||||
|
const isCurrentEstimateTypeIsPoints = estimateDetails && estimateDetails?.type === EEstimateSystem.POINTS;
|
||||||
|
|
||||||
const chartDistributionData = plotType === "points" ? cycle?.estimate_distribution : cycle?.distribution || undefined;
|
const chartDistributionData = plotType === "points" ? cycle?.estimate_distribution : cycle?.distribution || undefined;
|
||||||
const completionChartDistributionData = chartDistributionData?.completion_chart || undefined;
|
const completionChartDistributionData = chartDistributionData?.completion_chart || undefined;
|
||||||
|
|
||||||
|
|
@ -53,7 +60,7 @@ export const ActiveCycleProductivity: FC<ActiveCycleProductivityProps> = observe
|
||||||
<Link href={`/${workspaceSlug}/projects/${projectId}/cycles/${cycle?.id}`}>
|
<Link href={`/${workspaceSlug}/projects/${projectId}/cycles/${cycle?.id}`}>
|
||||||
<h3 className="text-base text-custom-text-300 font-semibold">Issue burndown</h3>
|
<h3 className="text-base text-custom-text-300 font-semibold">Issue burndown</h3>
|
||||||
</Link>
|
</Link>
|
||||||
{areEstimateEnabledByProjectId(projectId) && (
|
{isCurrentEstimateTypeIsPoints && (
|
||||||
<div className="relative flex items-center gap-2">
|
<div className="relative flex items-center gap-2">
|
||||||
<CustomSelect
|
<CustomSelect
|
||||||
value={plotType}
|
value={plotType}
|
||||||
|
|
|
||||||
Loading…
Add table
Add a link
Reference in a new issue