-
Notifications
You must be signed in to change notification settings - Fork 147
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: Table and Column Lineage Polish #970
Conversation
@@ -6,16 +6,16 @@ import * as React from 'react'; | |||
import './styles.scss'; | |||
|
|||
const ShimmeringDashboardLoader: React.FC = () => ( |
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.
Using the pattern of ShimmeringXLoader
seems somewhat verbose with both a prefix and a suffix. I almost named my loader as ShimmeringColumnListLineageLoader
.
How do you feel about adopting either XLoader
or XShimmer
for these types of components?
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.
What about just ShimmeringColumnLineageLoader?
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.
Sounds good!
Ideally, we should come up with a generic component that packs all this in one. At some point!
- Reordeered upstream/downstream tabs - Hide upstream/downstream tabs when no tables are found - Add loading state for column lineage Signed-off-by: Daniel Won <dwon@lyft.com>
Signed-off-by: Daniel Won <dwon@lyft.com>
Signed-off-by: Daniel Won <dwon@lyft.com>
Signed-off-by: Daniel Won <dwon@lyft.com>
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
} | ||
|
||
&.header { | ||
height: 24px; |
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.
height: 24px; | |
height: $shimmer-header-height; |
@import 'variables'; | ||
|
||
$shimmer-height: 120px; | ||
$shimmer-block-spacing: $spacer-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.
Nit: I feel this is a bit too much, I would make it spacer-1
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.
Some minor comments
Signed-off-by: Daniel Won <dwon@lyft.com>
Summary of Changes
General UX polish for lineage features
Tests
Documentation
CheckList
Make sure you have checked all steps below to ensure a timely review.