feat: add response filter placeholder (#1293)

usebruno · Jan 29, 2024 · acc646a · acc646a
1 parent 969c440
commit acc646a
Showing 1 changed file with 13 additions and 0 deletions.
diff --git 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"