From b5b84efb529f72b5c9727b2d9e8dc2a61e5283a2 Mon Sep 17 00:00:00 2001
From: wil <wil@storyteller.ai>
Date: Thu, 5 Sep 2024 22:28:52 -0400
Subject: [PATCH] more clear instructions

---
 src/pages/sandbox/ContextualToolbarForm.tsx | 6 +++++-
 1 file changed, 5 insertions(+), 1 deletion(-)

diff --git a/src/pages/sandbox/ContextualToolbarForm.tsx b/src/pages/sandbox/ContextualToolbarForm.tsx
index e14a2fa0b3..ea88349ef9 100644
--- a/src/pages/sandbox/ContextualToolbarForm.tsx
+++ b/src/pages/sandbox/ContextualToolbarForm.tsx
@@ -23,6 +23,10 @@ export const ContextualToolbarForm = () => {
   return (
     <div className="flex flex-col gap-2">
       <label className="font-bold">Image Toolbar Props</label>
+      <p className="-mt-2 pb-1">
+        toolbar setup is assumed, in real implementation you may want to start
+        with the setup function instead
+      </p>
       <div className="flex items-center gap-2">
         <label>X:</label>
         <Input
@@ -102,7 +106,7 @@ export const ContextualToolbarForm = () => {
             disabled={buttonCallbacks[button.name] !== undefined}
             onClick={() =>
               imageToolbar.changeButtonCallback(button.name, () => {
-                console.log("clicked");
+                console.log(`${button.name} clicked`);
               })
             }
           >