Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

[Emotion] Create hook utility for memoizing component styles per-theme #7529

Merged
merged 9 commits into from
Feb 15, 2024
Merged

[Emotion] Create hook utility for memoizing component styles per-theme #7529

Changes from 1 commit
Commits
Show all changes
9 commits
Select commit Hold shift + click to select a range
c48d9d7
Set up memoized styles context
cee-chen Feb 13, 2024
001f7f1
Test basic usage
cee-chen Feb 13, 2024
3c4fdee
Convert more complex `EuiCode`
cee-chen Feb 13, 2024
2c95aec
Add a basic catch and warning for anonymous/non-static functions crea…
cee-chen Feb 14, 2024
6051740
changelog
cee-chen Feb 14, 2024
cd77f3a
[REVERT ME] console.log to show number of code style calls
cee-chen Feb 14, 2024
875dd01
[PR feedback] Switch from Map to WeakMap
cee-chen Feb 15, 2024
a039649
[misc naming] fix provider name to match context
cee-chen Feb 15, 2024
7864234
Revert "[REVERT ME] console.log to show number of code style calls"
cee-chen Feb 15, 2024
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
Prev Previous commit
Next Next commit
[REVERT ME] console.log to show number of code style calls
  • Loading branch information
@cee-chen
cee-chen committed Feb 14, 2024
commit cd77f3ad8af9be17660b1a2509f0dd8b3d6c0740
2 changes: 2 additions & 0 deletions src/components/code/code_syntax.styles.ts
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -16,6 +16,8 @@ const visColors = euiPaletteColorBlind();

// These variables are computationally expensive - do not call them outside `useEuiMemoizedStyles`
export const euiCodeSyntaxVariables = ({ euiTheme }: UseEuiTheme) => {
console.log('euiCodeSyntaxVariables() fired'); // REVERT ME

const backgroundColor = euiTheme.colors.lightestShade;

return {
Expand Down
Loading