From 4bdea56d782ea595966bf6e04b6e45120c1b6f4d Mon Sep 17 00:00:00 2001
From: proddy <paul@derbyshire.nl>
Date: Sun, 19 Oct 2025 16:23:34 +0200
Subject: [PATCH] use Memo for caching

---
 interface/src/components/ButtonRow.tsx | 16 +++++++---------
 1 file changed, 7 insertions(+), 9 deletions(-)

diff --git a/interface/src/components/ButtonRow.tsx b/interface/src/components/ButtonRow.tsx
index 01c7aafb7..f8f9a0002 100644
--- a/interface/src/components/ButtonRow.tsx
+++ b/interface/src/components/ButtonRow.tsx
@@ -1,26 +1,24 @@
-import type { FC } from 'react';
+import { memo } from 'react';
 
 import { Box } from '@mui/material';
 import type { BoxProps } from '@mui/material';
 
-const ButtonRow: FC<BoxProps> = ({ children, ...rest }) => (
+const ButtonRow = memo<BoxProps>(({ children, ...rest }) => (
   <Box
     sx={{
       '& button, & a, & .MuiCard-root': {
         mt: 2,
         mx: 0.6,
-        '&:last-child': {
-          mr: 0
-        },
-        '&:first-of-type': {
-          ml: 0
-        }
+        '&:last-child': { mr: 0 },
+        '&:first-of-type': { ml: 0 }
       }
     }}
     {...rest}
   >
     {children}
   </Box>
-);
+));
+
+ButtonRow.displayName = 'ButtonRow';
 
 export default ButtonRow;