From d858459516794d8c606531ee8322bb19b3655a78 Mon Sep 17 00:00:00 2001
From: Lorenzo Blasa <lblasa@meta.com>
Date: Wed, 8 Feb 2023 07:09:08 -0800
Subject: [PATCH] Search placeholder and icon

Summary: ^

Reviewed By: antonk52

Differential Revision: D43118750

fbshipit-source-id: 46c341772d05d6712ac2c0d76d94ee942609c1b3
---
 desktop/plugins/public/ui-debugger/components/Controls.tsx | 3 +++
 1 file changed, 3 insertions(+)

diff --git a/desktop/plugins/public/ui-debugger/components/Controls.tsx b/desktop/plugins/public/ui-debugger/components/Controls.tsx
index 6d9b0acc6..4d415473b 100644
--- a/desktop/plugins/public/ui-debugger/components/Controls.tsx
+++ b/desktop/plugins/public/ui-debugger/components/Controls.tsx
@@ -24,6 +24,7 @@ import {
   MoreOutlined,
   PauseCircleOutlined,
   PlayCircleOutlined,
+  SearchOutlined,
 } from '@ant-design/icons';
 import {usePlugin, useValue, Layout} from 'flipper-plugin';
 import {FrameworkEventType} from '../types';
@@ -51,6 +52,8 @@ export const Controls: React.FC = () => {
       <Input
         value={searchTerm}
         onChange={(e) => instance.uiState.searchTerm.set(e.target.value)}
+        prefix={<SearchOutlined />}
+        placeholder="Search"
       />
       <Button
         type="default"