From 2bd43011ba44ff44d136fd0ac1cfb7fc556a04b4 Mon Sep 17 00:00:00 2001
From: Antti Sonkeri <antti.sonkeri@gmail.com>
Date: Sun, 28 Jul 2024 14:48:41 +0300
Subject: [PATCH] Add tag selection also to GraphQL requests pane

---
 .../src/components/RequestPane/GraphQLRequestPane/index.js | 7 +++++++
 .../bruno-app/src/components/RequestPane/Tags/index.js     | 6 +++++-
 2 files changed, 12 insertions(+), 1 deletion(-)

diff --git a/packages/bruno-app/src/components/RequestPane/GraphQLRequestPane/index.js b/packages/bruno-app/src/components/RequestPane/GraphQLRequestPane/index.js
index 34558d928..dc42c883f 100644
--- a/packages/bruno-app/src/components/RequestPane/GraphQLRequestPane/index.js
+++ b/packages/bruno-app/src/components/RequestPane/GraphQLRequestPane/index.js
@@ -19,6 +19,7 @@ import StyledWrapper from './StyledWrapper';
 import Documentation from 'components/Documentation/index';
 import GraphQLSchemaActions from '../GraphQLSchemaActions/index';
 import HeightBoundContainer from 'ui/HeightBoundContainer';
+import Tags from 'components/RequestPane/Tags/index';
 
 const GraphQLRequestPane = ({ item, collection, onSchemaLoad, toggleDocs, handleGqlClickReference }) => {
   const dispatch = useDispatch();
@@ -101,6 +102,9 @@ const GraphQLRequestPane = ({ item, collection, onSchemaLoad, toggleDocs, handle
       case 'docs': {
         return <Documentation item={item} collection={collection} />;
       }
+      case 'tags': {
+        return <Tags item={item} collection={collection} />;
+      }
       default: {
         return <div className="mt-4">404 | Not found</div>;
       }
@@ -152,6 +156,9 @@ const GraphQLRequestPane = ({ item, collection, onSchemaLoad, toggleDocs, handle
         <div className={getTabClassname('docs')} role="tab" onClick={() => selectTab('docs')}>
           Docs
         </div>
+        <div className={getTabClassname('tags')} role="tab" onClick={() => selectTab('tags')}>
+          Tags
+        </div>
         <GraphQLSchemaActions item={item} collection={collection} onSchemaLoad={setSchema} toggleDocs={toggleDocs} />
       </div>
       <section className="flex w-full mt-5 flex-1 relative">
diff --git a/packages/bruno-app/src/components/RequestPane/Tags/index.js b/packages/bruno-app/src/components/RequestPane/Tags/index.js
index ab6763aae..5f035fa88 100644
--- a/packages/bruno-app/src/components/RequestPane/Tags/index.js
+++ b/packages/bruno-app/src/components/RequestPane/Tags/index.js
@@ -33,7 +33,11 @@ const Tags = ({ item, collection }) => {
     return null;
   }
 
-  return <TagList tags={tags} onTagRemove={handleRemove} onTagAdd={handleAdd} />;
+  return (
+    <div>
+      <TagList tags={tags} onTagRemove={handleRemove} onTagAdd={handleAdd} />
+    </div>
+  );
 };
 
 export default Tags;