From 629bbe6c5aeb4b276ecd77eb2e1b0ce585f27065 Mon Sep 17 00:00:00 2001
From: Guangming Mao <gmao@meta.com>
Date: Wed, 19 Oct 2022 10:35:39 -0700
Subject: [PATCH] Highlight text in table row details

Summary: Add prop for highlight color in DataInspector

Differential Revision: D40464529

fbshipit-source-id: 7113592c192b12504c0691d95663208181c1ad8c
---
 .../src/ui/data-inspector/DataInspector.tsx              | 9 ++++++++-
 1 file changed, 8 insertions(+), 1 deletion(-)

diff --git a/desktop/flipper-plugin/src/ui/data-inspector/DataInspector.tsx b/desktop/flipper-plugin/src/ui/data-inspector/DataInspector.tsx
index 872bfaa93..396325b33 100644
--- a/desktop/flipper-plugin/src/ui/data-inspector/DataInspector.tsx
+++ b/desktop/flipper-plugin/src/ui/data-inspector/DataInspector.tsx
@@ -67,6 +67,11 @@ export type DataInspectorProps = {
    */
   filter?: string;
 
+  /**
+   * Highlight color of the search text
+   */
+  highlightColor?: string;
+
   /**
    * these should be ant design Menu.Item's
    */
@@ -202,7 +207,9 @@ export class DataInspector extends PureComponent<
     return (
       <Layout.Container onMouseLeave={this.removeHover}>
         <RootDataContext.Provider value={this.getRootData}>
-          <HighlightProvider text={this.props.filter}>
+          <HighlightProvider
+            text={this.props.filter}
+            highlightColor={this.props.highlightColor}>
             <DataInspectorNode
               hoveredNodePath={this.state.hoveredNodePath}
               setHoveredNodePath={this.setHoveredNodePath}