|
|
|
@ -1,6 +1,8 @@ |
|
|
|
|
// The forwardRef is important!!
|
|
|
|
|
|
|
|
|
|
import React, { Ref } from "react" |
|
|
|
|
import { CustomTooltip } from '@remix-ui/helper' |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
// Dropdown needs access to the DOM node in order to position the Menu
|
|
|
|
|
export const CustomToggle = React.forwardRef(({ children, onClick, icon, className = '' }: { children: React.ReactNode, onClick: (e) => void, icon: string, className: string }, ref: Ref<HTMLButtonElement>) => ( |
|
|
|
@ -30,7 +32,15 @@ export const CustomIconsToggle = React.forwardRef(({ onClick, icon, className = |
|
|
|
|
className={`${className.replace('dropdown-toggle', '')} mr-1 mb-0 pb-0 d-flex justify-content-end align-items-end remixuimenuicon_shadow remixuimenuicon_hamburger_menu fs-3`} |
|
|
|
|
data-id="workspaceMenuDropdown" |
|
|
|
|
> |
|
|
|
|
{ icon && <i style={{ fontSize: 'large' }} className={`${icon}`} data-id="workspaceDropdownMenuIcon"></i> } |
|
|
|
|
{ icon && <CustomTooltip |
|
|
|
|
placement={"top"} |
|
|
|
|
tooltipClasses="text-nowrap text-left" |
|
|
|
|
tooltipId="remixHamburgerTooltip" |
|
|
|
|
tooltipText='Workspaces actions' |
|
|
|
|
> |
|
|
|
|
<i style={{ fontSize: 'large' }} className={`${icon}`} data-id="workspaceDropdownMenuIcon"></i> |
|
|
|
|
</CustomTooltip>
|
|
|
|
|
} |
|
|
|
|
</span> |
|
|
|
|
)) |
|
|
|
|
|
|
|
|
|