diff --git a/doorway-ui-components/src/page_components/listing/ListingCard.tsx b/doorway-ui-components/src/page_components/listing/ListingCard.tsx index 93952a3382..9f229e4301 100644 --- a/doorway-ui-components/src/page_components/listing/ListingCard.tsx +++ b/doorway-ui-components/src/page_components/listing/ListingCard.tsx @@ -254,6 +254,7 @@ const ListingCard = (props: ListingCardProps) => { className={`listings-row ${componentIsClickable ? "cursor-pointer" : ""}`} data-testid={"listing-card-component"} onClick={componentIsClickable ? simulateLinkClick : undefined} + aria-label={`${contentProps?.contentHeader?.content} listing`} >
diff --git a/shared-helpers/src/locales/es.json b/shared-helpers/src/locales/es.json index 15326a29bd..0229536f5d 100644 --- a/shared-helpers/src/locales/es.json +++ b/shared-helpers/src/locales/es.json @@ -1247,6 +1247,8 @@ "t.lastUpdated": "Última actualización", "t.less": "Menos", "t.letter": "Carta", + "t.listingsList": "Lista de listados", + "t.listingsMap": "Mapa de listados", "t.loading": "Cargando", "t.loginIsRequired": "Es necesario iniciar sesión para poder ver esta página.", "t.mapControls": "Controles del mapa", diff --git a/shared-helpers/src/locales/general.json b/shared-helpers/src/locales/general.json index f3648c60db..1dff63c8a2 100644 --- a/shared-helpers/src/locales/general.json +++ b/shared-helpers/src/locales/general.json @@ -1200,6 +1200,8 @@ "t.lastUpdated": "Last Updated", "t.less": "Less", "t.letter": "Letter", + "t.listingsList": "Listings list", + "t.listingsMap": "Listings map", "t.loading": "Loading", "t.loginIsRequired": "Login is required to view this page.", "t.mapControls": "Map Controls", diff --git a/shared-helpers/src/locales/tl.json b/shared-helpers/src/locales/tl.json index 1a7854a1cf..3b9b26030c 100644 --- a/shared-helpers/src/locales/tl.json +++ b/shared-helpers/src/locales/tl.json @@ -1212,6 +1212,8 @@ "t.lastUpdated": "Huling Binago", "t.less": "Mas kaunti", "t.letter": "Liham", + "t.listingsList": "Listahan ng mga listahan", + "t.listingsMap": "Mapa ng mga listahan", "t.loading": "Naglo-load", "t.loginIsRequired": "Kailangang mag-log in para makita ang page na ito.", "t.mapControls": "Mga Kontrol sa Mapa", diff --git a/shared-helpers/src/locales/vi.json b/shared-helpers/src/locales/vi.json index e2e528aeb2..9996b34671 100644 --- a/shared-helpers/src/locales/vi.json +++ b/shared-helpers/src/locales/vi.json @@ -1250,6 +1250,8 @@ "t.lastUpdated": "Cập nhật lần trước", "t.less": "Ít hơn", "t.letter": "Thư", + "t.listingsList": "Danh sách niêm yết", + "t.listingsMap": "Bản đồ niêm yết", "t.loading": "Đang tải", "t.loginIsRequired": "Yêu cầu đăng nhập để xem trang này.", "t.mapControls": "Kiểm soát bản đồ", diff --git a/shared-helpers/src/locales/zh.json b/shared-helpers/src/locales/zh.json index 2d95645815..c5d1e1b19e 100644 --- a/shared-helpers/src/locales/zh.json +++ b/shared-helpers/src/locales/zh.json @@ -1250,6 +1250,8 @@ "t.lastUpdated": "最近一次更新", "t.less": "以下", "t.letter": "信件", + "t.listingsList": "房源列表", + "t.listingsMap": "房源地圖", "t.loading": "加载中", "t.loginIsRequired": "必須登入才能瀏覽本頁。", "t.mapControls": "地图控件", diff --git a/sites/public/src/components/listings/ListingsList.tsx b/sites/public/src/components/listings/ListingsList.tsx index 8e3dbf39d2..bf7ac0aba2 100644 --- a/sites/public/src/components/listings/ListingsList.tsx +++ b/sites/public/src/components/listings/ListingsList.tsx @@ -1,5 +1,6 @@ import * as React from "react" import { Listing } from "@bloom-housing/shared-helpers/src/types/backend-swagger" +import { Heading } from "@bloom-housing/ui-seeds" import { ZeroListingsItem } from "@bloom-housing/doorway-ui-components" import { LoadingOverlay, t, InfoCard, LinkButton } from "@bloom-housing/ui-components" import { getListings } from "../../lib/helpers" @@ -17,6 +18,9 @@ type ListingsListProps = { const ListingsList = (props: ListingsListProps) => { const listingsDiv = (
+ + {t("t.listingsList")} + {props.listings.length > 0 || props.loading ? (
{getListings(props.listings)}
) : ( @@ -79,11 +83,11 @@ const ListingsList = (props: ListingsListProps) => { <> ) return ( -
+
{listingsDiv} {pagination} {infoCards} -
+ ) } export { ListingsList as default, ListingsList } diff --git a/sites/public/src/components/listings/ListingsMap.tsx b/sites/public/src/components/listings/ListingsMap.tsx index 5da820bdb9..34b4e29106 100644 --- a/sites/public/src/components/listings/ListingsMap.tsx +++ b/sites/public/src/components/listings/ListingsMap.tsx @@ -1,6 +1,7 @@ import React, { useState } from "react" import { APIProvider, Map } from "@vis.gl/react-google-maps" import { useJsApiLoader } from "@react-google-maps/api" +import { Heading } from "@bloom-housing/ui-seeds" import { t } from "@bloom-housing/ui-components" import { ListingMapMarker } from "@bloom-housing/shared-helpers/src/types/backend-swagger" import { MapControl } from "../shared/MapControl" @@ -73,6 +74,9 @@ const ListingsMap = (props: ListingsMapProps) => { {t("t.skipMapOfListings")} + + {t("t.listingsMap")} + +
+ +
) } diff --git a/sites/public/src/lib/helpers.tsx b/sites/public/src/lib/helpers.tsx index b1a8565b60..a3eb834315 100644 --- a/sites/public/src/lib/helpers.tsx +++ b/sites/public/src/lib/helpers.tsx @@ -167,6 +167,7 @@ export const getListingCard = (listing: Listing, index: number) => { content: listing.name, href: uri, makeCardClickable: true, + priority: 3, }, contentSubheader: { content: getListingCardSubtitle(listing.listingsBuildingAddress) }, }} diff --git a/sites/public/src/pages/listings.tsx b/sites/public/src/pages/listings.tsx index 83395d13d3..118a916e7c 100644 --- a/sites/public/src/pages/listings.tsx +++ b/sites/public/src/pages/listings.tsx @@ -1,5 +1,6 @@ import React from "react" import Head from "next/head" +import { Heading } from "@bloom-housing/ui-seeds" import { t } from "@bloom-housing/ui-components" import { MetaTags } from "../components/shared/MetaTags" import ListingsSearchCombined, { @@ -37,6 +38,9 @@ export default function ListingsPage(props: ListingsProps) { + + {t("nav.listings")} +