CentrifugeApp: Portfolio transaction table

centrifuge-app/src/components/Menu/index.tsx

@@ -1,5 +1,6 @@
 import {
   Box,
+  IconClock,
   IconInvestments,
   IconNft,
   IconPieChart,
@@ -54,6 +55,13 @@ export function Menu() {
         </PageLink>
       )}
 
+      {showPortfolio && address && (
+        <PageLink to="/history" stacked={!isLarge}>
+          <IconClock />
+          History
+        </PageLink>
+      )}
+
       {(pools.length > 0 || config.poolCreationType === 'immediate') && (
         <IssuerMenu defaultOpen={isLarge} stacked={!isLarge}>
           {isLarge ? (

centrifuge-app/src/components/Portfolio/TransactionTypeChip.tsx

@@ -3,26 +3,21 @@ import * as React from 'react'
 import { TransactionCardProps } from './Transactions'
 
 type TransactionTypeProps = {
-  type: TransactionCardProps['action']
+  type: TransactionCardProps['type']
 }
 
-// @ts-expect-error
 const states: {
-  [Key in TransactionCardProps['action']]: {
+  [Key in TransactionCardProps['type']]: {
     label: string
     status: StatusChipProps['status']
   }
 } = {
-  PENDING_ORDER: {
-    label: 'Pending order',
-    status: 'default',
-  },
   INVEST_ORDER_UPDATE: {
-    label: 'Invest order update',
+    label: 'Invest order placed',
     status: 'default',
   },
   REDEEM_ORDER_UPDATE: {
-    label: 'Redeem order update',
+    label: 'Redeem order placed',
     status: 'default',
   },
   INVEST_ORDER_CANCEL: {
@@ -34,12 +29,12 @@ const states: {
     status: 'default',
   },
   INVEST_EXECUTION: {
-    label: 'Invest execution',
-    status: 'default',
+    label: 'Invest executed',
+    status: 'ok',
   },
   REDEEM_EXECUTION: {
-    label: 'Redeem execution',
-    status: 'default',
+    label: 'Redeem executed',
+    status: 'info',
   },
   TRANSFER_IN: {
     label: 'Transfer in',
@@ -73,6 +68,10 @@ const states: {
     label: 'Closed',
     status: 'default',
   },
+  PRICED: {
+    label: 'Priced',
+    status: 'default',
+  },
 }
 
 export function TransactionTypeChip({ type }: TransactionTypeProps) {