diff --git a/frontends/main/src/app-pages/DashboardPage/ContractContent.tsx b/frontends/main/src/app-pages/DashboardPage/ContractContent.tsx index 1aca262678..bd2d3ddbff 100644 --- a/frontends/main/src/app-pages/DashboardPage/ContractContent.tsx +++ b/frontends/main/src/app-pages/DashboardPage/ContractContent.tsx @@ -156,7 +156,9 @@ const WelcomeMessage: React.FC<{ contract?: ContractPage }> = ({ return ( - {welcomeMessage} + + {welcomeMessage} + = ({ {programsQuery.data?.results.length === 0 && ( - + No programs found diff --git a/frontends/main/src/app-pages/DashboardPage/CoursewareDisplay/OrganizationCards.test.tsx b/frontends/main/src/app-pages/DashboardPage/CoursewareDisplay/OrganizationCards.test.tsx index 080f018351..d1a701ce42 100644 --- a/frontends/main/src/app-pages/DashboardPage/CoursewareDisplay/OrganizationCards.test.tsx +++ b/frontends/main/src/app-pages/DashboardPage/CoursewareDisplay/OrganizationCards.test.tsx @@ -74,6 +74,9 @@ describe("OrganizationCards", () => { ) }) expect(elements.length).toBeGreaterThan(0) + await screen.findByRole("heading", { + name: `As a member of ${org.name} you have access to:`, + }) } }) @@ -135,6 +138,13 @@ describe("OrganizationCards", () => { expect(screen.getAllByRole("link", { name: "Contract 2" })).toHaveLength( 2, ) + // Contract names should be wrapped in heading elements + expect( + screen.getAllByRole("heading", { name: "Contract 1" }), + ).toHaveLength(2) + expect( + screen.getAllByRole("heading", { name: "Contract 2" }), + ).toHaveLength(2) }) it("renders Continue buttons with correct organization URLs", async () => { diff --git a/frontends/main/src/app-pages/DashboardPage/CoursewareDisplay/OrganizationCards.tsx b/frontends/main/src/app-pages/DashboardPage/CoursewareDisplay/OrganizationCards.tsx index d44d3a071a..9e4a3f9522 100644 --- a/frontends/main/src/app-pages/DashboardPage/CoursewareDisplay/OrganizationCards.tsx +++ b/frontends/main/src/app-pages/DashboardPage/CoursewareDisplay/OrganizationCards.tsx @@ -56,6 +56,11 @@ const CardRootStyled = styled(DashboardCardRoot)({ }, }) +const ContractTitleHeading = styled.h3({ + margin: 0, + width: "100%", +}) + const TitleLink = styled(Link)({ width: "100%", }) @@ -107,9 +112,11 @@ const OrganizationContracts: React.FC = ({ const href = contractView(org.slug.replace("org-", ""), contract.slug) return ( - - {contract.name} - + + + {contract.name} + + }> Continue @@ -127,7 +134,7 @@ const OrganizationContracts: React.FC = ({ style={{ objectFit: "contain" }} /> - + {"As a member of "} {org.name}