diff --git a/shared-helpers/package.json b/shared-helpers/package.json index 59e93c018a6..4d93741b858 100644 --- a/shared-helpers/package.json +++ b/shared-helpers/package.json @@ -17,7 +17,7 @@ "prettier": "prettier --write \"**/*.ts\"" }, "dependencies": { - "@bloom-housing/ui-components": "13.0.3", + "@bloom-housing/ui-components": "13.0.6", "@bloom-housing/ui-seeds": "3.3.1", "@heroicons/react": "^2.1.1", "axios-cookiejar-support": "^5.0.5", diff --git a/sites/partners/package.json b/sites/partners/package.json index 7fd32372781..b0bfe4594a0 100644 --- a/sites/partners/package.json +++ b/sites/partners/package.json @@ -30,7 +30,7 @@ }, "dependencies": { "@bloom-housing/shared-helpers": "^7.7.1", - "@bloom-housing/ui-components": "13.0.3", + "@bloom-housing/ui-components": "13.0.6", "@bloom-housing/ui-seeds": "3.3.1", "@heroicons/react": "^2.2.0", "@mapbox/mapbox-sdk": "^0.13.0", diff --git a/sites/public/cypress/support/commands.js b/sites/public/cypress/support/commands.js index e07539b5176..3772434ee33 100644 --- a/sites/public/cypress/support/commands.js +++ b/sites/public/cypress/support/commands.js @@ -63,7 +63,7 @@ Cypress.Commands.add("beginApplicationRejectAutofill", (listingName) => { cy.get("[data-testid=sign-in-email-field]").type("admin@example.com") cy.get("[data-testid=sign-in-password-field]").type("abcdef") cy.getByID("sign-in-button").click() - cy.getByID("app-choose-language-button").eq(0).click() + cy.getByID("app-choose-language-button-en").eq(0).click() cy.getByID("app-next-step-button").click() cy.getByID("application-initial-page").then(() => { cy.get("h2").then(($header) => { @@ -86,7 +86,7 @@ Cypress.Commands.add("beginApplicationSignedIn", (listingName, autofill) => { cy.get(".is-card-link").contains(listingName).parent().click() } cy.getByID("listing-view-apply-button").eq(1).click() - cy.getByID("app-choose-language-button").eq(0).click() + cy.getByID("app-choose-language-button-en").eq(0).click() cy.getByID("app-next-step-button").click() if (autofill) { cy.getByID("autofill-accept").click() diff --git a/sites/public/package.json b/sites/public/package.json index d7d8f966198..2bd4d2bf794 100644 --- a/sites/public/package.json +++ b/sites/public/package.json @@ -30,7 +30,7 @@ }, "dependencies": { "@bloom-housing/shared-helpers": "^7.7.1", - "@bloom-housing/ui-components": "13.0.3", + "@bloom-housing/ui-components": "13.0.6", "@bloom-housing/ui-seeds": "3.3.1", "@heroicons/react": "^2.1.1", "@mapbox/mapbox-sdk": "^0.13.0", diff --git a/sites/public/src/components/shared/FormSummaryDetails.tsx b/sites/public/src/components/shared/FormSummaryDetails.tsx index ba776386ea1..95a12c912ed 100644 --- a/sites/public/src/components/shared/FormSummaryDetails.tsx +++ b/sites/public/src/components/shared/FormSummaryDetails.tsx @@ -147,7 +147,11 @@ const FormSummaryDetails = ({ {header} - {editMode && !validationError && {t("t.edit")}} + {editMode && !validationError && ( + + {t("t.edit")} + + )} {t("t.you")} - {editMode && {t("t.edit")}} + {editMode && ( + + {t("t.edit")} + + )} @@ -311,7 +319,12 @@ const FormSummaryDetails = ({ {t("application.alternateContact.type.label")} {editMode && !validationError && ( - {t("t.edit")} + + {t("t.edit")} + )} @@ -372,7 +385,12 @@ const FormSummaryDetails = ({ {t("application.household.householdMembers")} {editMode && !validationError && ( - {t("t.edit")} + + {t("t.edit")} + )} @@ -435,7 +453,12 @@ const FormSummaryDetails = ({ {t("application.review.householdDetails")} {editMode && !validationError && ( - {t("t.edit")} + + {t("t.edit")} + )} @@ -506,7 +529,12 @@ const FormSummaryDetails = ({ {t("t.income")} {editMode && !validationError && ( - {t("t.edit")} + + {t("t.edit")} + )} diff --git a/sites/public/src/pages/account/account.module.scss b/sites/public/src/pages/account/account.module.scss index b617497d203..941ecc8b46c 100644 --- a/sites/public/src/pages/account/account.module.scss +++ b/sites/public/src/pages/account/account.module.scss @@ -4,6 +4,9 @@ --card-content-padding-inline: var(--seeds-s4); --card-content-padding-block: var(--seeds-s6); } + a { + text-decoration: underline; + } } .account-settings-label { diff --git a/sites/public/src/pages/account/edit.tsx b/sites/public/src/pages/account/edit.tsx index cb07d28673c..5e8f038743f 100644 --- a/sites/public/src/pages/account/edit.tsx +++ b/sites/public/src/pages/account/edit.tsx @@ -291,6 +291,7 @@ const Edit = () => { variant="primary-outlined" loadingMessage={nameLoading ? t("t.loading") : undefined} id={"account-submit-name"} + ariaLabel={`${t("account.settings.update")} ${t("application.name.yourName")}`} > {t("account.settings.update")} @@ -334,6 +335,9 @@ const Edit = () => { className="mt-6" loadingMessage={birthdateLoading ? t("t.loading") : undefined} id={"account-submit-dob"} + ariaLabel={`${t("account.settings.update")} ${t( + "application.name.yourDateOfBirth" + )}`} > {t("account.settings.update")} @@ -375,6 +379,9 @@ const Edit = () => { variant="primary-outlined" loadingMessage={emailLoading ? t("t.loading") : undefined} id={"account-submit-email"} + ariaLabel={`${t("account.settings.update")} ${t( + "application.name.yourEmailAddress" + )}`} > {t("account.settings.update")} @@ -455,6 +462,9 @@ const Edit = () => { variant="primary-outlined" loadingMessage={passwordLoading ? t("t.loading") : undefined} id={"account-submit-password"} + ariaLabel={`${t("account.settings.update")} ${t( + "authentication.createAccount.password" + )}`} > {t("account.settings.update")} diff --git a/sites/public/src/pages/applications/household/add-members.tsx b/sites/public/src/pages/applications/household/add-members.tsx index 1c2ac995da9..9e61042f31a 100644 --- a/sites/public/src/pages/applications/household/add-members.tsx +++ b/sites/public/src/pages/applications/household/add-members.tsx @@ -52,14 +52,16 @@ const ApplicationAddMembers = () => { const membersSection = application.householdMember.map((member, index) => { return ( - +
  • + +
  • ) }) @@ -106,16 +108,20 @@ const ApplicationAddMembers = () => { register={register} validate={true} /> - - - - {membersSection} + diff --git a/yarn.lock b/yarn.lock index c8eec8a0ce1..a966c18f8a5 100644 --- a/yarn.lock +++ b/yarn.lock @@ -1006,10 +1006,10 @@ resolved "https://registry.npmjs.org/@bcoe/v8-coverage/-/v8-coverage-0.2.3.tgz" integrity sha512-0hYQ8SB4Db5zvZB4axdMHGwEaQjkZzFjQiN9LVYvIFB2nSUHW9tYpxWriPrWDASIxiaXax83REcLxuSdnGPZtw== -"@bloom-housing/ui-components@13.0.3": - version "13.0.3" - resolved "https://registry.yarnpkg.com/@bloom-housing/ui-components/-/ui-components-13.0.3.tgz#7120699d7fce6603b7f5c1636baa06bb7edafb67" - integrity sha512-yMi1aIjWO7iNEJeX1YkRRvd1pemzJ9/Td3gpG9DiPkXh5gsnRH/CT5EATJAOzPtzq6w5VCpJ3yTOvbHraOVr0w== +"@bloom-housing/ui-components@13.0.6": + version "13.0.6" + resolved "https://registry.yarnpkg.com/@bloom-housing/ui-components/-/ui-components-13.0.6.tgz#d9f5a75780b1a2e3280fae550396952d9c8f5735" + integrity sha512-1xguoeK3QmDzTxrLusCDIgP4x5ZbOTWaYFtOrm8zwI2PiGKl8yaSwlG2JDDDTtphl6x5xWWKY932tjDvTxxKSg== dependencies: "@fortawesome/fontawesome-svg-core" "^6.1.1" "@fortawesome/free-regular-svg-icons" "^6.1.1"