-
Notifications
You must be signed in to change notification settings - Fork 180
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(app): add instructional animations to manual move labware intervention modals #13005
Conversation
…rogressMeter, clean up console logs
…modal to pass arguments for it
…nd use it in RunProgressMeter
…n order accordingly
…t contribute to broken animations
Codecov Report
@@ Coverage Diff @@
## edge #13005 +/- ##
==========================================
- Coverage 73.39% 72.69% -0.71%
==========================================
Files 2313 2369 +56
Lines 63157 64672 +1515
Branches 7027 7287 +260
==========================================
+ Hits 46356 47011 +655
- Misses 15142 15955 +813
- Partials 1659 1706 +47
Flags with carried forward coverage won't be shown. Click here to find out more.
|
…ention modals Include react-spring to manage orchestration of performant async svg animations. Closes RLAB-316
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.
tested with a protocol with two move labware commands - looks good, works well. code is clear and easy to follow ✔️
// we can run into issues when there are 2 back to back move labware commands | ||
// the modal never really un-renders and so the animations break after the first modal | ||
// not really a fan of this, but haven't been able to fix the problem any other way | ||
setTimeout(() => setShowInterventionModal(true), 0) |
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.
agreed this is not ideal but ok to merge and investigate later if it causes issues
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.
could think about attaching the intervention modal to a different component, for example. i think it's reasonable to display the modal if the user is anywhere on the run page
|
||
return ( | ||
<AnimatedSvg | ||
viewBox={wholeDeckViewBox} |
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.
dropping a note here (for me, mostly) to look at viewbox dimensions when slot labels added later
Closes RQA-3728 Since the introduction of the move labware intervention deck map, chaining back to back move interventions has posed a challenge, see comments in #13005. The setTimeout solution proposed in the linked PR effectively worked, and this code looks like it got dropped at some point. However, there are other ways of doing the same thing that are more React Spring-esque, using the API's reset property.
Overview
Include react-spring to manage orchestration of performant async svg animations.
Closes RLAB-316
manualMoveLabwareAnimations.mov
Test Plan
Changelog
Review requests
Risk assessment