[WEB-5089] fix: hide empty progress in initiative scope detail page #4407
This commit is contained in:
+6
-6
@@ -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">
|
||||
|
||||
+6
-3
@@ -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">
|
||||
|
||||
Reference in New Issue
Block a user