Memoize presentation panel border style strings

elastic · Dec 18, 2024 · db7251a · db7251a
1 parent 8b6bd86
commit db7251a
Showing 1 changed file with 2 additions and 2 deletions.
diff --git a/...esentation_panel/public/panel_component/panel_header/presentation_panel_hover_actions.tsx b/...esentation_panel/public/panel_component/panel_header/presentation_panel_hover_actions.tsx
@@ -122,8 +122,8 @@ export const PresentationPanelHoverActions = ({
 
   const { euiTheme } = useEuiTheme();
 
-  const EDIT_MODE_OUTLINE = `${euiTheme.border.width.thin} dashed ${euiTheme.colors.borderBaseFormsControl}`;
-  const VIEW_MODE_OUTLINE = euiTheme.border.thin;
+  const EDIT_MODE_OUTLINE = useMemo(()=> `${euiTheme.border.width.thin} dashed ${euiTheme.colors.borderBaseFormsControl}`,[euiTheme.border.width.thin, euiTheme.colors.borderBaseFormsControl]);
+  const VIEW_MODE_OUTLINE = useMemo(()=> `${euiTheme.border.width.thin} solid ${euiTheme.colors.borderBasePlain}`,[euiTheme.border.width.thin, euiTheme.colors.borderBasePlain]);
 
   const ALL_ROUNDED_CORNERS = `
   border-radius: ${euiTheme.border.radius.medium};