From a0887f1168b423b72a2ea7291e35cebaa3ea872c Mon Sep 17 00:00:00 2001
From: Aysha <ayshababur@yahoo.com>
Date: Tue, 6 Sep 2022 09:04:28 +0100
Subject: [PATCH 1/2] chore(PPDSE-2397): chore-ppdse-2397-added prop

---
 site/components/search/search.tsx | 14 ++++++++++----
 site/components/site-header.tsx   |  2 +-
 2 files changed, 11 insertions(+), 5 deletions(-)

diff --git a/site/components/search/search.tsx b/site/components/search/search.tsx
index b6f1acf742..a169eba0c4 100644
--- a/site/components/search/search.tsx
+++ b/site/components/search/search.tsx
@@ -18,7 +18,11 @@ const SearchIconContainer = styled(Visible)`
   ${getSpacingCssFromTheme('marginBottom', 'space010')};
 `;
 
-export const Search: React.FC = () => {
+interface SearchProps {
+  sidebarOpen?: boolean;
+}
+
+export const Search: React.FC<SearchProps> = ({sidebarOpen}) => {
   const searchButtonRef = React.useRef(null);
   const [isOpen, setIsOpen] = React.useState(false);
   const [initialQuery, setInitialQuery] = React.useState<string | undefined>(
@@ -61,9 +65,11 @@ export const Search: React.FC = () => {
           ref={searchButtonRef}
           onClick={onOpen}
         >
-          <IconFilledSearch
-            overrides={{size: 'iconSize020', stylePreset: 'inkContrast'}}
-          />
+          {sidebarOpen ? undefined : (
+            <IconFilledSearch
+              overrides={{size: 'iconSize020', stylePreset: 'inkContrast'}}
+            />
+          )}
         </IconButton>
       </SearchIconContainer>
       <Visible lg xl>
diff --git a/site/components/site-header.tsx b/site/components/site-header.tsx
index 0d23fb7736..8f013cb7c5 100644
--- a/site/components/site-header.tsx
+++ b/site/components/site-header.tsx
@@ -159,7 +159,7 @@ const SiteHeader = React.forwardRef<HeaderRef, HeaderProps>(
             >
               <NewsKitLogo />
             </Link>
-            <Search />
+            <Search sidebarOpen={sidebarOpen} />
           </GridLayout>
         </Visible>
         <Visible lg xl>

From 4f238083ceeaee776bc2dd51e8216c396d7771ce Mon Sep 17 00:00:00 2001
From: Aysha <ayshababur@yahoo.com>
Date: Tue, 6 Sep 2022 14:46:57 +0100
Subject: [PATCH 2/2] chore(PPDSE-2397): chore-ppdse-2397-wrapped icon button
 instead

---
 site/components/search/search.tsx | 24 ++++++++++++------------
 1 file changed, 12 insertions(+), 12 deletions(-)

diff --git a/site/components/search/search.tsx b/site/components/search/search.tsx
index a169eba0c4..d462c26b99 100644
--- a/site/components/search/search.tsx
+++ b/site/components/search/search.tsx
@@ -56,21 +56,21 @@ export const Search: React.FC<SearchProps> = ({sidebarOpen}) => {
   return (
     <>
       <SearchIconContainer xs sm md>
-        <IconButton
-          aria-label="Search"
-          data-testid="search-icon-button"
-          overrides={{
-            stylePreset: 'iconButtonMinimalPrimary',
-          }}
-          ref={searchButtonRef}
-          onClick={onOpen}
-        >
-          {sidebarOpen ? undefined : (
+        {sidebarOpen ? undefined : (
+          <IconButton
+            aria-label="Search"
+            data-testid="search-icon-button"
+            overrides={{
+              stylePreset: 'iconButtonMinimalPrimary',
+            }}
+            ref={searchButtonRef}
+            onClick={onOpen}
+          >
             <IconFilledSearch
               overrides={{size: 'iconSize020', stylePreset: 'inkContrast'}}
             />
-          )}
-        </IconButton>
+          </IconButton>
+        )}
       </SearchIconContainer>
       <Visible lg xl>
         <Button