-
Notifications
You must be signed in to change notification settings - Fork 1.7k
New issue
Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.
By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.
Already on GitHub? Sign in to your account
[UI v2] feat: Start transition flow runs list form data table to cards #17238
Conversation
1cadcdc
to
eb7d449
Compare
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Few non blocking comments, overall LGTM!
ui-v2/src/components/deployments/deployment-details-upcoming-tab.tsx
Outdated
Show resolved
Hide resolved
type FlowRunCardProps = | ||
| { | ||
flowRun: FlowRunRow; | ||
} | ||
| { | ||
flowRun: FlowRunRow; | ||
checked: boolean; | ||
onCheckedChange: (checked: boolean) => void; | ||
}; |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
❤️
export const FLOW_RUN_STATES = [ | ||
"Scheduled", | ||
"Late", | ||
"Resuming", | ||
"AwaitingRetry", | ||
"AwaitingConcurrencySlot", | ||
"Pending", | ||
"Paused", | ||
"Suspended", | ||
"Running", | ||
"Retrying", | ||
"Completed", | ||
"Cached", | ||
"Cancelled", | ||
"Cancelling", | ||
"Crashed", | ||
"Failed", | ||
"TimedOut", | ||
] as const; | ||
export type FlowRunState = (typeof FLOW_RUN_STATES)[number]; |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
These are state names (vs state types) so lets be specific and call these FlowRunStateNames
. Also, important to keep in mind that there can be user provided state names. So if we have the state type, we should work off that. And wherever we use state names we should type them as string
rather than a specific union type like this (in components that accept customer runs).
This is helpful for mapping known state names to state types, but we cannot count on the state name being one of these known values.
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
thanks, I'll keep that in mind.
I'll keep this for now until I update the zod validation on the routes for this search param
eb7d449
to
6d4d65a
Compare
Start transition flow runs list form data table to cards
After discussion to use a card UX instead, this PR starts the transition to use cards. Future PRs will slowly build up the cards.
This PR copies over pagination features over from the data table UX
Screen.Recording.2025-02-21.at.10.45.13.AM.mov
Checklist
<link to issue>
"mint.json
.Relates to #15512