refactor: memoize callDataRow component

RootstockCollective · Jan 14, 2025 · 6d13c21 · 6d13c21
1 parent 9f47946
commit 6d13c21
Showing 1 changed file with 16 additions and 9 deletions.
diff --git a/src/pages/proposals/[id].tsx b/src/pages/proposals/[id].tsx
@@ -479,15 +479,22 @@ interface CalldataRowsData {
   calldatasParsed: DecodedData[]
 }
 
-const CalldataRows = ({ calldatasParsed }: CalldataRowsData) => {
-  return (
-    <>
-      {calldatasParsed.map((callData, index) => (
-        <CalldataDisplay key={index} {...callData} />
-      ))}
-    </>
-  )
-}
+const CalldataRows = React.memo(
+  ({ calldatasParsed }: CalldataRowsData) => {
+    return (
+      <>
+        {calldatasParsed.map((callData, index) => (
+          <CalldataDisplay key={index} {...callData} />
+        ))}
+      </>
+    )
+  },
+  (prevProps, nextProps) => {
+    return prevProps.calldatasParsed === nextProps.calldatasParsed
+  },
+)
+
+CalldataRows.displayName = 'CalldataRows' // For debugging purposes
 
 const CalldataDisplay = ({
   functionName,