-
Notifications
You must be signed in to change notification settings - Fork 0
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
Added Researcher Toolbar #71
base: main
Are you sure you want to change the base?
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.
Please move Css into own file
toolsContainer: { | ||
display: 'flex', | ||
flexDirection: 'row', | ||
alignItems: 'center', |
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.
Can you please move all of the CSS to a separate file so that it aligns with the other files
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.
Building out the ResearcherToolbar as a separate component was a great idea. it makes it easier to add other tools as the requirements evolve.
Here are some quick suggestions to get this through.
- move this component into a components directory such that the path reads
/frontend/src/components/ResearcherToolbar.js
- Move the style into a separate style file to follow the styling convention of other components
- Add an action button - for instance, "Submit" - at the end such that after entering values in the provided fields the button can be used to submit those values
- It'd be great to have the toolbar stay side by side with the stance time view so that the toolbar grows vertically as more tools come in.
Something like...
This might be a stretch for the scope of this PR so if time does not allow, we can move it into a new issue for next time.
Well done!
@@ -0,0 +1,79 @@ | |||
import React from 'react'; |
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 line is not necessary, React is imported globally.
Fixes #53
What was changed:
Implemented the researcher toolbar component that allows the researcher to modify the moving average factor and threshold.
The toolbar is designed with flexibility to accommodate additional tools in the future.
Why was it changed:
This change was required to provide the researcher interface with necessary tools for modifying parameters like the moving average factor and threshold, without interrupting data streaming. This improves user interaction and control over the system.
How was it changed:
Created a new ResearcherToolbar component that includes input fields for adjusting the moving average factor and threshold.
The toolbar was styled to be compact, horizontally aligned, and visually consistent with the rest of the interface.
The component was integrated into the main app, allowing for live updates of the moving average and threshold values as they are adjusted.