From acc646a05d90a7aaae19768f9876961736e8f5b6 Mon Sep 17 00:00:00 2001
From: Tuyen Pham <68000455+tuyen-at-work@users.noreply.github.com>
Date: Mon, 29 Jan 2024 21:55:36 +0700
Subject: [PATCH] feat: add response filter placeholder (#1293)

---
 .../QueryResult/QueryResultFilter/index.js          | 13 +++++++++++++
 1 file changed, 13 insertions(+)

diff --git a/packages/bruno-app/src/components/ResponsePane/QueryResult/QueryResultFilter/index.js b/packages/bruno-app/src/components/ResponsePane/QueryResult/QueryResultFilter/index.js
index 250610865..2c6f06081 100644
--- a/packages/bruno-app/src/components/ResponsePane/QueryResult/QueryResultFilter/index.js
+++ b/packages/bruno-app/src/components/ResponsePane/QueryResult/QueryResultFilter/index.js
@@ -14,6 +14,18 @@ const QueryResultFilter = ({ onChange, mode }) => {
 
     return null;
   }, [mode]);
+  
+  const placeholderText = useMemo(() => {
+    if (mode.includes('json')) {
+      return '$.store.books..author';
+    }
+
+    if (mode.includes('xml')) {
+      return '/store/books//author';
+    }
+
+    return null;
+  }, [mode]);
 
   return (
     <div className={'response-filter relative'}>
@@ -29,6 +41,7 @@ const QueryResultFilter = ({ onChange, mode }) => {
         type="text"
         name="response-filter"
         id="response-filter"
+        placeholder={placeholderText}
         autoComplete="off"
         autoCorrect="off"
         autoCapitalize="off"