From 85403e47e42d544c404e9e782e9ac1882eff5967 Mon Sep 17 00:00:00 2001
From: Dan Shaw <github@dshaw.com>
Date: Wed, 3 Jul 2024 23:22:41 -0700
Subject: [PATCH] Add message "click plane to sketch on" to toolbar after
 clicking start sketch (#2591)

* Add message to toolbar

"click plane to sketch on"

* Add margin and make the message text smaller

Plus, wrapped it in a div. The spacing and alignment is slightly nicer with the div compared to adding the classes to the List Item element.

---------

Co-authored-by: Frank Noirot <frank@zoo.dev>
---
 src/Toolbar.tsx | 5 +++++
 1 file changed, 5 insertions(+)

diff --git a/src/Toolbar.tsx b/src/Toolbar.tsx
index 37694c427..efa144889 100644
--- a/src/Toolbar.tsx
+++ b/src/Toolbar.tsx
@@ -224,6 +224,11 @@ export function Toolbar({
             </ActionButton>
           </li>
         )}
+        {state.matches('Sketch no face') && (
+          <li className="contents">
+            <div className="mx-2 text-sm">click plane to sketch on</div>
+          </li>
+        )}
         {state.matches('Sketch') && !state.matches('idle') && (
           <>
             <li className="contents" key="line-button">