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

Feat/combine gwas workflow view1 #1117

Merged
merged 31 commits into from
Oct 14, 2022

Conversation

jarvisraymond-uchicago
Copy link
Contributor

@jarvisraymond-uchicago jarvisraymond-uchicago commented Oct 11, 2022

Jira Ticket: VADC-215

New Features

This adds the first view for the new GWAS workflow and adds a story book for the new version of the CohortSelect. The required files for the first view have been copied to a Util and a new Shared folder, so the new workflow won't be dependent on the old workflows. The underlying logic was copied from Case Control GWAS Step 1.

Bug Fixes

This fixes the "ghost" button warning and resolves eslint issues that were in GWASContainer.jsx

Design

Screen Shot 2022-10-12 at 10 20 58 AM

Implementation

Screen Shot 2022-10-12 at 10 43 44 AM

StoryBook

Screen Shot 2022-10-12 at 10 50 39 AM

@jarvisraymond-uchicago jarvisraymond-uchicago changed the base branch from master to feat/vadc_sprint20 October 11, 2022 15:12
…lass so style changes do not impact other workflows
Copy link
Contributor

@pieterlukasse pieterlukasse left a comment

Choose a reason for hiding this comment

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

thanks @jarvisraymond-uchicago ! I left some comments.

src/Analysis/GWASV2/GWASContainer.jsx Outdated Show resolved Hide resolved
src/Analysis/GWASV2/Shared/SearchBar.jsx Outdated Show resolved Hide resolved
@jarvisraymond-uchicago
Copy link
Contributor Author

jarvisraymond-uchicago commented Oct 14, 2022

thanks @jarvisraymond-uchicago ! I left some comments.

Thank you! Per your suggestions:

  • The selectCaseCohort state in GWASContainer.jsx has been updated to selectedStudyPopulationCohort and the setter to setSelectedStudyPopulationCohort per your recommendation
  • The state has been updated to selectedStudyPopulationCohort and the setter to setSelectedStudyPopulationCohort per your recommendation
  • The cohortDefinations.jsx component should be specific to SelectStudyPopulation. The var and prop otherCohortSelected has been removed.
  • The reference to otherCohortSelected has been removed from CohortSelect.jsx now.
  • The fields prop in SearchBar.jsx has been updated to field now

@pieterlukasse pieterlukasse merged commit 2f36e85 into feat/vadc_sprint20 Oct 14, 2022
@pieterlukasse pieterlukasse deleted the feat/CombineGWASWorkflowView1 branch October 14, 2022 13:42
jarvisraymond-uchicago added a commit that referenced this pull request Oct 14, 2022
* Style/gwas pipeline padding (#1111)

* style(gwasPipelinePadding): removed <hr /> element from CovariateReview and added inline styles to better vertically center tutorial button on GWASCaseControl

* style(gwasPipelinePadding): removed <hr /> element from OutcomeSelectReview and added inline styles to GWASQuantitative

* style(gwasPipelinePadding): added class and style for asterisks

* style(gwasPipelinePadding): removed unneeded obj for housing styles in GWASQuantitative

* style(gwasPipelinePadding): refactored code to avoid using negative margin values

* style(gwasPipelinePadding): converted inline styles to use a class

* style(gwasPipelinePadding): converted inline styles for no padding to use a class

* style(gwasPipelinePadding): converted inline styles for no padding to use a class for GWASQuantitative

* style(gwasPipelinePadding): made class name for asterisk consistent with rest of codebase

* style(gwasPipelinePadding): fixed formatting issue in GWASQuantitative.jsx

* style(gwasPipelinePadding): ran eslint to format files

* style(gwasPipelinePadding): removed top spacing on Dichotomous selection and capitalized Cohort

* style(gwasPipelinePadding): offset asterisk spacing per stakeholder advisement

* style(gwasPipelinePadding): removed additional top padding in CustomDichotomousSelect.jsx

* feat(VADC-261): add combined gwas steps template (#1114)

* feat(VADC-261): add combined gwas steps template

* fix(VADC-261): change step 4 label

* fix(VADC-261): typo

* Improve workflow list refresh (#1113)

* improve workflow list fetch mechanism and decrease interval

add storybook test for workflow list

add refetchInterval to workflow list and update test

add "phase" to workflow and to keys of useQuery and change test

... this will ensure the endpoint is called again if the status of the workflow changes

set workflow list refresh interval to 5s

* removing old reference to refreshWorkflows

* Feat/combine gwas workflow view1 (#1117)

* feat(CombineGWASWorkflowView1): Added bolerplate files

* feat(CombineGWASWorkflowView1): created working prototype

* feat(CombineGWASWorkflowView1): updated layout to better match design

* feat(CombineGWASWorkflowView1): updated code organization to use utils and shared folder

* feat(CombineGWASWorkflowView1): moved util files to utils folder in SelectStudyPopulation and updated refs

* feat(CombineGWASWorkflowView1): formatted CSS and removed unneeded JSX space element

* feat(CombineGWASWorkflowView1): Cleaned up CSS

* feat(CombineGWASWorkflowView1): Updated text in button and moved state to parent

* feat(CombineGWASWorkflowView1): updated child to use state from parent

* feat(CombineGWASWorkflowView1): Fixed Eslint issues on AddCohortButton

* feat(CombineGWASWorkflowView1): Fixed Eslint issues on CohortDefinitions

* feat(CombineGWASWorkflowView1): Fixed Eslint issues on CohortDefinations

* feat(CombineGWASWorkflowView1) Resolved ESLINT issues with SelectStudyPopulation

* feat(CombineGWASWorkflowView1) Resolved ESLINT issues with GWASContainer.jsx and cohortMiddlewareApi

* feat(CombineGWASWorkflowView1) Resolved ESLINT issues with GWASContainer.jsx props

* feat(CombineGWASWorkflowView1) Removed unneeded steps component and logic from GWASContainer

* feat(CombineGWASWorkflowView1) Added workflow specific wrapping CSS class so style changes do not impact other workflows

* feat(CombineGWASWorkflowView1): created a story book to mock CohortSelect

* feat(CombineGWASWorkflowView1): removed unneeded imports from GWASContainer.jsx

* feat(CombineGWASWorkflowView1): set button styles so they render for story book and app

* feat(CombineGWASWorkflowView1): Formatted code for clarity in CohortSelect.stories

* feat(CombineGWASWorkflowView1): Added clarifying comment to explain eslint-disable-next-line in CohortSelect.jsx

* feat(CombineGWASWorkflowView1): organized CSS

* feat(CombineGWASWorkflowView1): ran stylelint auto fix for css files

* feat(CombineGWASWorkflowView1): ensure form field and button are perfectly aligned

* feat(CombineGWASWorkflowView1): updated state name to selectedStudyPopulationCohort per PR review recommendation

* feat(CombineGWASWorkflowView1): removed unneeded var and prop otherCohortSelected

* feat(CombineGWASWorkflowView1): removed unneeded var and prop otherCohortSelected from CohortDefinations.jsx

* feat(CombineGWASWorkflowView1): removed unneeded var and prop otherCohortSelected from CohortSelect.jsx

* feat(CombineGWASWorkflowView1): updated var name from fields to field in SearchBar.jsx

* feat(CombineGWASWorkflowView1): updated var name from fields to field in CohortSelect.jsx

Co-authored-by: Jarvis <113449836+jarvisraymond-uchicago@users.noreply.github.com>
Co-authored-by: Ali Lahrime <90918464+alilahrime@users.noreply.github.com>
cmlsn pushed a commit that referenced this pull request Nov 29, 2022
* Style/gwas pipeline padding (#1111)

* style(gwasPipelinePadding): removed <hr /> element from CovariateReview and added inline styles to better vertically center tutorial button on GWASCaseControl

* style(gwasPipelinePadding): removed <hr /> element from OutcomeSelectReview and added inline styles to GWASQuantitative

* style(gwasPipelinePadding): added class and style for asterisks

* style(gwasPipelinePadding): removed unneeded obj for housing styles in GWASQuantitative

* style(gwasPipelinePadding): refactored code to avoid using negative margin values

* style(gwasPipelinePadding): converted inline styles to use a class

* style(gwasPipelinePadding): converted inline styles for no padding to use a class

* style(gwasPipelinePadding): converted inline styles for no padding to use a class for GWASQuantitative

* style(gwasPipelinePadding): made class name for asterisk consistent with rest of codebase

* style(gwasPipelinePadding): fixed formatting issue in GWASQuantitative.jsx

* style(gwasPipelinePadding): ran eslint to format files

* style(gwasPipelinePadding): removed top spacing on Dichotomous selection and capitalized Cohort

* style(gwasPipelinePadding): offset asterisk spacing per stakeholder advisement

* style(gwasPipelinePadding): removed additional top padding in CustomDichotomousSelect.jsx

* feat(VADC-261): add combined gwas steps template (#1114)

* feat(VADC-261): add combined gwas steps template

* fix(VADC-261): change step 4 label

* fix(VADC-261): typo

* Improve workflow list refresh (#1113)

* improve workflow list fetch mechanism and decrease interval

add storybook test for workflow list

add refetchInterval to workflow list and update test

add "phase" to workflow and to keys of useQuery and change test

... this will ensure the endpoint is called again if the status of the workflow changes

set workflow list refresh interval to 5s

* removing old reference to refreshWorkflows

* Feat/combine gwas workflow view1 (#1117)

* feat(CombineGWASWorkflowView1): Added bolerplate files

* feat(CombineGWASWorkflowView1): created working prototype

* feat(CombineGWASWorkflowView1): updated layout to better match design

* feat(CombineGWASWorkflowView1): updated code organization to use utils and shared folder

* feat(CombineGWASWorkflowView1): moved util files to utils folder in SelectStudyPopulation and updated refs

* feat(CombineGWASWorkflowView1): formatted CSS and removed unneeded JSX space element

* feat(CombineGWASWorkflowView1): Cleaned up CSS

* feat(CombineGWASWorkflowView1): Updated text in button and moved state to parent

* feat(CombineGWASWorkflowView1): updated child to use state from parent

* feat(CombineGWASWorkflowView1): Fixed Eslint issues on AddCohortButton

* feat(CombineGWASWorkflowView1): Fixed Eslint issues on CohortDefinitions

* feat(CombineGWASWorkflowView1): Fixed Eslint issues on CohortDefinations

* feat(CombineGWASWorkflowView1) Resolved ESLINT issues with SelectStudyPopulation

* feat(CombineGWASWorkflowView1) Resolved ESLINT issues with GWASContainer.jsx and cohortMiddlewareApi

* feat(CombineGWASWorkflowView1) Resolved ESLINT issues with GWASContainer.jsx props

* feat(CombineGWASWorkflowView1) Removed unneeded steps component and logic from GWASContainer

* feat(CombineGWASWorkflowView1) Added workflow specific wrapping CSS class so style changes do not impact other workflows

* feat(CombineGWASWorkflowView1): created a story book to mock CohortSelect

* feat(CombineGWASWorkflowView1): removed unneeded imports from GWASContainer.jsx

* feat(CombineGWASWorkflowView1): set button styles so they render for story book and app

* feat(CombineGWASWorkflowView1): Formatted code for clarity in CohortSelect.stories

* feat(CombineGWASWorkflowView1): Added clarifying comment to explain eslint-disable-next-line in CohortSelect.jsx

* feat(CombineGWASWorkflowView1): organized CSS

* feat(CombineGWASWorkflowView1): ran stylelint auto fix for css files

* feat(CombineGWASWorkflowView1): ensure form field and button are perfectly aligned

* feat(CombineGWASWorkflowView1): updated state name to selectedStudyPopulationCohort per PR review recommendation

* feat(CombineGWASWorkflowView1): removed unneeded var and prop otherCohortSelected

* feat(CombineGWASWorkflowView1): removed unneeded var and prop otherCohortSelected from CohortDefinations.jsx

* feat(CombineGWASWorkflowView1): removed unneeded var and prop otherCohortSelected from CohortSelect.jsx

* feat(CombineGWASWorkflowView1): updated var name from fields to field in SearchBar.jsx

* feat(CombineGWASWorkflowView1): updated var name from fields to field in CohortSelect.jsx

Co-authored-by: Jarvis <113449836+jarvisraymond-uchicago@users.noreply.github.com>
Co-authored-by: Ali Lahrime <90918464+alilahrime@users.noreply.github.com>
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.

2 participants