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

Redesign Filing Landing Page + Keycloak upgrade to version 25 #2322

Merged
merged 29 commits into from
Dec 19, 2024

Conversation

Michaeldremy
Copy link
Contributor

@Michaeldremy Michaeldremy commented Nov 5, 2024

Closes #2162 & #2319

Pull request includes:

  • Redesigned Filing Landing Page
  • keycloaks-js was upgraded/migrated from version 11 to version 25
  • Adjusted max-width to align with rest of the website in the Filing platform
  • Updated Cypress Tests
    • Updated Filing tests to utilize the year selector and filing period selectors instead of relying on the URL
    • HMDA Help test that deleted and created an institution has been disabled
  • HMDA Help Quarterly Filer select has been disabled and is no longer able to be interacted with

Lighthouse Scores:

Before Redesign

image

After Redesign

image

…rs old. Slowly migrating keycloak-js to 25.0.6. Commit contains upgrade to version 18.0.1 and it's required migration changes.
… the operator in front of calling Keycloak instance.
… homepage before login as an error stating two Keycloak instances were being initialized. Introduced an EmergencyAlert banner at the top of the page to lets users know Login.gov will be requried - verbiage is still being worked on.
…ated EmergencyAlert to support hyperlinks to appear anywhere in the sentence.
…h See How It Works button that opens the same Homepage video modal. Adjusted Timeline CSS for mobile design.
…. Improved Filing platform styling by ensuring max-width matches the rest of the site. Working to resovle the /filing/{year}/institutions route to allow the ability to login.
…for navigation to different filing years rather then relying on the url.
…d use version 25 Keycloak methods. Disabled Quarterly Filers select in HMDA Help and updated/disabled related tests due to ticket #2319.
"2025": {
"Q1": "04/01/2025 - 05/30/2025 - 06/30/2025",
"Q2": "07/01/2025 - 08/29/2025 - 09/30/2025",
"Q3": "10/01/2025 - 11/29/2025 - 12/31/2025",
"Q3": "10/01/2025 - 12/01/2025 - 12/31/2025",
Copy link
Contributor Author

Choose a reason for hiding this comment

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

If there is any questions reference ticket #2301 to see why the date is being changed.

Comment on lines +34 to +35
className='filing-year-selector'
classNamePrefix='filing-year'
Copy link
Contributor Author

Choose a reason for hiding this comment

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

Used to properly select the dropdown for Cypress testing.

@@ -44,6 +46,7 @@ const InstitutionPeriodSelector = ({
history.replace(pathname.replace(filingPeriod, period))
}}
isDisabled={quarterOpts.length < 2}
classNamePrefix='annual-or-quarter'
Copy link
Contributor Author

Choose a reason for hiding this comment

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

Used to properly select the dropdown for Cypress testing.

Michaeldremy and others added 7 commits November 5, 2024 11:03
…n file. Added testDate paramerter to test future Filing Periods for the FilingPeriodsCard component. Deleted LoginGov Register method from utils/keycloak.js as it is no longer needed
…bout quarterly filers. Added the Login.gov Quick Refence Guide link.
…onally I added the reviewed timedGuards to the production config. Added a new bullet point to the Login.gov promotional banner to include login reqirement language.
…p watch. Footer was updated to 4 columns instead of 3 from the newly compiled CSS files.
Michaeldremy and others added 8 commits December 10, 2024 11:24
…ent based on stakeholder feedback, implemented additional code cleanup surrounding Filing Landing Page. Updated Cypress Filing and LargeFiler test files and implemented a bug fix in the Filing platform UI related to the year and quarterly selectors.
… to be a darker green to improve Lighthouse accessibility score.
…ser, Maps and Graphs was forcing the user to be scrolled to the top when interacting with the the form elements. Issue has been resolved by ignoring query parameters in the URL event listener in the ScrollToTop component.
…erodsCard where the padding on the period-item was manually being set instead of respecting the parent container padding.
…Props and resolved a Keycloak theme provider browser back button bug. Additionally, more padding was added below the Filing Landing Page container.
@Michaeldremy Michaeldremy requested a review from ojbravo December 18, 2024 18:21
@Michaeldremy Michaeldremy linked an issue Dec 18, 2024 that may be closed by this pull request
Copy link
Contributor

@ojbravo ojbravo left a comment

Choose a reason for hiding this comment

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

Amazing work!!!!

@Michaeldremy Michaeldremy merged commit eaac860 into master Dec 19, 2024
1 of 2 checks passed
@Michaeldremy Michaeldremy deleted the 2162-redesign-filing-landing-page branch December 19, 2024 17:32
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.

[HMDA Help] Disable Quarterly Filer Select Redesign Filing Landing Page
2 participants