-
-
Notifications
You must be signed in to change notification settings - Fork 658
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
feat: execution plan diff table #4065
Conversation
The latest updates on your projects. Learn more about Vercel for Git ↗︎
1 Ignored Deployment
|
}, | ||
sortType: 'playgroundResultState', | ||
maxWidth: 120, | ||
maxWidth: 140, |
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.
more space for the info icon to avoid horizontal scroll
@@ -54,10 +55,21 @@ export const PlaygroundEnvironmentDiffTable = ({ | |||
? 'unknown' | |||
: 'false', | |||
Cell: ({ row }: { row: { original: RowType } }) => { | |||
return <FeatureStatusCell feature={row.original[environment]} />; | |||
return ( | |||
<Box sx={{ display: 'flex' }}> |
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.
flex to inline two elements into one cell
@@ -10,7 +10,7 @@ interface IFeatureStatusCellProps { | |||
const StyledCellBox = styled(Box)(({ theme }) => ({ | |||
display: 'flex', | |||
alignItems: 'center', | |||
padding: theme.spacing(1, 2), | |||
padding: theme.spacing(1, 0, 1, 2), |
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.
spacing between status chip and info was too big. I tested and this change doesn't affect the old playground.
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.
LGTM!
About the changes
Each environment in the diff table has info icon with the execution plan
This component is already tested and since we're not adding any if statements I am not adding new tests.
Important files
Discussion points