Press n or j to go to the next uncovered block, b, p or k for the previous block.
| 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 | 2x 3x 3x 2x 2x | import { TransactionTable } from './components/transaction-table';
import { Heading } from '@/components/heading';
import { createDeepEqualityFn } from './utils/memo-utils';
import { memo } from 'react';
const TransactionPageComponent = () => {
console.log('🔄 TransactionPage component rendering');
return (
<div className="flex-1 p-[85px]">
{/* Page Header */}
<Heading as="h1" size="h3">
Transactions
</Heading>
{/* Transaction Content */}
<div className="mt-8 p-8 rounded-lg border shadow-sm mb-4">
<TransactionTable maxTransactions={10} />
</div>
</div>
);
};
// Use our utility function to create a deep equality comparison function
const arePropsEqual = createDeepEqualityFn<Record<string, unknown>>();
// Export with memo to prevent unnecessary re-renders
export const TransactionPage = memo(TransactionPageComponent, arePropsEqual);
export default TransactionPage;
|