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

fix!: Label is mandatory for TimePicker component #2629

Merged
merged 13 commits into from
Oct 27, 2023
Merged

fix!: Label is mandatory for TimePicker component #2629

merged 13 commits into from
Oct 27, 2023

Conversation

m7adeel
Copy link
Contributor

@m7adeel m7adeel commented Oct 15, 2023

Summary

Resolved mandatory label prop requirement for the time picker component, enhancing compliance with USWDS documentation.

Related Issues or PRs

Closes #2611

How To Test

The developer can try to add a TimePicker component without a label prop which would result in a typescript error with a msg of (Property 'label' is missing)

Screenshots

Screenshot from 2023-10-15 08-29-03
Screenshot from 2023-10-15 08-27-25
Screenshot from 2023-10-15 08-27-05
Screenshot from 2023-10-15 08-26-54

@m7adeel m7adeel requested review from a team as code owners October 15, 2023 04:02
@m7adeel m7adeel changed the title fix (time Picker component): making label on TimePicker mandatory fix: (time picker component)making label on TimePicker mandatory Oct 15, 2023
@m7adeel
Copy link
Contributor Author

m7adeel commented Oct 16, 2023

Hello @shkeating, I have worked on this issue can you kindly review it?

@brandonlenz
Copy link
Contributor

@m7adeel please update the tests for TimePicker to include a label, now that label is mandatory on this branch tests are failing as a result

@brandonlenz brandonlenz changed the title fix: (time picker component)making label on TimePicker mandatory fix!: (time picker component)making label on TimePicker mandatory Oct 17, 2023
@brandonlenz
Copy link
Contributor

Updated title to fix! as this will be a breaking change, mandating a major version bump on the next release

@AnnaGingle
Copy link

Hello. I will do a design review on this.

@AnnaGingle AnnaGingle assigned AnnaGingle and unassigned AnnaGingle Oct 18, 2023
AnnaGingle
AnnaGingle previously approved these changes Oct 18, 2023
Copy link

@AnnaGingle AnnaGingle 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! Great work. I do have some feedback on the PR instructions, particularly the how to test section. I humbly suggest adding a sentence or two about how the PR relates to the design of the component. It's a great way to get new design contributors in the door.

AnnaGingle
AnnaGingle previously approved these changes Oct 20, 2023
Copy link

@AnnaGingle AnnaGingle left a comment

Choose a reason for hiding this comment

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

LGTM

@AnnaGingle
Copy link

I did notice the time picker component label is using Start Case where it should be using sentence case.
-This Sentence Is Called A Start Case.
-This sentence is called a sentence case.
The USWDS website uses sentence case & it’s better for accessibility.

@brandonlenz
Copy link
Contributor

Noticing the lockfiles got corrupted on this branch. Gonna try to resolve to move this along

@brandonlenz
Copy link
Contributor

brandonlenz commented Oct 20, 2023

Noticing the lockfiles got corrupted on this branch. Gonna try to resolve to move this along

Ah right, I'd have to make a fork of your fork for those updates to display in github.

@m7adeel can you resolve the issues with the lock files? Looks like maybe an npm command was issued?

My recommendation:

  1. Delete package-lock.json (we use yarn on this project)
  2. Revert any changes to yarn.lock. There should be no diff here as package.json was not changed. This PR includes code changes only

@m7adeel
Copy link
Contributor Author

m7adeel commented Oct 21, 2023

@brandonlenz I have fixed the issues

@brandonlenz brandonlenz self-requested a review October 23, 2023 16:06
brandonlenz
brandonlenz previously approved these changes Oct 23, 2023
Copy link

@AnnaGingle AnnaGingle left a comment

Choose a reason for hiding this comment

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

I did notice the time picker component label is using Start Case where it should be using sentence case.
This Sentence Is Called A Start Case.
This sentence is called a sentence case.
The USWDS website uses sentence case & it’s better for accessibility.

@brandonlenz
Copy link
Contributor

I did notice the time picker component label is using Start Case where it should be using sentence case. This Sentence Is Called A Start Case. This sentence is called a sentence case. The USWDS website uses sentence case & it’s better for accessibility.

@AnnaGingle I'm seeing this PR updated to sentence case. Can you confirm?

@brandonlenz brandonlenz changed the title fix!: (time picker component)making label on TimePicker mandatory fix!: Label is mandatory for TimePicker component Oct 25, 2023
Copy link

@AnnaGingle AnnaGingle 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!

@brandonlenz brandonlenz enabled auto-merge (squash) October 25, 2023 22:07
@brandonlenz brandonlenz disabled auto-merge October 25, 2023 22:07
@brandonlenz brandonlenz enabled auto-merge (squash) October 25, 2023 22:07
@brandonlenz brandonlenz merged commit c7f00d3 into trussworks:main Oct 27, 2023
5 checks passed
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.

[fix] time picker component should always have a label
3 participants