Merge pull request #643 from blockscout/add-memo

add memo to prevent unnecessary re-render

ui/home/LatestTxsItem.tsx

@@ -26,7 +26,7 @@ type Props = {
   tx: Transaction;
 }
 
-const LatestBlocksItem = ({ tx }: Props) => {
+const LatestTxsItem = ({ tx }: Props) => {
   const dataTo = tx.to ? tx.to : tx.created_contract;
   const timeAgo = useTimeAgoIncrement(tx.timestamp || '0', true);
 
@@ -126,4 +126,4 @@ const LatestBlocksItem = ({ tx }: Props) => {
   );
 };
 
-export default LatestBlocksItem;
+export default React.memo(LatestTxsItem);

ui/shared/TokenTransfer/TokenTransferList.tsx

@@ -28,4 +28,4 @@ const TokenTransferList = ({ data, baseAddress, showTxInfo, enableTimeIncrement
   );
 };
 
-export default TokenTransferList;
+export default React.memo(TokenTransferList);

ui/token/TokenTransfer/TokenTransferList.tsx

@@ -24,4 +24,4 @@ const TokenTransferList = ({ data, tokenId }: Props) => {
   );
 };
 
-export default TokenTransferList;
+export default React.memo(TokenTransferList);

ui/txs/TxsListItem.tsx

@@ -136,4 +136,4 @@ const TxsListItem = ({ tx, showBlockInfo, currentAddress, enableTimeIncrement }:
   );
 };
 
-export default TxsListItem;
+export default React.memo(TxsListItem);

ui/txs/TxsTable.tsx

@@ -87,4 +87,4 @@ const TxsTable = ({
   );
 };
 
-export default TxsTable;
+export default React.memo(TxsTable);

ui/txs/TxsTableItem.tsx

@@ -145,4 +145,4 @@ const TxsTableItem = ({ tx, showBlockInfo, currentAddress, enableTimeIncrement }
   );
 };
 
-export default TxsTableItem;
+export default React.memo(TxsTableItem);