Skip to content

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

Open
keithchong wants to merge 1 commit into
redhat-developer:mainfrom
keithchong:11387-DashboardOverviewPart1
Open

keithchong wants to merge 1 commit 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
  • Configuration used: Organization UI
  • Review profile: CHILL
  • Plan: Advanced
  • Run ID: f21cda55-8308-47c2-9811-2378b16ba3cc

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.29703% with 322 lines in your changes missing coverage. Please review.
✅ Project coverage is 13.19%. Comparing base (3bd1dab) to head (c3a54f8).
⚠️ Report is 59 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% 59 Missing ⚠️
...components/overview/sync-status/SyncStatusCard.tsx 0.00% 37 Missing ⚠️
src/gitops/components/overview/chartHelpers.tsx 66.35% 34 Missing and 2 partials ⚠️
...nts/overview/reconciliation/ReconciliationCard.tsx 0.00% 34 Missing ⚠️
...tops/components/overview/DashboardOverviewPage.tsx 0.00% 31 Missing ⚠️
src/gitops/utils/prometheusChartData.ts 84.61% 2 Missing ⚠️
Additional details and impacted files
@@            Coverage Diff             @@
##             main     #309      +/-   ##
==========================================
+ Coverage   11.30%   13.19%   +1.88%     
==========================================
  Files         169      181      +12     
  Lines        6679     7262     +583     
  Branches     2235     2471     +236     
==========================================
+ Hits          755      958     +203     
- Misses       5923     6061     +138     
- Partials        1      243     +242     
Flag Coverage Δ
unit-tests 13.19% <20.29%> (+1.88%) ⬆️

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

<div>
{errorState(
t('Unable to retrieve metrics data'),
t('Error occurrend running query ono reconciliation metric: ' + promError),

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.

Suggested change
t('Error occurrend running query ono reconciliation metric: ' + promError),
t('Error occurred running query on reconciliation metric: ' + promError),

<div>
{errorState(
t('Unable to retrieve applications'),
t('Error retrieving applications: ', loadError),

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.

I think this won't show the error correctly, it wont treat it as text to be appended

Suggested change
t('Error retrieving applications: ', loadError),
t('Error retrieving applications: {{error}}', { error: String(loadError) })

<div>
{errorState(
t('Unable to retrieve applications'),
t('Error retrieving applications: ', loadError),

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.

Same issue here as in SyncStatusCard.

<NamespaceBar onNamespaceChange={handleNamespaceChange} />
<ListPageHeader title={t('GitOps Overview')} hideFavoriteButton={false}></ListPageHeader>
<ListPageBody>
<PageSection></PageSection>

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 like unused code? or this is intentional?

);
};

export const getDayOfWeek = (day: number): string => {

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.

missing default value for this switch

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