From d089cee5d66ba934b13ee929740bf70775a68062 Mon Sep 17 00:00:00 2001
From: Anoop M D <anoop.md1421@gmail.com>
Date: Sat, 5 Mar 2022 22:49:46 +0530
Subject: [PATCH] chore: mock component for collection toolbar

---
 .../grafnode-components/src/components/Navbar/index.js    | 4 ++--
 packages/grafnode-run/src/pageComponents/Main/index.js    | 8 ++++++++
 2 files changed, 10 insertions(+), 2 deletions(-)

diff --git a/packages/grafnode-components/src/components/Navbar/index.js b/packages/grafnode-components/src/components/Navbar/index.js
index 635f2236c..d95f4fe42 100644
--- a/packages/grafnode-components/src/components/Navbar/index.js
+++ b/packages/grafnode-components/src/components/Navbar/index.js
@@ -21,8 +21,8 @@ const Navbar = () => {
   return (
     <StyledWrapper className="px-2 py-2 flex items-center">
       <div>
-        <span className="ml-2">My Workspace</span>
-        <FontAwesomeIcon className="ml-2" icon={faCaretDown} style={{fontSize: 13}}/>
+        <span className="ml-2">Collections</span>
+        {/* <FontAwesomeIcon className="ml-2" icon={faCaretDown} style={{fontSize: 13}}/> */}
       </div>
       <div className="collection-dropdown flex flex-grow items-center justify-end">
         <Dropdown onCreate={onMenuDropdownCreate} icon={<MenuIcon />} placement='bottom-start'>
diff --git a/packages/grafnode-run/src/pageComponents/Main/index.js b/packages/grafnode-run/src/pageComponents/Main/index.js
index dc8eabedf..274fed07a 100644
--- a/packages/grafnode-run/src/pageComponents/Main/index.js
+++ b/packages/grafnode-run/src/pageComponents/Main/index.js
@@ -31,6 +31,8 @@ import 'codemirror/addon/fold/foldgutter.css';
 import 'codemirror/addon/dialog/dialog.css';
 import 'codemirror/addon/hint/show-hint.css';
 
+import { IconStack, IconGitFork } from '@tabler/icons';
+
 const RequestTabPanel = dynamic(import('@grafnode/components').then(mod => mod.RequestTabPanel), { ssr: false });
 
 export default function Main() {
@@ -52,6 +54,12 @@ export default function Main() {
           activeRequestTabId={activeRequestTabId}
         />
         <section className='flex flex-grow flex-col'>
+          <div className="flex items-center" style={{"padding": "8px", "padding-bottom": "4px"}}>
+            <IconStack size={18} strokeWidth={1.5}/>
+            <span className="ml-2 mr-4 font-semibold">spacex</span>
+            <IconGitFork size={16} strokeWidth={1}/>
+            <span className="ml-1 text-xs">main</span>
+          </div>
           <RequestTabs
             requestTabs={requestTabs}
             actions={actions}