From e6990925ccd5e10d3d81197ffec5435c9483cb88 Mon Sep 17 00:00:00 2001
From: Joseph Izang <josephizang@gmail.com>
Date: Tue, 4 Oct 2022 11:13:26 +0100
Subject: [PATCH] add custom tooltip to create workspace icon

---
 .../workspace/src/lib/remix-ui-workspace.tsx        | 13 +++++++++++--
 1 file changed, 11 insertions(+), 2 deletions(-)

diff --git a/libs/remix-ui/workspace/src/lib/remix-ui-workspace.tsx b/libs/remix-ui/workspace/src/lib/remix-ui-workspace.tsx
index 42ffdb2533..d0826bd82b 100644
--- a/libs/remix-ui/workspace/src/lib/remix-ui-workspace.tsx
+++ b/libs/remix-ui/workspace/src/lib/remix-ui-workspace.tsx
@@ -382,7 +382,15 @@ export function Workspace () {
                   </label>
                 </span>
                 <span className="remixui_menu d-flex justify-content-between align-items-end w-75">
-                  <span
+                  <OverlayTrigger
+                    placement="top-start"
+                    overlay={
+                      <Tooltip id="createWorkspaceTooltip" className="text-nowrap">
+                        <span>Create</span>
+                      </Tooltip>
+                    }
+                  >
+                    <span
                     hidden={currentWorkspace === LOCALHOST}
                     id='workspaceCreate'
                     data-id='workspaceCreate'
@@ -392,8 +400,9 @@ export function Workspace () {
                       _paq.push(['trackEvent', 'fileExplorer', 'workspaceMenu', 'workspaceCreate'])
                     }}
                     className='far fa-plus-square remixui_menuicon'
-                    title='Create'>
+                    >
                   </span>
+                  </OverlayTrigger>
                   <Dropdown onToggle={() => hideIconsMenu(!showIconsMenu)} show={showIconsMenu}>
                     <Dropdown.Toggle
                       as={CustomIconsToggle}