add custom tooltips for all menu items

libs/remix-ui/workspace/src/lib/remix-ui-workspace.tsx

@@ -315,58 +315,94 @@ export function Workspace () {
         className='far fa-edit w-100'>
       </span>
     </OverlayTrigger>,
-    <span
+    <OverlayTrigger
-      hidden={currentWorkspace === LOCALHOST || currentWorkspace === NO_WORKSPACE}
+      placement="right-start"
-      id='workspaceDelete'
+      overlay={
-      data-id='workspaceDelete'
+        <Tooltip id="createWorkspaceTooltip" className="text-nowrap">
-      onClick={(e) => {
+          <span>Delete</span>
-        e.stopPropagation()
+        </Tooltip>
-        deleteCurrentWorkspace()
+      }
-        _paq.push(['trackEvent', 'fileExplorer', 'workspaceMenu', 'workspaceDelete'])
+    >
-        hideIconsMenu(!showIconsMenu)
+      <span
-      }}
+        hidden={currentWorkspace === LOCALHOST || currentWorkspace === NO_WORKSPACE}
-      className='far fa-trash w-100'
+        id='workspaceDelete'
-      title='Delete'>
+        data-id='workspaceDelete'
-    </span>,
+        onClick={(e) => {
-    <span
+          e.stopPropagation()
-      hidden={currentWorkspace === LOCALHOST || currentWorkspace === NO_WORKSPACE}
+          deleteCurrentWorkspace()
-      id='workspacesDownload'
+          _paq.push(['trackEvent', 'fileExplorer', 'workspaceMenu', 'workspaceDelete'])
-      data-id='workspacesDownload'
+          hideIconsMenu(!showIconsMenu)
-      onClick={(e) => {
+        }}
-        e.stopPropagation()
+        className='far fa-trash w-100'
-        downloadWorkspaces()
+      >
-        _paq.push(['trackEvent', 'fileExplorer', 'workspaceMenu', 'workspacesDownload'])
+      </span>
-        hideIconsMenu(!showIconsMenu)
+    </OverlayTrigger>,
-      }}
+    <OverlayTrigger
-      className='far fa-download w-100'
+      placement="right-start"
-      title='Download Workspaces'>
+      overlay={
-    </span>,
+        <Tooltip id="createWorkspaceTooltip" className="text-nowrap">
-    <span
+          <span>Download Workspaces</span>
-      hidden={currentWorkspace === LOCALHOST}
+        </Tooltip>
-      id='workspacesRestore'
+      }
-      data-id='workspacesRestore'
+    >
-      onClick={(e) => {
+      <span
-        e.stopPropagation()
+        hidden={currentWorkspace === LOCALHOST || currentWorkspace === NO_WORKSPACE}
-        restoreBackup()
+        id='workspacesDownload'
-        _paq.push(['trackEvent', 'fileExplorer', 'workspaceMenu', 'workspacesRestore'])
+        data-id='workspacesDownload'
-        hideIconsMenu(!showIconsMenu)
+        onClick={(e) => {
-      }}
+          e.stopPropagation()
-      className='far fa-upload w-100'
+          downloadWorkspaces()
-      title='Restore Workspaces Backup'>
+          _paq.push(['trackEvent', 'fileExplorer', 'workspaceMenu', 'workspacesDownload'])
-    </span>,
+          hideIconsMenu(!showIconsMenu)
-    <span
+        }}
-      hidden={currentWorkspace === LOCALHOST}
+        className='far fa-download w-100'
-      id='cloneGitRepository'
+      >
-      data-id='cloneGitRepository'
+      </span>
-      onClick={(e) => {
+    </OverlayTrigger>,
-        e.stopPropagation()
+    <OverlayTrigger
-        cloneGitRepository()
+      placement="right-start"
-        _paq.push(['trackEvent', 'fileExplorer', 'workspaceMenu', 'cloneGitRepository'])
+      overlay={
-        hideIconsMenu(!showIconsMenu)
+        <Tooltip id="createWorkspaceTooltip" className="text-nowrap">
-      }}
+          <span>Restore Workspaces Backup</span>
-      className='far fa-clone w-100'
+        </Tooltip>
-      title='Clone Git Repository'>
+      }
-    </span>
+    >
+      <span
+        hidden={currentWorkspace === LOCALHOST}
+        id='workspacesRestore'
+        data-id='workspacesRestore'
+        onClick={(e) => {
+          e.stopPropagation()
+          restoreBackup()
+          _paq.push(['trackEvent', 'fileExplorer', 'workspaceMenu', 'workspacesRestore'])
+          hideIconsMenu(!showIconsMenu)
+        }}
+        className='far fa-upload w-100'
+      >
+      </span>
+    </OverlayTrigger>,
+    <OverlayTrigger
+      placement="right-start"
+      overlay={
+        <Tooltip id="createWorkspaceTooltip" className="text-nowrap">
+          <span>Clone Git Repository</span>
+        </Tooltip>
+      }
+    >
+      <span
+        hidden={currentWorkspace === LOCALHOST}
+        id='cloneGitRepository'
+        data-id='cloneGitRepository'
+        onClick={(e) => {
+          e.stopPropagation()
+          cloneGitRepository()
+          _paq.push(['trackEvent', 'fileExplorer', 'workspaceMenu', 'cloneGitRepository'])
+          hideIconsMenu(!showIconsMenu)
+        }}
+        className='far fa-clone w-100'
+      >
+      </span>
+    </OverlayTrigger>
   ]
 
   return (