From 556eaf39be9384c90af440ad7d29291153110055 Mon Sep 17 00:00:00 2001
From: Ben Silverman <ben@performantsoftware.com>
Date: Wed, 18 Aug 2021 13:39:09 -0400
Subject: [PATCH] feat: Add tooltips to TOC icons

---
 client/src/TableOfContents.js | 18 ++++++++++++++++--
 1 file changed, 16 insertions(+), 2 deletions(-)

diff --git a/client/src/TableOfContents.js b/client/src/TableOfContents.js
index de8124fd..95f709ff 100644
--- a/client/src/TableOfContents.js
+++ b/client/src/TableOfContents.js
@@ -39,9 +39,23 @@ class TableOfContents extends Component {
                     icon={<CreateNewFolder />}
                     onClick={() => {this.props.createFolder(projectId, 'Project');}}
                   />
-                    <IconButton onClick={this.props.checkInAllClick} style={{ width: '44px', height: '44px', marginLeft: '6px' }} iconStyle={{ width: '20px', height: '20px' }}><MoveToInbox /></IconButton>
+                    <IconButton
+                      onClick={this.props.checkInAllClick}
+                      style={{ width: '44px', height: '44px', marginLeft: '6px' }}
+                      iconStyle={{ width: '20px', height: '20px' }}
+                      tooltip="Check In All Documents"
+                    >
+                      <MoveToInbox />
+                    </IconButton>
                   { adminEnabled && 
-                    <IconButton onClick={this.props.settingsClick} style={{ width: '44px', height: '44px', marginLeft: '6px' }} iconStyle={{ width: '20px', height: '20px' }}><Settings /></IconButton>
+                    <IconButton 
+                      onClick={this.props.settingsClick}
+                      style={{ width: '44px', height: '44px', marginLeft: '6px' }}
+                      iconStyle={{ width: '20px', height: '20px' }}
+                      tooltip="Project Settings"
+                    >
+                      <Settings />
+                    </IconButton>
                   }
                 </ToolbarGroup>
               </Toolbar>