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

Updated pairing dialog to display an error on failure #36050

Merged
merged 4 commits into from Jul 30, 2020

Conversation

jmkulwik
Copy link
Contributor

@jmkulwik jmkulwik commented Jul 29, 2020

Previously, when a student added another student as a pair programmer, we would fail silently in the event of an error. This PR updates the pairing dialog to add helpful error messages in the event of an error. Additionally, it cleans up the button placement and the header and adds a spinner when the http call is still in process.

Old Dialog

New Dialog (with error message shown)

New spinner
pairProgrammingError2

Links

Testing story

Reviewer Checklist:

  • Tests provide adequate coverage
  • Code is well-commented
  • New features are translatable or updates will not break translations
  • Relevant documentation has been added or updated
  • User impact is well-understood and desirable
  • Pull Request is labeled appropriately
  • Follow-up work items (including potential tech debt) are tracked and linked

@jmkulwik jmkulwik requested a review from a team as a code owner July 29, 2020 18:38
Copy link

@clareconstantine clareconstantine left a comment

Choose a reason for hiding this comment

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

One small comment about style, but otherwise this looks like a great improvement!

@@ -65,6 +65,7 @@ export default class StudentSelector extends React.Component {
<div className="clear" />
{this.state.selectedStudentIds.length !== 0 && (
<button
style={{marginLeft: 0}}

Choose a reason for hiding this comment

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

nit: our styleguide prefers using a styles object instead of inline styles.

type="button"
className="stop"
onClick={this.handleStop}
style={{marginLeft: 0}}

Choose a reason for hiding this comment

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

nit: our styleguide prefers using a styles object instead of inline styles. example

@jmkulwik jmkulwik merged commit a892b3e into staging Jul 30, 2020
@jmkulwik jmkulwik deleted the add-pairing-error-message branch July 30, 2020 17:30
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

Successfully merging this pull request may close these issues.

None yet

2 participants