Added clone icon

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

@@ -12,22 +12,16 @@ const CustomToggle = React.forwardRef(({ children, onClick }: { children?: React
       onClick(e)
     }}
   >
-    {children}
+    { children }
   </a>
 ))
 
-export const cloneWorkspace = () => {
+export const CloneWorkspace = () => {
 
   return (
-    <Dropdown>
+    <Dropdown className="inline">
       <Dropdown.Toggle as={CustomToggle} id="dropdown-custom-components">
-        <span
-          id='workspacesRestore'
-          data-id='workspacesRestore'
-          onClick={() => {}}
-          className='far fa-upload remixui_menuicon'
-          title='Restore Workspaces Backup'>
-        </span>
+        <i className="fas fa-cloud-download remixui_menuicon"></i>
       </Dropdown.Toggle>
 
       <Dropdown.Menu>

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

@@ -2,6 +2,7 @@ import React, { useState, useEffect, useRef, useContext } from 'react' // eslint
 import { FileExplorer } from './components/file-explorer' // eslint-disable-line
 import './css/remix-ui-workspace.css'
 import { FileSystemContext } from './contexts'
+import { CloneWorkspace } from './components/tooltipInput'
 
 const canUpload = window.File || window.FileReader || window.FileList || window.Blob
 
@@ -214,6 +215,7 @@ export function Workspace () {
                   className='far fa-upload remixui_menuicon'
                   title='Restore Workspaces Backup'>
                 </span>
+                <CloneWorkspace />
               </span>
               <select id="workspacesSelect" value={currentWorkspace} data-id="workspacesSelect" onChange={(e) => switchWorkspace(e.target.value)} className="form-control custom-select">
                 {