Skip to content
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

🪟 🧹 Display returned error messages on replication view #16280

Merged
merged 10 commits into from
Sep 15, 2022

Conversation

teallarson
Copy link
Contributor

@teallarson teallarson commented Sep 2, 2022

What

closes #16244

Previously, we would always display a generic "Form is invalid" error for all error messages on Replication View due to bad ternary logic.

Now, we return whatever we get back or the standard validation error.

Success message unchanged:
Screen Shot 2022-09-07 at 6 33 54 PM

Validation message unchanged:
Screen Shot 2022-09-07 at 6 31 07 PM

Now show whatever was returned as the error message, including truncating it with CSS if it is excessively long:
Screen Shot 2022-09-07 at 6 31 41 PM

How

  • Fixed the bad ternary
  • Also migrated the ConnectionForm EditControls to scss modules and using our variables, Text component, etc.

Recommended reading order

  1. ConnectionForm.tsx
  2. others

@github-actions github-actions bot added area/platform issues related to the platform area/frontend Related to the Airbyte webapp labels Sep 2, 2022
@teallarson teallarson force-pushed the teal/replication-view-error-messaging branch from a3a2af3 to 50f9a76 Compare September 7, 2022 13:21
@teallarson teallarson changed the title display error messages if they exist 🪟 Display returned error messages on replication view Sep 7, 2022
@teallarson teallarson marked this pull request as ready for review September 7, 2022 22:34
@teallarson teallarson requested a review from a team as a code owner September 7, 2022 22:34
@teallarson teallarson changed the title 🪟 Display returned error messages on replication view 🪟 🧹 Display returned error messages on replication view Sep 7, 2022
@teallarson teallarson force-pushed the teal/replication-view-error-messaging branch from 8069365 to 26c2b93 Compare September 8, 2022 15:57
Copy link
Contributor

@krishnaglick krishnaglick left a comment

Choose a reason for hiding this comment

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

Tested locally, LGTM. Merge on green!

@teallarson teallarson force-pushed the teal/replication-view-error-messaging branch from 00241e8 to e8c18bd Compare September 14, 2022 16:52
@teallarson teallarson force-pushed the teal/replication-view-error-messaging branch from e8c18bd to 02c7a01 Compare September 15, 2022 15:04
@teallarson teallarson merged commit dd4b7be into master Sep 15, 2022
@teallarson teallarson deleted the teal/replication-view-error-messaging branch September 15, 2022 15:30
letiescanciano added a commit that referenced this pull request Sep 15, 2022
* master: (200 commits)
  🪟 🧹 Display returned error messages on replication view (#16280)
  🎉 Source mixpanel: Use "Retry-After" header for backoff (#16770)
  🐛 Source google ads: mark custom query fields required (#15858)
  🪟 🔧Remove useRouter hook (#16598)
  CDK: improve TypeTransformer to convert simple types to array of simple types (#16636)
  CDK: TypeTransformer - warning message more informative (#16695)
  Source MySQL: Add Python SAT to detect backwards breaking changes (#16445)
  remove eager (#16756)
  bump com.networknt:json-schema-validator to latest version (#16619)
  Remove Cloud from Kafka docs (#16753)
  Normalization Summaries table and read/write methods (#16655)
  comment out flaky test suite while it is being investigated (#16752)
  Update ConfigRepository to read protocol version (#16670)
  Use LOG4J2 to wrap connectors logs to JSON format (#15668)
  Update connector catalog (#16749)
  🪟 🎨 Remove feedback modal from UI (#16548)
  Add missing env var for Kube overlays (#16747)
  Prepare for React v18 upgrade (#16694)
  🪟 🐛 Fix direct job linking to work with pagination (#16517)
  Fix formatting (#16743)
  ...
.line {
min-width: 100%;
height: variables.$border-thin;
background: colors.$grey;
Copy link
Contributor

Choose a reason for hiding this comment

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

This should be $grey-100.

robbinhan pushed a commit to robbinhan/airbyte that referenced this pull request Sep 29, 2022
)

* display error messages if they exist

* get it working with styled components first

* migrate to scss module

* use variables and text component

* add data-id back for cypress

* cleanup from pr review
jhammarstedt pushed a commit to jhammarstedt/airbyte that referenced this pull request Oct 31, 2022
)

* display error messages if they exist

* get it working with styled components first

* migrate to scss module

* use variables and text component

* add data-id back for cypress

* cleanup from pr review
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
area/frontend Related to the Airbyte webapp area/platform issues related to the platform
Projects
None yet
Development

Successfully merging this pull request may close these issues.

Replication settings show "Invalid fields" message when a 403 error is returned after trying to save updates
4 participants