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

Added Researcher Toolbar #71

Open
wants to merge 1 commit into
base: main
Choose a base branch
from
Open

Conversation

Nissa9902
Copy link
Collaborator

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.

Screenshot 2025-01-31 174209

@Nissa9902 Nissa9902 requested a review from git-voo as a code owner February 1, 2025 01:02
@Nissa9902 Nissa9902 self-assigned this Feb 1, 2025
@Nissa9902 Nissa9902 changed the title Add Researcher Toolbar Added Researcher Toolbar Feb 1, 2025
@JackMcPhillips1543 JackMcPhillips1543 self-requested a review February 3, 2025 22:27
Copy link
Collaborator

@JackMcPhillips1543 JackMcPhillips1543 left a 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',
Copy link
Collaborator

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

Copy link
Collaborator

@git-voo git-voo left a 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...
    image

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';
Copy link
Collaborator

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.

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.

Add Tools Bar
4 participants