From 533054729591e7460ef33fcd974a67e2719a37ef Mon Sep 17 00:00:00 2001
From: Billiam <billiamthesecond@gmail.com>
Date: Tue, 2 Jan 2024 15:13:44 -0600
Subject: [PATCH] Add titles to header buttons

---
 packages/studio/src/workbench/EditorPane.jsx     | 6 +++---
 packages/studio/src/workbench/VisualizerPane.jsx | 4 +++-
 packages/studio/src/workbench/panes.jsx          | 1 +
 3 files changed, 7 insertions(+), 4 deletions(-)

diff --git a/packages/studio/src/workbench/EditorPane.jsx b/packages/studio/src/workbench/EditorPane.jsx
index 2dbbf86..a1898c6 100644
--- a/packages/studio/src/workbench/EditorPane.jsx
+++ b/packages/studio/src/workbench/EditorPane.jsx
@@ -174,17 +174,17 @@ export const EditorButtons = observer(() => {
     <>
       {filePickerSupported && (
         <>
-          <HeaderButton onClick={toggleAutoload}>
+          <HeaderButton onClick={toggleAutoload} title="Toggle autoreload">
             <Reload />
           </HeaderButton>
           <Spacer />
         </>
       )}
 
-      <HeaderButton onClick={() => setShare(true)}>
+      <HeaderButton onClick={() => setShare(true)} title="Share">
         <Share />
       </HeaderButton>
-      <HeaderButton onClick={download}>
+      <HeaderButton onClick={download} title="Download">
         <Download />
       </HeaderButton>
       {share && <ShareDialog onClose={() => setShare(false)} />}
diff --git a/packages/studio/src/workbench/VisualizerPane.jsx b/packages/studio/src/workbench/VisualizerPane.jsx
index 6e87202..30facb2 100644
--- a/packages/studio/src/workbench/VisualizerPane.jsx
+++ b/packages/studio/src/workbench/VisualizerPane.jsx
@@ -44,7 +44,7 @@ export const VisualizerButtons = observer(() => {
         </>
       ) : null}
 
-      <HeaderButton onClick={() => store.ui.changeDownload(true)}>
+      <HeaderButton onClick={() => store.ui.changeDownload(true)} title="Download">
         <Download />
       </HeaderButton>
       {!store.ui.currentIsSVG && (
@@ -52,6 +52,7 @@ export const VisualizerButtons = observer(() => {
           solid={!store.ui.clip.disabled}
           small
           onClick={() => store.ui.clip.toggle()}
+          title="Clipping plane"
         >
           <Clipping />
         </HeaderButton>
@@ -61,6 +62,7 @@ export const VisualizerButtons = observer(() => {
           solid={store.ui.enableParams}
           small
           onClick={() => store.ui.changeEnableParams(!store.ui.enableParams)}
+          title="Parameters"
         >
           <Configure />
         </HeaderButton>
diff --git a/packages/studio/src/workbench/panes.jsx b/packages/studio/src/workbench/panes.jsx
index e85adac..8cf7274 100644
--- a/packages/studio/src/workbench/panes.jsx
+++ b/packages/studio/src/workbench/panes.jsx
@@ -99,6 +99,7 @@ export const Pane = ({ children, buttons, aboveOthers }) => {
         <HeaderButton
           solid={fullscreen}
           onClick={() => setFullscreen(!fullscreen)}
+          title="Fullscreen"
         >
           <Fullscreen />
         </HeaderButton>