From b96f8cb5f77a50c8bc8e2c327c4dafc4bd7d0a59 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Benjamin=20B=C3=A4dorf?= <hello@benjaminbaedorf.eu>
Date: Sun, 7 Mar 2021 22:30:22 +0100
Subject: [PATCH] start adding global toolbar

---
 packages/core/lib/components/BlockPicker.tsx  |  2 +-
 .../core/lib/components/BlockToolbar.scss     |  0
 packages/core/lib/components/BlockToolbar.tsx | 28 +++++++++++++++++++
 .../core/lib/components/Schlechtenburg.tsx    |  6 +++-
 4 files changed, 34 insertions(+), 2 deletions(-)
 create mode 100644 packages/core/lib/components/BlockToolbar.scss
 create mode 100644 packages/core/lib/components/BlockToolbar.tsx

diff --git a/packages/core/lib/components/BlockPicker.tsx b/packages/core/lib/components/BlockPicker.tsx
index 9a7225d..2990b1c 100644
--- a/packages/core/lib/components/BlockPicker.tsx
+++ b/packages/core/lib/components/BlockPicker.tsx
@@ -42,7 +42,7 @@ export const SbBlockPicker = defineComponent({
             open.value = true;
             $event.stopPropagation();
           }}
-        >Add a block</SbButton>
+        >+</SbButton>
         <SbModal
           open={open.value}
           onClick={($event: MouseEvent) => $event.stopPropagation()}
diff --git a/packages/core/lib/components/BlockToolbar.scss b/packages/core/lib/components/BlockToolbar.scss
new file mode 100644
index 0000000..e69de29
diff --git a/packages/core/lib/components/BlockToolbar.tsx b/packages/core/lib/components/BlockToolbar.tsx
new file mode 100644
index 0000000..62e4875
--- /dev/null
+++ b/packages/core/lib/components/BlockToolbar.tsx
@@ -0,0 +1,28 @@
+import {
+  defineComponent,
+  PropType,
+} from 'vue';
+import { Block } from '../blocks';
+
+import './BlockToolbar.scss';
+
+interface BlockToolbarProps {
+  block: Block;
+}
+
+export const SbBlockToolbar = defineComponent({
+  name: 'sb-block-toolbar',
+
+  props: {
+    block: {
+      type: (null as unknown) as PropType<Block>,
+      required: true,
+    },
+  },
+
+  setup(props: BlockToolbarProps, context) {
+    return () => (
+      <div class="sb-block-toolbar"></div>
+    );
+  },
+});
diff --git a/packages/core/lib/components/Schlechtenburg.tsx b/packages/core/lib/components/Schlechtenburg.tsx
index a604822..fb96d46 100644
--- a/packages/core/lib/components/Schlechtenburg.tsx
+++ b/packages/core/lib/components/Schlechtenburg.tsx
@@ -20,6 +20,7 @@ import { EditorDimensions, useResizeObserver } from '../use-resize-observer';
 import { ActiveBlock } from '../use-activation';
 
 import { SbMainMenu } from './MainMenu';
+import { SbBlockToolbar } from './BlockToolbar';
 import { SbBlock } from './Block';
 
 import './Schlechtenburg.scss';
@@ -80,7 +81,10 @@ export const Schlechtenburg = defineComponent({
       >
         {
           mode.value === SbMode.Edit
-          ? <SbMainMenu block={props.block} />
+          ? <>
+            <SbMainMenu block={props.block} />
+            <SbBlockToolbar block={props.block} />
+          </>
           : null
         }
         <SbBlock