fix history

centrifuge · Nov 15, 2023 · b1487a6 · b1487a6
1 parent c598211
commit b1487a6
Show file tree

Hide file tree

Showing 2 changed files with 9 additions and 12 deletions.
diff --git a/centrifuge-app/src/components/Portfolio/Transactions.tsx b/centrifuge-app/src/components/Portfolio/Transactions.tsx
@@ -11,17 +11,16 @@ import {
   Stack,
   Text,
   usePagination,
-  VisualButton,
 } from '@centrifuge/fabric'
 import * as React from 'react'
-import { Link } from 'react-router-dom'
 import { TransactionTypeChip } from '../../components/Portfolio/TransactionTypeChip'
 import { Spinner } from '../../components/Spinner'
 import { formatDate } from '../../utils/date'
 import { Dec } from '../../utils/Decimal'
 import { getCSVDownloadUrl } from '../../utils/getCSVDownloadUrl'
 import { usePools, useTransactionsByAddress } from '../../utils/usePools'
 import { Column, DataTable, SortableTableHeader } from '../DataTable'
+import { RouterLinkButton } from '../RouterLinkButton'
 
 type TransactionsProps = {
   onlyMostRecent?: boolean
@@ -170,13 +169,11 @@ export function Transactions({ onlyMostRecent, txTypes, address }: TransactionsP
               page={pagination.page}
             />
             {onlyMostRecent ? (
-              <Link to="/history">
-                <Box display="inline-block">
-                  <VisualButton small variant="tertiary" icon={IconEye}>
-                    View all
-                  </VisualButton>
-                </Box>
-              </Link>
+              <Box display="inline-block">
+                <RouterLinkButton to="/history" small variant="tertiary" icon={IconEye}>
+                  View all
+                </RouterLinkButton>
+              </Box>
             ) : (
               <Shelf justifyContent="space-between">
                 {pagination.pageCount > 1 && (

diff --git a/centrifuge-app/src/pages/Portfolio/TransactionHistory.tsx b/centrifuge-app/src/pages/Portfolio/TransactionHistory.tsx
@@ -2,13 +2,13 @@ import * as React from 'react'
 import { LayoutBase } from '../../components/LayoutBase'
 import { BasePadding } from '../../components/LayoutBase/BasePadding'
 import { Transactions } from '../../components/Portfolio/Transactions'
+import { useAddress } from '../../utils/useAddress'
 
 export default function TransactionHistoryPage() {
+  const address = useAddress()
   return (
     <LayoutBase>
-      <BasePadding>
-        <Transactions />
-      </BasePadding>
+      <BasePadding>{address ? <Transactions address={address} /> : null}</BasePadding>
     </LayoutBase>
   )
 }