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

[OSCI] Clean/breadcrumb updates - Refactoring use of 'let' for 'const' keyword and CSS modifier '--last' for one class only #1144

Merged
merged 11 commits into from
Jan 11, 2024

Conversation

BigSamu
Copy link
Contributor

@BigSamu BigSamu commented Nov 5, 2023

Description

This PR addresses the new requests asked for the OuiBreadcrumb component as detailed below:

The specific updates done were:

  • Refactoring code in breadcrumbs.tsx file using const keywords instead of let.
  • Refactoring code in _breadcrumbs.scss file removing the CSS--last modifier from .ouiBreadcrumb class and keeping it only in .ouiBreadcrumbWrapperclass.

Issues Resolved

Issue #377

Check List

  • New functionality includes testing.
  • New functionality has been documented.
  • All tests pass
    • yarn lint
    • yarn test-unit
  • Update CHANGELOG.md
  • Commits are signed per the DCO using --signoff

By submitting this pull request, I confirm that my contribution is made under the terms of the Apache 2.0 license.

For more information on following Developer Certificate of Origin and signing off your commits, please check here.

Signed-off-by: Samuel Valdes Gutierrez <valdesgutierrez@gmail.com>
Signed-off-by: Samuel Valdes Gutierrez <valdesgutierrez@gmail.com>
…eadcrumb class, keeping it only in .ouiBreadcrumbWrapper class

Signed-off-by: Samuel Valdes Gutierrez <valdesgutierrez@gmail.com>
…eadcrumb class, keeping it only in .ouiBreadcrumbWrapper class

Signed-off-by: Samuel Valdes Gutierrez <valdesgutierrez@gmail.com>
Signed-off-by: Samuel Valdes Gutierrez <valdesgutierrez@gmail.com>
@BSFishy BSFishy added the OSCI label Nov 6, 2023
Copy link
Contributor

@BSFishy BSFishy 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, except this example breaks:

Screenshot (164)

@BigSamu
Copy link
Contributor Author

BigSamu commented Nov 8, 2023

Looks good, except this example breaks:

Screenshot (164)

@BSFishy issue resolved. It was a minor mistake in the definition for calculating the variable calculatedMax. Thanks for the head-ups.

@BigSamu
Copy link
Contributor Author

BigSamu commented Nov 17, 2023

@BSFishy,

Any updates on this side? The corrections you requested are ready for review.

Regards,

Samuel

Copy link
Contributor

@BSFishy BSFishy left a comment

Choose a reason for hiding this comment

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

Still need to test locally, but other than this change it looks good

src/components/breadcrumbs/breadcrumbs.tsx Outdated Show resolved Hide resolved
@BSFishy
Copy link
Contributor

BSFishy commented Dec 4, 2023

Visually looks good. Want to see this change, though, for cleanliness reasons

…ter readability of code

Signed-off-by: Samuel Valdes Gutierrez <valdesgutierrez@gmail.com>
Copy link
Contributor

@BSFishy BSFishy left a comment

Choose a reason for hiding this comment

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

Only visual change is that the collapsed breadcrumb ellipses are a slightly brighter color, which I think was the original intention. Looks good!

@BigSamu
Copy link
Contributor Author

BigSamu commented Dec 5, 2023

Only visual change is that the collapsed breadcrumb ellipses are a slightly brighter color, which I think was the original intention. Looks good!

Hi @BSFishy, do you want me to review the color you mentioned for the breadcrumb ellipsis?

@BSFishy
Copy link
Contributor

BSFishy commented Dec 5, 2023

Hi @BSFishy, do you want me to review the color you mentioned for the breadcrumb ellipsis?

Nope, the color looks better imo. I think I was trying to make this change when I redid this implementation but was running into issues and didn't want to hold it for longer than I already was, so this change is good in my book!

Signed-off-by: Samuel Valdes Gutierrez <valdesgutierrez@gmail.com>
@BigSamu
Copy link
Contributor Author

BigSamu commented Dec 5, 2023

Hi @BSFishy, do you want me to review the color you mentioned for the breadcrumb ellipsis?

Nope, the color looks better imo. I think I was trying to make this change when I redid this implementation but was running into issues and didn't want to hold it for longer than I already was, so this change is good in my book!

Great! Btw just solved a merge conflict in the CHANGELOG.md that popped up here in the GitHub Interface. All good now.

@BigSamu
Copy link
Contributor Author

BigSamu commented Jan 1, 2024

@BSFishy, @joshuarrrr

PR updated with the main branch. Are we good to go to merge?

@BSFishy
Copy link
Contributor

BSFishy commented Jan 2, 2024

PR updated with the main branch. Are we good to go to merge?

Just need another reviewer

@ashwin-pc ashwin-pc merged commit 064a02c into opensearch-project:main Jan 11, 2024
14 checks passed
@BigSamu BigSamu deleted the clean/breadcrumb-updates branch January 11, 2024 20:00
opensearch-trigger-bot bot pushed a commit that referenced this pull request Feb 8, 2024
…' keyword and CSS modifier '--last' for one class only (#1144)

* refactoring changing 'let' variables with 'const'

Signed-off-by: Samuel Valdes Gutierrez <valdesgutierrez@gmail.com>

* refactoring changing 'let' variables with 'const'

Signed-off-by: Samuel Valdes Gutierrez <valdesgutierrez@gmail.com>

* refactoring _breadcrumbs.sccs, removing '--last' modifier from .ouiBreadcrumb class, keeping it only in .ouiBreadcrumbWrapper class

Signed-off-by: Samuel Valdes Gutierrez <valdesgutierrez@gmail.com>

* refactoring _breadcrumbs.sccs, removing '--last' modifier from .ouiBreadcrumb class, keeping it only in .ouiBreadcrumbWrapper class

Signed-off-by: Samuel Valdes Gutierrez <valdesgutierrez@gmail.com>

* updating CHANGELOG.md file

Signed-off-by: Samuel Valdes Gutierrez <valdesgutierrez@gmail.com>

* fixing calculation of calculatedMax, breadcrumbs.tsx, line 310

Signed-off-by: Samuel Valdes Gutierrez <valdesgutierrez@gmail.com>

* updating breadcrumbs JSX according suggestion from maintainer for better readability of code

Signed-off-by: Samuel Valdes Gutierrez <valdesgutierrez@gmail.com>

---------

Signed-off-by: Samuel Valdes Gutierrez <valdesgutierrez@gmail.com>
Signed-off-by: Josh Romero <rmerqg@amazon.com>
Co-authored-by: Josh Romero <rmerqg@amazon.com>
(cherry picked from commit 064a02c)
Signed-off-by: github-actions[bot] <github-actions[bot]@users.noreply.github.com>
opensearch-trigger-bot bot pushed a commit that referenced this pull request Feb 8, 2024
…' keyword and CSS modifier '--last' for one class only (#1144)

* refactoring changing 'let' variables with 'const'

Signed-off-by: Samuel Valdes Gutierrez <valdesgutierrez@gmail.com>

* refactoring changing 'let' variables with 'const'

Signed-off-by: Samuel Valdes Gutierrez <valdesgutierrez@gmail.com>

* refactoring _breadcrumbs.sccs, removing '--last' modifier from .ouiBreadcrumb class, keeping it only in .ouiBreadcrumbWrapper class

Signed-off-by: Samuel Valdes Gutierrez <valdesgutierrez@gmail.com>

* refactoring _breadcrumbs.sccs, removing '--last' modifier from .ouiBreadcrumb class, keeping it only in .ouiBreadcrumbWrapper class

Signed-off-by: Samuel Valdes Gutierrez <valdesgutierrez@gmail.com>

* updating CHANGELOG.md file

Signed-off-by: Samuel Valdes Gutierrez <valdesgutierrez@gmail.com>

* fixing calculation of calculatedMax, breadcrumbs.tsx, line 310

Signed-off-by: Samuel Valdes Gutierrez <valdesgutierrez@gmail.com>

* updating breadcrumbs JSX according suggestion from maintainer for better readability of code

Signed-off-by: Samuel Valdes Gutierrez <valdesgutierrez@gmail.com>

---------

Signed-off-by: Samuel Valdes Gutierrez <valdesgutierrez@gmail.com>
Signed-off-by: Josh Romero <rmerqg@amazon.com>
Co-authored-by: Josh Romero <rmerqg@amazon.com>
(cherry picked from commit 064a02c)
Signed-off-by: github-actions[bot] <github-actions[bot]@users.noreply.github.com>
AMoo-Miki pushed a commit that referenced this pull request May 1, 2024
…' keyword and CSS modifier '--last' for one class only (#1144) (#1248)

* refactoring changing 'let' variables with 'const'



* refactoring changing 'let' variables with 'const'



* refactoring _breadcrumbs.sccs, removing '--last' modifier from .ouiBreadcrumb class, keeping it only in .ouiBreadcrumbWrapper class



* refactoring _breadcrumbs.sccs, removing '--last' modifier from .ouiBreadcrumb class, keeping it only in .ouiBreadcrumbWrapper class



* updating CHANGELOG.md file



* fixing calculation of calculatedMax, breadcrumbs.tsx, line 310



* updating breadcrumbs JSX according suggestion from maintainer for better readability of code



---------




(cherry picked from commit 064a02c)

Signed-off-by: Samuel Valdes Gutierrez <valdesgutierrez@gmail.com>
Signed-off-by: Josh Romero <rmerqg@amazon.com>
Signed-off-by: github-actions[bot] <github-actions[bot]@users.noreply.github.com>
Co-authored-by: github-actions[bot] <github-actions[bot]@users.noreply.github.com>
Co-authored-by: Josh Romero <rmerqg@amazon.com>
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.

5 participants