-
Notifications
You must be signed in to change notification settings - Fork 235
feat(connect-form): Add error and warning indicators to tabs COMPASS-5451 #2731
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(connect-form): Add error and warning indicators to tabs COMPASS-5451 #2731
Conversation
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.
Nice idea to indicate which tabs might have issues! I think we can avoid referencing html elements from leafygreen in styles like that. A few other small things caught my eye here and there
packages/connect-form/src/components/advanced-options-tabs/advanced-options-tabs.tsx
Outdated
Show resolved
Hide resolved
packages/connect-form/src/components/advanced-options-tabs/advanced-options-tabs.tsx
Outdated
Show resolved
Hide resolved
packages/connect-form/src/components/advanced-options-tabs/advanced-options-tabs.tsx
Outdated
Show resolved
Hide resolved
packages/connect-form/src/components/advanced-options-tabs/advanced-options-tabs.tsx
Outdated
Show resolved
Hide resolved
packages/connect-form/src/components/advanced-options-tabs/advanced-options-tabs.tsx
Outdated
Show resolved
Hide resolved
packages/connect-form/src/components/advanced-options-tabs/advanced-options-tabs.tsx
Outdated
Show resolved
Hide resolved
packages/connect-form/src/components/advanced-options-tabs/advanced-options-tabs.tsx
Outdated
Show resolved
Hide resolved
packages/connect-form/src/components/advanced-options-tabs/advanced-options-tabs.tsx
Outdated
Show resolved
Hide resolved
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.
This is so amazing! cc. @Sgrinfy
COMPASS-5451
This adds an indicator to connect form tabs when there's an error that can be mapped to a tab. Currently we're only adding these indicators for errors that have a field we can reference so that the indicator hopefully guides an action. When reviewing maybe run through the errors we show to see if any are missed or could use no indicator.
Here's how it looks (made the dots 1 pixel bigger after this video):
tab.error-warning.indicator.mp4