From 13d8c6c94b49a8b366e0d170c8831f36c132e9c7 Mon Sep 17 00:00:00 2001
From: Dede Hamzah <dehamzah@gmail.com>
Date: Fri, 10 Dec 2021 10:53:46 +0700
Subject: [PATCH] Export icon props in SidebarSearch component

Signed-off-by: Dede Hamzah <dehamzah@gmail.com>
---
 .../components/SidebarSearch/SidebarSearch.tsx   | 16 +++++++++++++---
 1 file changed, 13 insertions(+), 3 deletions(-)

diff --git a/plugins/search/src/components/SidebarSearch/SidebarSearch.tsx b/plugins/search/src/components/SidebarSearch/SidebarSearch.tsx
index 883829d44e..1060e7ad11 100644
--- a/plugins/search/src/components/SidebarSearch/SidebarSearch.tsx
+++ b/plugins/search/src/components/SidebarSearch/SidebarSearch.tsx
@@ -19,9 +19,13 @@ import { useNavigate } from 'react-router-dom';
 import { rootRouteRef } from '../../plugin';
 
 import { SidebarSearchField } from '@backstage/core-components';
-import { useRouteRef } from '@backstage/core-plugin-api';
+import { useRouteRef, IconComponent } from '@backstage/core-plugin-api';
 
-export const SidebarSearch = () => {
+type SidebarSearchProps = {
+  icon?: IconComponent;
+};
+
+export const SidebarSearch = (props: SidebarSearchProps) => {
   const searchRoute = useRouteRef(rootRouteRef);
   const navigate = useNavigate();
   const handleSearch = useCallback(
@@ -33,5 +37,11 @@ export const SidebarSearch = () => {
     [navigate, searchRoute],
   );
 
-  return <SidebarSearchField onSearch={handleSearch} to="/search" />;
+  return (
+    <SidebarSearchField
+      icon={props.icon}
+      onSearch={handleSearch}
+      to="/search"
+    />
+  );
 };