@bloom-housing/ui-components 4.1.1-alpha.2 → 4.1.1-alpha.5

package/CHANGELOG.md

@@ -3,6 +3,36 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## [4.1.1-alpha.5](https://github.com/bloom-housing/bloom/compare/@bloom-housing/ui-components@4.1.1-alpha.4...@bloom-housing/ui-components@4.1.1-alpha.5) (2022-03-28)
+
+
+### Features
+
+* veteran preference option translation strings ([6b25906](https://github.com/bloom-housing/bloom/commit/6b25906a9cc71532c67da3c546ba06f896bb3232))
+
+
+
+
+
+## [4.1.1-alpha.4](https://github.com/bloom-housing/bloom/compare/@bloom-housing/ui-components@4.1.1-alpha.3...@bloom-housing/ui-components@4.1.1-alpha.4) (2022-03-25)
+
+**Note:** Version bump only for package @bloom-housing/ui-components
+
+
+
+
+
+## [4.1.1-alpha.3](https://github.com/bloom-housing/bloom/compare/@bloom-housing/ui-components@4.1.1-alpha.2...@bloom-housing/ui-components@4.1.1-alpha.3) (2022-03-22)
+
+
+### Features
+
+* allow application status bar to have custom icon color ([#2572](https://github.com/bloom-housing/bloom/issues/2572)) ([2d7c0c5](https://github.com/bloom-housing/bloom/commit/2d7c0c508b938bc58bb0efe1f5e407e7124738f4))
+
+
+
+
+
 ## [4.1.1-alpha.2](https://github.com/bloom-housing/bloom/compare/@bloom-housing/ui-components@4.1.1-alpha.1...@bloom-housing/ui-components@4.1.1-alpha.2) (2022-03-16)
 
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@bloom-housing/ui-components",
-  "version": "4.1.1-alpha.2",
+  "version": "4.1.1-alpha.5",
   "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",
@@ -69,7 +69,7 @@
     "webpack": "^4.44.2"
   },
   "dependencies": {
-    "@bloom-housing/backend-core": "^4.1.1-alpha.0",
+    "@bloom-housing/backend-core": "^4.1.1-alpha.1",
     "@mapbox/mapbox-sdk": "^0.13.0",
     "@types/body-scroll-lock": "^2.6.1",
     "@types/jwt-decode": "^2.2.1",
@@ -100,5 +100,5 @@
     "tailwindcss": "2.2.10",
     "typesafe-actions": "^5.1.0"
   },
-  "gitHead": "36e677b874dcbbc429d8eadf0fa37d0d67826062"
+  "gitHead": "00ae6e61a4888e70887cddf6c076428585862e34"
 }

package/src/locales/es.json

@@ -289,6 +289,9 @@
         },
         "senior": {
           "label": "Al menos un miembro de mi hogar es una persona mayor, definida como de 62 años o más (1 punto)"
+        },
+        "veteran": {
+          "label": "Alguien en mi hogar ha servido en el ejército de los Estados Unidos (1 punto)"
         }
       },
       "terminationOfAffordability": {

package/src/locales/general.json

@@ -694,6 +694,9 @@
         },
         "senior": {
           "label": "At least one member of my household is a senior, defined as age 62 and older (1 point)"
+        },
+        "veteran": {
+          "label": "Someone in my household has served in the U.S. military (1 point)"
         }
       },
       "terminationOfAffordability": {

package/src/locales/vi.json

@@ -286,6 +286,9 @@
         },
         "senior": {
           "label": "Ít nhất một thành viên trong gia đình tôi là người cao tuổi, được xác định là từ 62 tuổi trở lên (1 điểm)"
+        },
+        "veteran": {
+          "label": "Một người nào đó trong gia đình tôi đã phục vụ trong quân đội Hoa Kỳ (1 điểm)"
         }
       },
       "terminationOfAffordability": {

package/src/locales/zh.json

@@ -286,6 +286,9 @@
         },
         "senior": {
           "label": "我的家庭中至少一名成员是老年人, 定义为 62 岁及以上 (1 分)"
+        },
+        "veteran": {
+          "label": "我家有人曾在美国军队服役 (1 分）"
         }
       },
       "terminationOfAffordability": {

package/src/notifications/ApplicationStatus.tsx

@@ -5,30 +5,37 @@ import "./ApplicationStatus.scss"
 
 export interface ApplicationStatusProps {
   content: string
-  subContent?: string
+  iconColor?: string
+  iconType?: IconTypes
   status?: ApplicationStatusType
+  subContent?: string
   vivid?: boolean
   withIcon?: boolean
-  iconType?: IconTypes
 }
 
 const ApplicationStatus = (props: ApplicationStatusProps) => {
   let bgColor = ""
+  const {
+    content,
+    iconColor,
+    iconType = "clock",
+    status = ApplicationStatusType.Open,
+    subContent,
+    vivid,
+    withIcon = true,
+  } = props
+
   // determine styling
-  const vivid = props.vivid || false
   let textColor = vivid ? "text-white" : "text-gray-800"
   const textSize = vivid ? "text-xs" : "text-sm"
 
-  const status = props.status || ApplicationStatusType.Open
-  const content = props.content
-  const withIcon = props.withIcon ?? true
-  const iconType = props.iconType ?? "clock"
-
-  let icon
-
-  if (withIcon) {
-    icon = <Icon size="medium" symbol={iconType} fill={vivid ? IconFillColors.white : undefined} />
-  }
+  const icon = withIcon && (
+    <Icon
+      size="medium"
+      symbol={iconType}
+      fill={iconColor || (vivid ? IconFillColors.white : undefined)}
+    />
+  )
 
   switch (status) {
     case ApplicationStatusType.Open:
@@ -54,10 +61,10 @@ const ApplicationStatus = (props: ApplicationStatusProps) => {
       {icon}
       <span>
         {content}
-        {props.subContent && (
+        {subContent && (
           <>
             <br />
-            {props.subContent}
+            {subContent}
           </>
         )}
       </span>