ui/cubes: scene add tooltip descriptions to toolbar

pkgs/clan-app/ui/src/routes/Onboarding/Creating.tsx

@@ -1,14 +1,15 @@
 import { Tooltip } from "@/src/components/Tooltip/Tooltip";
-import { Typography } from "@/src/components/Typography/Typography";
 
 import "./Creating.css";
 
 export const Creating = () => (
   <div class="creating">
-    <Tooltip open={true} placement="top" trigger={<div />}>
-      <Typography hierarchy="body" size="xs" weight="medium" inverted={true}>
-        Your Clan is being created
-      </Typography>
+    <Tooltip
+      open={true}
+      placement="top"
+      description={"Your Clan is being created"}
+    >
+      <div></div>
     </Tooltip>
 
     <div class="scene">

pkgs/clan-app/ui/src/scene/cubes.tsx

@@ -530,12 +530,14 @@ export function CubeScene(props: {
       <div class="toolbar-container">
         <Toolbar>
           <ToolbarButton
+            description="Select machine"
             name="Select"
             icon="Cursor"
             onClick={() => setWorldMode("view")}
             selected={worldMode() === "view"}
           />
           <ToolbarButton
+            description="Create new machine"
             name="new-machine"
             icon="NewMachine"
             disabled={positionMode() === "circle"}
@@ -544,6 +546,7 @@ export function CubeScene(props: {
           />
           <Divider orientation="vertical" />
           <ToolbarButton
+            description="Add new Service"
             name="modules"
             icon="Modules"
             onClick={() => {
@@ -558,7 +561,11 @@ export function CubeScene(props: {
               renderLoop.requestRender();
             }}
           />
-          <ToolbarButton name="delete" icon="Trash" />
+          {/* <ToolbarButton
+            description="Delete Machine"
+            name="delete"
+            icon="Trash"
+          /> */}
         </Toolbar>
       </div>
     </>