Skip to content

Conversation

hiirrxnn
Copy link

@hiirrxnn hiirrxnn commented May 24, 2025

This PR improves UX consistency across the Volcano Dashboard by standardizing time display across all tables and fixing a header loading issue in the Queue table.

🎯 Problem Statement

Inconsistent time display: Tables showed different combinations of Creation Time and Age columns

Jobs: Only Creation Time
Pods: Creation time and Age
Queues: Only Creation Time

Queue header loading issue: Headers would shift/change when data loaded because allocated fields were dynamic, causing poor UX during the initial page load

###✅ Solution

Time Column Standardization

  • Added consistent Creation Time + Age columns to all tables
  • Standardized column order for better muscle memory
  • Created reusable dateUtils.js for consistent age calculation

Queue Header Stabilization

Made Queue headers static like Jobs and Pods
Removed dynamic allocated Fields dependency
Fixed header shifting during data loading

The following video highlights the layout shift this PR fixes.

Screen.Recording.2025-05-25.at.6.01.36.PM.mov

The following screenshots indicate new table headers.

Screenshot 2025-05-25 at 4 45 20 PM Screenshot 2025-05-25 at 4 45 28 PM Screenshot 2025-05-25 at 4 45 35 PM

@volcano-sh-bot
Copy link
Contributor

[APPROVALNOTIFIER] This PR is NOT APPROVED

This pull-request has been approved by:
To complete the pull request process, please assign monokaix
You can assign the PR to them by writing /assign @monokaix in a comment when ready.

The full list of commands accepted by this bot can be found here.

Needs approval from an approver in each of these files:

Approvers can indicate their approval by writing /approve in a comment
Approvers can cancel approval by writing /approve cancel in a comment

@hiirrxnn
Copy link
Author

/assign @Monokaix

Copy link
Contributor

@de6p de6p left a comment

Choose a reason for hiding this comment

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

please add screenshots.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
Projects
None yet
Development

Successfully merging this pull request may close these issues.

4 participants