Skip to content

8342 8349 application graph view#178

Open
keithchong wants to merge 2 commits intoredhat-developer:mainfrom
keithchong:8342-8349-ApplicationGraphView2
Open

8342 8349 application graph view#178
keithchong wants to merge 2 commits intoredhat-developer:mainfrom
keithchong:8342-8349-ApplicationGraphView2

Conversation

@keithchong
Copy link
Collaborator

See GitOps-8342 and 8349

Signed-off-by: Keith Chong <kykchong@redhat.com>
@openshift-ci openshift-ci bot requested a review from wtam2018 February 12, 2026 08:20
@keithchong keithchong requested review from aali309 and removed request for wtam2018 February 12, 2026 08:20
Signed-off-by: Keith Chong <kykchong@redhat.com>
@keithchong keithchong force-pushed the 8342-8349-ApplicationGraphView2 branch from d62b390 to 81460b5 Compare February 12, 2026 18:26
graph: {
id: 'g1',
type: 'graph',
layout: 'PipleineDagreLayout',
Copy link
Collaborator

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Typo?

} else if (label === t('Delete Application')) {
launchDeleteModal();
} else if (
label === 'Show ' + graphElement.getData().kindPlural ||
Copy link
Collaborator

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

use t function here and the line below?

<SvgTextWithOverflow text={`${data.healthyCount} Healthy`} maxWidth={200} x="69" y="40" />
)}
{/* eslint-disable no-nested-ternary */}
{data.hasProgressing ? (
Copy link
Collaborator

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Is this intentional? The status text rendering prioritizes: Progressing > Missing > Degraded > Suspended > Unknown

The status icon rendering below prioritizes: Progressing > Degraded > Missing > Suspended > Unknown

)}
</svg>
<line x1="45" y1="0" x2="45" y2="70" stroke="gray" strokeWidth="1" />
{data.healthyCount === data.resourceCount && (
Copy link
Collaborator

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

HeartIcon here renders when healthyCount === resourceCount and the status icons (around lines132) render based on has* flags. Icons might overlap at the same position if both are true?

};
}
const nodeId = resource.kind + '-' + resource.name + '-' + resource.namespace;
groupResourceNode.data.resourceChildrenIds = [
Copy link
Collaborator

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

The resourceChildrenIds array stores IDs without the count prefix, but the actual nodes created at line 339 use IDs with the count prefix.

),
rank: 0,
nodeStatus: nodeStatus,
reourceHealthStatus: application?.status?.health?.status,
Copy link
Collaborator

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Suggested change
reourceHealthStatus: application?.status?.health?.status,
resourceHealthStatus: application?.status?.health?.status,

style={{ fill: `${ARGO_GRAY4_COLOR}` }}
/>
);
break;
Copy link
Collaborator

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

should add default case here?

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

2 participants