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

Add slider to adjust capacity_adjustment #10063

Merged

Conversation

nixocio
Copy link
Contributor

@nixocio nixocio commented Apr 30, 2021

Add slider to adjust capacity adjustment.

Also add a new custom hook, useDebounce.

image

See: #7777

<div data-cy="number-forks">
<Plural value={forks} one="# fork" other="# forks" />
</div>
<Slider
Copy link
Contributor Author

@nixocio nixocio Apr 30, 2021

Choose a reason for hiding this comment

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

Slider does not support ouiaId yet. @tiagodread I added data-cy in order to ease testing. Let me know whether they are good enough.

@nixocio
Copy link
Contributor Author

nixocio commented Apr 30, 2021

Running e2e tests.

@softwarefactory-project-zuul
Copy link
Contributor

Build succeeded.

Copy link
Member

@AlexSCorey AlexSCorey left a comment

Choose a reason for hiding this comment

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

Screen Shot 2021-05-03 at 12 52 09 PM
Can we get them items in blue boxes, as well as the CPU and RAM values to align with each other. Can we get the items in the green boxes to align with each other?

Screen Shot 2021-05-03 at 1 09 46 PM

@@ -352,7 +352,7 @@ You can learn more about the ways lingui and its React helpers at [this link](ht
### Setting up .po files to give to translation team

1. `npm run add-locale` to add the language that you want to translate to (we should only have to do this once and the commit to repo afaik). Example: `npm run add-locale en es fr` # Add English, Spanish and French locale
2. `npm run extract-strings` to create .po files for each language specified. The .po files will be placed in src/locales. When updating strings that are used by `<Plural>` or `plural()` you will need to run this command to get the strings to render properly. This commmand will create `.po` files for each of the supported languages that will need to be commited with your PR.
2. `npm run extract-strings` to create .po files for each language specified. The .po files will be placed in src/locales. When updating strings that are used by `<Plural>` or `plural()` you will need to run this command to get the strings to render properly. This command will create `.po` files for each of the supported languages that will need to be committed with your PR.
Copy link
Member

Choose a reason for hiding this comment

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

Good catch

@nixocio nixocio force-pushed the ui_issue_7777_style branch from a01e212 to 1dd1e4e Compare May 4, 2021 17:29
@nixocio
Copy link
Contributor Author

nixocio commented May 4, 2021

Screen Shot 2021-05-03 at 12 52 09 PM
Can we get them items in blue boxes, as well as the CPU and RAM values to align with each other. Can we get the items in the green boxes to align with each other?

Screen Shot 2021-05-03 at 1 09 46 PM

I followed with @trahman73 about the alignment used on the mockups, his feedback - All components should be vertically aligned on the middle. Updated accordingly.

image

@softwarefactory-project-zuul
Copy link
Contributor

Build succeeded.

@nixocio nixocio force-pushed the ui_issue_7777_style branch from 1dd1e4e to a10d015 Compare May 5, 2021 01:19
@softwarefactory-project-zuul
Copy link
Contributor

Build succeeded.

Copy link
Member

@AlexSCorey AlexSCorey left a comment

Choose a reason for hiding this comment

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

Looks good to me.

@softwarefactory-project-zuul
Copy link
Contributor

Build succeeded.

Copy link
Contributor

@tiagodread tiagodread left a comment

Choose a reason for hiding this comment

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

I've verified manually, we are following the same behaviour like the old UI, I'm still working on e2e test for this change.

@tiagodread
Copy link
Contributor

@nixocio we can merge this PR after a rebase

Add slider to adjust capacity adjustment.

Also add a new custom hook, useDebounce.

See: ansible#7777
@nixocio nixocio force-pushed the ui_issue_7777_style branch from e6e7031 to dfb0710 Compare May 12, 2021 19:42
@softwarefactory-project-zuul
Copy link
Contributor

Build succeeded.

@nixocio nixocio added mergeit and removed mergeit labels May 12, 2021
@softwarefactory-project-zuul
Copy link
Contributor

Build succeeded (gate pipeline).

@softwarefactory-project-zuul softwarefactory-project-zuul bot merged commit 27b1d15 into ansible:devel May 12, 2021
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Projects
None yet
Development

Successfully merging this pull request may close these issues.

6 participants