@bloom-housing/ui-components 4.4.1-alpha.2 → 4.4.1-alpha.3

package/CHANGELOG.md

@@ -3,6 +3,14 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## [4.4.1-alpha.3](https://github.com/bloom-housing/bloom/compare/@bloom-housing/ui-components@4.4.1-alpha.2...@bloom-housing/ui-components@4.4.1-alpha.3) (2022-05-25)
+
+**Note:** Version bump only for package @bloom-housing/ui-components
+
+
+
+
+
 ## [4.4.1-alpha.2](https://github.com/bloom-housing/bloom/compare/@bloom-housing/ui-components@4.4.1-alpha.1...@bloom-housing/ui-components@4.4.1-alpha.2) (2022-05-25)
 
 **Note:** Version bump only for package @bloom-housing/ui-components

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@bloom-housing/ui-components",
-  "version": "4.4.1-alpha.2",
+  "version": "4.4.1-alpha.3",
   "author": "Sean Albert <sean.albert@exygy.com>",
   "description": "Shared user interface components for Bloom affordable housing system",
   "homepage": "https://github.com/bloom-housing/bloom/tree/master/shared/ui-components",
@@ -70,7 +70,7 @@
     "webpack": "^4.44.2"
   },
   "dependencies": {
-    "@bloom-housing/backend-core": "^4.4.1-alpha.2",
+    "@bloom-housing/backend-core": "^4.4.1-alpha.3",
     "@mapbox/mapbox-sdk": "^0.13.0",
     "@types/body-scroll-lock": "^2.6.1",
     "@types/jwt-decode": "^2.2.1",
@@ -102,5 +102,5 @@
     "tailwindcss": "2.2.10",
     "typesafe-actions": "^5.1.0"
   },
-  "gitHead": "904b8eda554aba8dab71e16a3fb4068b1d86227a"
+  "gitHead": "385625937a1b258e21d6e97504be08425c199b9e"
 }

package/src/helpers/tableSummaries.tsx

@@ -1,9 +1,12 @@
 import * as React from "react"
 import { t } from "./translator"
-import { UnitSummary } from "@bloom-housing/backend-core/types"
+import { UnitSummary, ListingAvailability } from "@bloom-housing/backend-core/types"
 import { StandardTableData } from "../tables/StandardTable"
 
-export const unitSummariesTable = (summaries: UnitSummary[]): StandardTableData => {
+export const unitSummariesTable = (
+  summaries: UnitSummary[],
+  listingAvailability: ListingAvailability
+): StandardTableData => {
   const unitSummaries = summaries?.map((unitSummary) => {
     const unitPluralization = unitSummary.totalAvailable == 1 ? t("t.unit") : t("t.units")
     const minIncome =
@@ -43,6 +46,29 @@ export const unitSummariesTable = (summaries: UnitSummary[]): StandardTableData
         )
       : getRent(unitSummary.rentRange.min, unitSummary.rentRange.max)
 
+    let availability = null
+    if (listingAvailability === ListingAvailability.availableUnits) {
+      availability = (
+        <span>
+          {unitSummary.totalAvailable > 0 ? (
+            <>
+              <strong>{unitSummary.totalAvailable}</strong> {unitPluralization}
+            </>
+          ) : (
+            <span>
+              <strong>{t("listings.waitlist.open")}</strong>
+            </span>
+          )}
+        </span>
+      )
+    } else if (listingAvailability === ListingAvailability.openWaitlist) {
+      availability = (
+        <span>
+          <strong>{t("listings.waitlist.open")}</strong>
+        </span>
+      )
+    }
+
     return {
       unitType: {
         content: <strong>{t(`listings.unitTypes.${unitSummary.unitType?.name}`)}</strong>,
@@ -57,17 +83,7 @@ export const unitSummariesTable = (summaries: UnitSummary[]): StandardTableData
       },
       rent: { content: <span>{rent}</span> },
       availability: {
-        content: (
-          <span>
-            {unitSummary.totalAvailable > 0 ? (
-              <>
-                <strong>{unitSummary.totalAvailable}</strong> {unitPluralization}
-              </>
-            ) : (
-              <span className="uppercase">{t("listings.waitlist.label")}</span>
-            )}
-          </span>
-        ),
+        content: availability,
       },
     }
   })
@@ -75,11 +91,14 @@ export const unitSummariesTable = (summaries: UnitSummary[]): StandardTableData
   return unitSummaries
 }
 
-export const getSummariesTable = (summaries: UnitSummary[]): StandardTableData => {
+export const getSummariesTable = (
+  summaries: UnitSummary[],
+  listingAvailability: ListingAvailability
+): StandardTableData => {
   let unitSummaries: StandardTableData = []
 
   if (summaries?.length > 0) {
-    unitSummaries = unitSummariesTable(summaries)
+    unitSummaries = unitSummariesTable(summaries, listingAvailability)
   }
   return unitSummaries
 }

package/src/locales/general.json

@@ -594,6 +594,7 @@
   "listings.availableAndWaitlist": "Available Units & Open Waitlist",
   "listings.availableUnitsAndWaitlist": "Available units and waitlist",
   "listings.availableUnitsAndWaitlistDesc": "Once applicants fill all available units, additional applicants will be placed on the waitlist for <span class='t-italic'>%{number} units</span>",
+  "listings.availableUnits": "Available Units",
   "listings.bath": "bath",
   "listings.browseListings": "Browse Listings",
   "listings.buildingImageAltText": "A picture of the building",