-
Notifications
You must be signed in to change notification settings - Fork 128
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
[Art/96894] - poa search tabs #33602
Conversation
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Icon found
Icons can be decorative, but sometimes they are used to convey meaning. If there are any semantics associated with an icon, those semantics should also be conveyed to a screen reader.
What you can do
Review the markup and see if the icon provides information that isn't represented textually, or wait for a VSP review.
Note:
Font Awesome is deprecated. Please use va-icon instead. For more information, visit the migration documentation: Migrate from font awesome to va-icon
{poaRequest.status === 'Pending' && ( | ||
<> | ||
{expiresSoon(poaRequest.expiresAt) && ( | ||
<va-icon |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
icon found
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
- No results doesn't mean that tabs shouldn't render. They ought to be able to try a new query (change tab)
NavLink
APIaria-selected
?- When building off another branch, branch off of it and open a PR into the branch you are branching off of:
branch 1 <- branch 2
From the video, it seems like there are font regressions in multiple areas?
src/applications/accredited-representative-portal/containers/POARequestsPage.jsx
Outdated
Show resolved
Hide resolved
src/applications/accredited-representative-portal/containers/POARequestsPage.jsx
Outdated
Show resolved
Hide resolved
src/applications/accredited-representative-portal/containers/POARequestsPage.jsx
Outdated
Show resolved
Hide resolved
src/applications/accredited-representative-portal/containers/POARequestsPage.jsx
Outdated
Show resolved
Hide resolved
d4b5ad4
to
6291cc3
Compare
e5ff11b
to
3e931a4
Compare
00846d3
to
08a41b4
Compare
03ecc2b
to
6aa9833
Compare
7bf54af
to
69cb04a
Compare
69cb04a
to
7d113ca
Compare
Query params are not the same sort of thing as path segments in `react-router` and `NavLink` won't understand them in the same way.
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Icon found
Icons can be decorative, but sometimes they are used to convey meaning. If there are any semantics associated with an icon, those semantics should also be conveyed to a screen reader.
What you can do
Review the markup and see if the icon provides information that isn't represented textually, or wait for a VSP review.
Note:
Font Awesome is deprecated. Please use va-icon instead. For more information, visit the migration documentation: Migrate from font awesome to va-icon
{poaRequest.status === 'Pending' && ( | ||
<> | ||
{expiresSoon(poaRequest.expiresAt) && ( | ||
<va-icon |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
icon found
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Icon found
Icons can be decorative, but sometimes they are used to convey meaning. If there are any semantics associated with an icon, those semantics should also be conveyed to a screen reader.
What you can do
Review the markup and see if the icon provides information that isn't represented textually, or wait for a VSP review.
Note:
Font Awesome is deprecated. Please use va-icon instead. For more information, visit the migration documentation: Migrate from font awesome to va-icon
{poaRequest.status === 'Pending' && ( | ||
<> | ||
{expiresSoon(poaRequest.expiresAt) && ( | ||
<va-icon |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
icon found
71f8790
to
1f7a83e
Compare
Adding tabs to the POA Requests page, see existing ticket .
Merged in existing PR to get tabs to work with loaders.
Some notes:
Screen.Recording.2024-12-16.at.3.34.46.PM.mov