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

Feature/design improvements #184

Merged
merged 38 commits into from
Mar 12, 2021
Merged

Feature/design improvements #184

merged 38 commits into from
Mar 12, 2021

Conversation

saulipurhonen
Copy link
Contributor

Description

Mostly minor improvements for more consistent design.

Related issues

Closes #175

Type of change

  • New feature (non-breaking change which adds functionality)

Changes Made

  • Create New Folder > Create Submission
  • Main grid spacing
  • Consistent card and grid object headers
  • Subtitle colors
  • Checkbox positions
  • Nested form section width control
  • Highlight required fields
  • Global theme enhancements
  • Saved and draft object badges
  • List draft and published folders via router
  • Navigation link targets for "Open submissions" and "Submissions"
  • Removed icons before object type labels in object index
  • Display submitted object count with icon and tooltip
  • Display draft count next to submission label in object index
  • Wrapped RTL tests with theme provider
  • Submission action button background color

Testing

  • Tests do not apply

blankdots and others added 28 commits January 19, 2021 17:10
Simplify for trying out setup with docker-compose by using the network
name docker will pick for backend by default if the repository has been
cloned without specifying the directory to clone to.
Use naming consistent with default behaviour
@saulipurhonen saulipurhonen added the enhancement New feature or request label Mar 9, 2021
@saulipurhonen saulipurhonen added this to the Beta - User Interaction milestone Mar 9, 2021
@saulipurhonen saulipurhonen force-pushed the feature/design-improvements branch from cfef451 to 1342d3b Compare March 11, 2021 09:55
@saulipurhonen
Copy link
Contributor Author

Improved with following changes:

  • Separated folder listing and folder detail logic to reusable components
  • Routing with previously described components
  • Display folder details via router eg. /home/drafts/<accessionId>

@saulipurhonen saulipurhonen added the design eye candy and user interaction improvement label Mar 11, 2021
@saulipurhonen saulipurhonen linked an issue Mar 11, 2021 that may be closed by this pull request
Copy link
Contributor

@blankdots blankdots left a comment

Choose a reason for hiding this comment

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

looks ok, no additional issues i can spot

@lilachic
Copy link
Contributor

Related maybe to src/components/NewDraftWizard/WizardForms/WizardJSONSchemaParser.js , I get error "TypeError: Cannot read property 'id' of undefined" , when clicking xx Links Add new item , where xx is Study, Run ... ?

@blankdots
Copy link
Contributor

@lilachic yeah i get that as well, i assume #182 changes were just merged to develop and this branch does not contain those changes

@saulipurhonen
Copy link
Contributor Author

@lilachic yeah i get that as well, i assume #182 changes were just merged to develop and this branch does not contain those changes

This is correct. @blankdots should I rebase develop to this branch or is it good to go as it is?

@blankdots
Copy link
Contributor

either is fine, for me. I already approved.


// Delete object from current folder
const handleDeleteObject = async (objectId: string, objectType: string, objectStatus: string) => {
console.log(objectStatus)
Copy link
Contributor

Choose a reason for hiding this comment

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

console.log is still here

@hannyle
Copy link
Contributor

hannyle commented Mar 12, 2021

Looks really good to me. I like that now every component in Home has separate routes.

@hannyle
Copy link
Contributor

hannyle commented Mar 12, 2021

Only 1 small thing:

When I am at, for e.g, /home/published route, the only way to go back Home is by clicking Home icon, I guess.
My 2 cent is maybe we can have the same link <-- to go back Home like we have with <-- Your published submissions.
Or we can remove <-- Your published submissions and use browser's Back button is enough.
I just want to make it consistent when navigating.
This can be done in another PR also.

@saulipurhonen
Copy link
Contributor Author

Only 1 small thing:

When I am at, for e.g, /home/published route, the only way to go back Home is by clicking Home icon, I guess.
My 2 cent is maybe we can have the same link <-- to go back Home like we have with <-- Your published submissions.
Or we can remove <-- Your published submissions and use browser's Back button is enough.
I just want to make it consistent when navigating.
This can be done in another PR also.

This sounds like a good feature. Should be minor change so I'll add into this PR.

@saulipurhonen
Copy link
Contributor Author

Only 1 small thing:
When I am at, for e.g, /home/published route, the only way to go back Home is by clicking Home icon, I guess.
My 2 cent is maybe we can have the same link <-- to go back Home like we have with <-- Your published submissions.
Or we can remove <-- Your published submissions and use browser's Back button is enough.
I just want to make it consistent when navigating.
This can be done in another PR also.

This sounds like a good feature. Should be minor change so I'll add into this PR.

I implemented this logic with breadcrumbs.

Copy link
Contributor

@hannyle hannyle left a comment

Choose a reason for hiding this comment

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

Looks nice!

@blankdots blankdots merged commit fab3b7d into develop Mar 12, 2021
@blankdots blankdots deleted the feature/design-improvements branch March 12, 2021 11:31
@blankdots blankdots mentioned this pull request Mar 15, 2021
5 tasks
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
design eye candy and user interaction improvement enhancement New feature or request
Projects
None yet
Development

Successfully merging this pull request may close these issues.

Tackle Design issues
5 participants