Skip to content

Create Dashboard with Sync and Health Status cards, Operational, Sync Activity and Reconciliation Metrics Cards (#11387) - #309

Merged
aali309 merged 4 commits into
redhat-developer:mainfrom
keithchong:11387-DashboardOverviewPart1
Oct 26, 2026
Merged

aali309 merged 4 commits into
redhat-developer:mainfrom
keithchong:11387-DashboardOverviewPart1

Conversation

@keithchong

Copy link
Copy Markdown
Collaborator

See GITOPS-11387 for details before reviewing

@coderabbitai

coderabbitai Bot commented Oct 19, 2026 •

Copy link
Copy Markdown

Important

  • 🔍 Trigger review

This repository does not receive automatic reviews because it has fewer than 10 stars.

Run configuration
  • Source mode: Auto
  • Repository: Unavailable
  • Branch: Unavailable
  • File: No configuration file from this repository applied
  • Commit: Unavailable
  • Layers: Organization UI
  • Review profile: CHILL
  • Plan: Advanced
  • Run ID: da0b22d8-7969-43f0-8482-234b5fd691c6

Comment @coderabbitai help to get the list of available commands.

@openshift-ci
openshift-ci Bot requested review from aali309 and wtam2018 October 19, 2026 01:50
@keithchong keithchong changed the title Create Dashboard with Sync/Health, Sync and Recon. Cards (#11387) Create Dashboard with Sync and Health Status cards, Operational, Sync Activity and Reconciliation Metrics Cards (#11387) Oct 19, 2026
@codecov-commenter

codecov-commenter commented Oct 19, 2026 •

Copy link
Copy Markdown

Codecov Report

❌ Patch coverage is 20.19704% with 324 lines in your changes missing coverage. Please review.
✅ Project coverage is 14.15%. Comparing base (3bd1dab) to head (76313b0).
⚠️ Report is 68 commits behind head on main.

Files with missing lines Patch % Lines
...onents/overview/sync-activity/SyncActivityCard.tsx 0.00% 63 Missing ⚠️
...iew/operational-metrics/OperationalMetricsCard.tsx 0.00% 60 Missing ⚠️
...onents/overview/health-status/HealthStatusCard.tsx 0.00% 58 Missing ⚠️
src/gitops/components/overview/chartHelpers.tsx 65.13% 36 Missing and 2 partials ⚠️
...components/overview/sync-status/SyncStatusCard.tsx 0.00% 37 Missing ⚠️
...nts/overview/reconciliation/ReconciliationCard.tsx 0.00% 34 Missing ⚠️
...tops/components/overview/DashboardOverviewPage.tsx 0.00% 32 Missing ⚠️
src/gitops/utils/prometheusChartData.ts 84.61% 2 Missing ⚠️
Additional details and impacted files
@@            Coverage Diff             @@
##             main     #309      +/-   ##
==========================================
+ Coverage   11.30%   14.15%   +2.84%     
==========================================
  Files         169      192      +23     
  Lines        6679     7533     +854     
  Branches     2235     2506     +271     
==========================================
+ Hits          755     1066     +311     
- Misses       5923     6218     +295     
- Partials        1      249     +248     
Flag Coverage Δ
unit-tests 14.15% <20.19%> (+2.84%) ⬆️

Flags with carried forward coverage won't be shown. Click here to find out more.

☔ View full report in Codecov by Harness.
📢 Have feedback on the report? Share it here.

🚀 New features to boost your workflow:
  • ❄️ Test Analytics: Detect flaky tests, report on failures, and find test suite problems.
  • 📦 JS Bundle Analysis: Save yourself from yourself by tracking and limiting bundle sizes in JS merges.

Signed-off-by: Keith Chong <kykchong@redhat.com>
@keithchong
keithchong force-pushed the 11387-DashboardOverviewPart1 branch from 6dd818a to c3a54f8 Compare October 20, 2026 14:25

@aali309 aali309 left a comment

Copy link
Copy Markdown
Collaborator

Choose a reason for hiding this comment

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

Looks good to me in general just a few follow up/NIT comments. Also should we consider sharing one Application watch between Sync + Health cards?
Thanks @keithchong

Comment thread src/gitops/components/overview/reconciliation/ReconciliationCard.tsx Outdated
Comment thread src/gitops/components/overview/sync-status/SyncStatusCard.tsx Outdated
Comment thread src/gitops/components/overview/health-status/HealthStatusCard.tsx Outdated
Comment thread src/gitops/components/overview/DashboardOverviewPage.tsx Outdated
Comment thread src/gitops/components/overview/chartHelpers.tsx
Signed-off-by: Keith Chong <kykchong@redhat.com>
Signed-off-by: Keith Chong <kykchong@redhat.com>
@keithchong

Copy link
Copy Markdown
Collaborator Author

Looks good to me in general just a few follow up/NIT comments. Also should we consider sharing one Application watch between Sync + Health cards? Thanks @keithchong

Good point about sharing one app watch. For all the cards, it was supposed to be all self-contained and one can be inserted into another page independently. I agree, we could share that for both cards for now. In a separate commit, I pulled it up out of the two cards and into the DashboardOverviewPage and created a new interface OverviewCardForApplicationsProps for those cards with Apps dependencies.

@aali309 aali309 left a comment •

Copy link
Copy Markdown
Collaborator

Choose a reason for hiding this comment

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

one more comment @keithchong, Unknown is the Health filter id, so this link opens Health Status: Unknown and shows no apps!

Comment thread src/gitops/components/overview/sync-status/SyncStatusCard.tsx Outdated
Signed-off-by: Keith Chong <kykchong@redhat.com>

@aali309 aali309 left a comment

Copy link
Copy Markdown
Collaborator

Choose a reason for hiding this comment

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

Tested, LGTM! Thanks Keith

@aali309
aali309 merged commit 3ee61a2 into redhat-developer:main Oct 26, 2026
5 checks passed
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.

3 participants