From 5f5ec891fa3dbb1ef4c4320d0db4853c82205c09 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Tadeusz=20Miesi=C4=85c?= <tadeusz.miesiac@gmail.com>
Date: Mon, 25 Sep 2023 16:07:19 +0200
Subject: [PATCH] feat(added button placeholders for top-component): added
button placeholders for top bar component
---
src/components/FunctionalArea/TopBar/TopBar.component.tsx | 7 +++++++
1 file changed, 7 insertions(+)
diff --git a/src/components/FunctionalArea/TopBar/TopBar.component.tsx b/src/components/FunctionalArea/TopBar/TopBar.component.tsx
index a6929281..a312d04f 100644
--- a/src/components/FunctionalArea/TopBar/TopBar.component.tsx
+++ b/src/components/FunctionalArea/TopBar/TopBar.component.tsx
@@ -1,11 +1,18 @@
import { SearchBar } from '@/components/FunctionalArea/TopBar/SearchBar';
import { UserAvatar } from '@/components/FunctionalArea/TopBar/UserAvatar';
+import { Button } from '@/shared/Button';
export const TopBar = (): JSX.Element => (
<div className="w-100 bg-white h-16 flex flex-row items-center py-4 pl-7 pr-6 justify-between">
<div className="flex flex-row items-center">
<UserAvatar />
<SearchBar />
+ <Button icon="plus" isIcon isFrontIcon className="ml-8 mr-4">
+ Submaps
+ </Button>
+ <Button icon="plus" isIcon isFrontIcon>
+ Overlays
+ </Button>
</div>
<div className="bg-primary-100 px-4 py-1 leading-6 text-xs text-primary-500">
Parkinson disease map
--
GitLab