chore: mock component for collection toolbar

This commit is contained in:
Anoop M D 2022-03-05 22:49:46 +05:30
parent ac7d5c04a3
commit d089cee5d6
2 changed files with 10 additions and 2 deletions

View File

@ -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'>

View File

@ -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}