[WEB-5089] fix: hide empty progress in initiative scope detail page #4407

This commit is contained in:
pushya22
2025-10-09 14:47:44 +05:30
committed by GitHub
parent b8b9347cad
commit 32a764500a
2 changed files with 12 additions and 9 deletions
@@ -61,10 +61,10 @@ export const EpicListItem: React.FC<Props> = observer((props) => {
const projectIdentifier = issue?.project_id ? project.getProjectIdentifierById(issue?.project_id) : "";
const issueSequenceId = issue?.sequence_id;
const progress = getProgress(
(initiativeEpicStats?.completed_issues ?? 0) + (initiativeEpicStats?.cancelled_issues ?? 0),
initiativeEpicStats?.total_issues ?? 0
);
const completedIssuesCount = (initiativeEpicStats?.completed_issues ?? 0) + (initiativeEpicStats?.cancelled_issues ?? 0);
const totalIssuesCount = initiativeEpicStats?.total_issues ?? 0;
const showProgress = totalIssuesCount > 0;
const progress = showProgress ? getProgress(completedIssuesCount, totalIssuesCount) : 0;
if (!issue || !issue.project_id) return <></>;
@@ -102,12 +102,12 @@ export const EpicListItem: React.FC<Props> = observer((props) => {
</div>
}
appendTitleElement={
<>
showProgress ? (
<div className="flex items-center gap-1">
<CircularProgressIndicator size={20} percentage={progress} strokeWidth={3} />
<span className="text-sm font-medium text-custom-text-300 px-1">{`${progress}%`}</span>
</div>
</>
) : undefined
}
quickActionElement={
<div className="block md:hidden">
@@ -37,7 +37,10 @@ export const ProjectItem = observer((props: Props) => {
const projectDetails = getProjectById(projectId);
const projectAnalyticsCount = getProjectAnalyticsCountById(projectId);
const progress = getProgress(projectAnalyticsCount?.completed_issues, projectAnalyticsCount?.total_issues);
const completedIssuesCount = projectAnalyticsCount?.completed_issues ?? 0;
const totalIssuesCount = projectAnalyticsCount?.total_issues ?? 0;
const showProgress = totalIssuesCount > 0;
const progress = showProgress ? getProgress(completedIssuesCount, totalIssuesCount) : 0;
if (!projectDetails || !currentWorkspace) return;
@@ -58,12 +61,12 @@ export const ProjectItem = observer((props: Props) => {
</div>
}
appendTitleElement={
<>
showProgress ? (
<div className="flex items-center gap-1">
<CircularProgressIndicator size={20} percentage={progress} strokeWidth={3} />
<span className="text-sm font-medium text-custom-text-300 px-1">{`${progress}%`}</span>
</div>
</>
) : undefined
}
quickActionElement={
<div className="block md:hidden">