From 6b281bda6641ed61b7c0a537ccbb9255edb868ba Mon Sep 17 00:00:00 2001 From: Carlos Esteban Lopez Date: Fri, 19 May 2023 10:59:49 -0500 Subject: [PATCH] fix(search): Fix accidental HomePageSearchBar input classes override on spread operator Signed-off-by: Carlos Esteban Lopez --- .changeset/pink-goats-talk.md | 1 + .../src/components/HomePageComponent/HomePageSearchBar.tsx | 2 +- 2 files changed, 2 insertions(+), 1 deletion(-) diff --git a/.changeset/pink-goats-talk.md b/.changeset/pink-goats-talk.md index 622c9f4188..3b67af81f4 100644 --- a/.changeset/pink-goats-talk.md +++ b/.changeset/pink-goats-talk.md @@ -1,6 +1,7 @@ --- '@backstage/plugin-search-react': patch '@backstage/plugin-search': patch +'@backstage/plugin-techdocs': patch --- Fix SearchBar styles & update StoryBook stories for custom styles for `notchedOutline` class. diff --git a/plugins/search/src/components/HomePageComponent/HomePageSearchBar.tsx b/plugins/search/src/components/HomePageComponent/HomePageSearchBar.tsx index 4b9161aff7..b829bf8ac2 100644 --- a/plugins/search/src/components/HomePageComponent/HomePageSearchBar.tsx +++ b/plugins/search/src/components/HomePageComponent/HomePageSearchBar.tsx @@ -66,12 +66,12 @@ export const HomePageSearchBar = (props: HomePageSearchBarProps) => { onSubmit={handleSubmit} onChange={handleChange} InputProps={{ + ...props.InputProps, classes: { root: classes.searchBarRoot, notchedOutline: classes.searchBarOutline, ...props.InputProps?.classes, }, - ...props.InputProps, }} {...props} />