Merge pull request #70 from RealToken-Community/fix-rwa-table-view

fix: RWA table view
RealToken-Community · Aug 26, 2024 · 34f6157 · 34f6157
2 parents 79bdd62 + 2885342
commit 34f6157
Showing 1 changed file with 59 additions and 1 deletion.
diff --git a/src/components/assetsView/views/AssetTable.tsx b/src/components/assetsView/views/AssetTable.tsx
@@ -30,7 +30,7 @@ export const AssetTable: FC<{
           {props.realtokens.map((item, index) => {
             const isAProperty = item.hasOwnProperty('rentStatus')
             if (!isAProperty) {
-              return <AssetTableRow key={'0'} value={item as UserRealtoken} />
+              return <RWATableRow key={'0'} value={item as RWARealtoken} />
             }
             return <AssetTableRow key={index} value={item as UserRealtoken} />
           })}
@@ -159,4 +159,62 @@ const AssetTableRow: FC<{ value: UserRealtoken }> = (props) => {
     </Table.Tr>
   )
 }
+
+const RWATableRow: FC<{ value: RWARealtoken }> = (props) => {
+  const { t } = useTranslation('common', { keyPrefix: 'numbers' })
+  const transfersIsLoaded = useSelector(selectTransfersIsLoaded)
+
+  const { shortName, value, unitPriceCost, amount, totalInvestment } =
+    props.value
+
+  return (
+    <Table.Tr>
+      <Table.Td style={{ minWidth: '150px' }}>
+        <Anchor>{shortName}</Anchor>
+      </Table.Td>
+      <Table.Td style={{ textAlign: 'right', whiteSpace: 'nowrap' }}>
+        {useCurrencyValue(value)}
+      </Table.Td>
+      {transfersIsLoaded ? (
+        <>
+          <Table.Td style={{ textAlign: 'right', whiteSpace: 'nowrap' }}>
+            {'-'}
+          </Table.Td>
+          <Table.Td style={{ textAlign: 'right', whiteSpace: 'nowrap' }}>
+            {'-'}
+          </Table.Td>
+        </>
+      ) : null}
+
+      <Table.Td style={{ textAlign: 'right', whiteSpace: 'nowrap' }}>
+        {useCurrencyValue(unitPriceCost)}
+      </Table.Td>
+      <Table.Td style={{ textAlign: 'right', whiteSpace: 'nowrap' }}>
+        {t('decimal', { value: amount })}
+      </Table.Td>
+      <Table.Td style={{ textAlign: 'right', whiteSpace: 'nowrap' }}>
+        {'-'}
+      </Table.Td>
+      <Table.Td style={{ textAlign: 'right', whiteSpace: 'nowrap' }}>
+        {'-'}
+      </Table.Td>
+      <Table.Td style={{ textAlign: 'right', whiteSpace: 'nowrap' }}>
+        {'-'}
+      </Table.Td>
+      <Table.Td style={{ textAlign: 'right', whiteSpace: 'nowrap' }}>
+        {'-'}
+      </Table.Td>
+      <Table.Td style={{ textAlign: 'right', whiteSpace: 'nowrap' }}>
+        {'-'}
+      </Table.Td>
+      <Table.Td style={{ textAlign: 'right', whiteSpace: 'nowrap' }}>
+        {useCurrencyValue(totalInvestment)}
+      </Table.Td>
+      <Table.Td style={{ textAlign: 'right', whiteSpace: 'nowrap' }}>
+        {'-'}
+      </Table.Td>
+    </Table.Tr>
+  )
+}
+
 AssetTableRow.displayName = 'AssetTableRow'