feat: add subsidy info on asset cards

* Add subsidy info * fix: display subsidy info only if the value is set Relies #9
RealToken-Community · Oct 1, 2023 · dc286df · dc286df
1 parent d6977f6
commit dc286df
Show file tree

Hide file tree

Showing 4 changed files with 23 additions and 4 deletions.
diff --git a/src/components/cards/AssetCard.tsx b/src/components/cards/AssetCard.tsx
@@ -49,6 +49,8 @@ const AssetCardComponent: FC<{ value: OwnedRealtoken }> = (props) => {
   const { t } = useTranslation('common', { keyPrefix: 'assetCard' })
 
   const { classes } = useStyles()
+  const isSubsidized =
+    props.value.subsidyStatus !== 'no' && props.value.subsidyStatusValue
 
   return (
     <Card
@@ -129,6 +131,19 @@ const AssetCardComponent: FC<{ value: OwnedRealtoken }> = (props) => {
         </div>
       </div>
 
+      {isSubsidized && (
+        <div className={classes.groupApart}>
+          <div className={classes.textSm}>{t('subsidy')}</div>
+          <div className={classes.textSm}>
+            {tNumbers('percentInteger', {
+              value:
+                (props.value.subsidyStatusValue / props.value.grossRentMonth) *
+                100,
+            })}
+          </div>
+        </div>
+      )}
+
       <div className={classes.groupApart}>
         <div className={classes.textSm}>{t('propertyValue')}</div>
         <div className={classes.textSm}>

diff --git a/src/i18next/locales/en/common.json b/src/i18next/locales/en/common.json
@@ -68,7 +68,7 @@
       "occupancy": "Occupancy rate",
       "initialLaunch": "Initial launch"
     },
-    "sortReverse": "Reverse" ,
+    "sortReverse": "Reverse",
     "viewOptions": {
       "table": "Table",
       "grid": "Grid"
@@ -87,7 +87,8 @@
       "full": "Rented",
       "partial": "Partially rented",
       "none": "Not rented"
-    }
+    },
+    "subsidy": "Subsidy"
   },
   "assetTable": {
     "property": "Property",

diff --git a/src/i18next/locales/fr/common.json b/src/i18next/locales/fr/common.json
@@ -87,7 +87,8 @@
       "full": "Louée",
       "partial": "Partiellement louée",
       "none": "Non louée"
-    }
+    },
+    "subsidy": "Loyer subventioné"
   },
   "assetTable": {
     "property": "Propriété",
@@ -105,4 +106,4 @@
     "value_other": "{{count}} portefeuilles",
     "manage": "Gérer les portefeuilles"
   }
-}
+}
diff --git a/src/types/APIRealToken.ts b/src/types/APIRealToken.ts
@@ -147,6 +147,8 @@ export interface APIRealToken {
   section8paid: number
   grossRentYear: number
   grossRentMonth: number
+  subsidyStatus: string
+  subsidyStatusValue: number
 
   // Monthly expenses
   insurance: number