-
Notifications
You must be signed in to change notification settings - Fork 179
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(protocol-designer): initial absorbance reader stepform UI #17280
Conversation
This PR adds the initial UI for absorbance reader steps. It creates the new AbsorbanceReaderTools component in line with our other step form toolbox components, and modularizes its children components for cleanliness. The content of both pages 1 and 2 of the form are determined by 1) module initialization state, and 2) labware presence or lack thereof. According to designs, the UI will funnel the user into the correct step form type (lid, initializaton, or reading) based on those 2 inputs. Also implicated here are creation and wiring up of the following methods: patch to pre-select an absorbance reader module if only one is available, form change handlers for absorbance reader dependent fields, absorbance reader module option getter. Closes AUTH-1264
...designer/src/pages/Designer/ProtocolSteps/StepForm/StepTools/AbsorbanceReaderTools/index.tsx
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.
looks great, nice work! just left the comment about the useEffect
. You should be able to get access to the latest robot state in the patch to get the initialization info and labware info, similarly to what we do for _patchThermocyclerFields
accessing latest robot state
...r/src/pages/Designer/ProtocolSteps/StepForm/StepTools/AbsorbanceReaderTools/ReadSettings.tsx
Outdated
Show resolved
Hide resolved
const { formData, propsForFields, toolboxStep } = props | ||
const { moduleId } = formData | ||
const dispatch = useDispatch() | ||
const { t } = useTranslation() |
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.
same
Overview
This PR adds the initial UI for absorbance reader steps. It creates the new AbsorbanceReaderTools component in line with our other step form toolbox components, and modularizes its children components for cleanliness. The content of both pages 1 and 2 of the form are determined by:
According to designs, the UI will funnel the user into the correct step form type (lid, initializaton, or reading) based on those 2 inputs. Also implicated here are creation and wiring up of the following methods:
Closes AUTH-1264
Test Plan and Hands on Testing
Because of the conditional nature of this step form content, it is slightly difficult to test the UI thoroughly at present. Functionality will be able to be thoroughly tested in a fast-follow PR that wires up step generation and allows for module controls to be manipulated.
Changelog
Review requests
Risk assessment
low