add custom tooltip

pull/4446/head
Joseph Izang 9 months ago
parent 7b7f4f49ec
commit dfb2429df9
  1. 81
      libs/remix-ui/workspace/src/lib/components/file-explorer-hovericons.tsx

@ -1,7 +1,6 @@
import React, { useState } from 'react'
import { CustomTooltip } from '@remix-ui/helper'
import { FormattedMessage } from 'react-intl'
import { ROOT_PATH } from '../utils/constants'
export type FileHoverIconsProps = {
isEditable?: boolean
@ -20,69 +19,69 @@ export function FileHoverIcons(props: FileHoverIconsProps) {
{
props.file.isDirectory ? (
<>
{/* <CustomTooltip
<CustomTooltip
placement="right-start"
delay={{show: 1000, hide: 0}}
tooltipText={<FormattedMessage id="filePanel.edit" />}
tooltipId={`filePanel.edit.${props.file.path}`}
tooltipClasses="text-nowrap"
> */}
<span
className="far fa-folder fa-1x remixui_icons_space remixui_icons"
onClick={async (e) => {
e.stopPropagation()
await props.handleNewFolderOp(props.file.path)
}}
></span>
{/* </CustomTooltip> */}
{/* <CustomTooltip
>
<span
className="far fa-folder fa-1x remixui_icons_space remixui_icons"
onClick={async (e) => {
e.stopPropagation()
await props.handleNewFolderOp(props.file.path)
}}
></span>
</CustomTooltip>
<CustomTooltip
placement="right-start"
delay={{show: 1000, hide: 0}}
tooltipText={<FormattedMessage id="fileExplorer.edit" />}
tooltipId={`fileExplorer.edit.${props.file.path}`}
tooltipClasses="text-nowrap"
> */}
<span
className="far fa-file fa-1x remixui_icons remixui_icons_space"
onClick={async (e) => {
e.stopPropagation()
await props.handleNewFileOp(props.file.path)
}}
></span>
{/* </CustomTooltip> */}
>
<span
className="far fa-file fa-1x remixui_icons remixui_icons_space"
onClick={async (e) => {
e.stopPropagation()
await props.handleNewFileOp(props.file.path)
}}
></span>
</CustomTooltip>
</>
) : null
}
{/* <CustomTooltip
<CustomTooltip
placement="right-start"
delay={{show: 1000, hide: 0}}
tooltipText={<FormattedMessage id="fileExplorer.edit" />}
tooltipId={`fileExplorer.edit.${props.file.path}`}
tooltipClasses="text-nowrap"
> */}
<span
className="far fa-pen fa-1x remixui_icons remixui_icons_space"
onClick={async (e) => {
e.stopPropagation()
await props.renamePathOp(props.file.path, props.file.type)
}}
></span>
{/* </CustomTooltip> */}
{/* <CustomTooltip
>
<span
className="far fa-pen fa-1x remixui_icons remixui_icons_space"
onClick={async (e) => {
e.stopPropagation()
await props.renamePathOp(props.file.path, props.file.type)
}}
></span>
</CustomTooltip>
<CustomTooltip
placement="right-start"
delay={{show: 1000, hide: 0}}
tooltipText={<FormattedMessage id="fileExplorer.edit" />}
tooltipId={`fileExplorer.edit.${props.file.path}`}
tooltipClasses="text-nowrap"
> */}
<span
className="far fa-trash fa-1x remixui_icons remixui_icons_space"
onClick={async (e) => {
e.stopPropagation()
await props.deletePathOp(props.file.path)
}}
></span>
{/* </CustomTooltip> */}
>
<span
className="far fa-trash fa-1x remixui_icons remixui_icons_space"
onClick={async (e) => {
e.stopPropagation()
await props.deletePathOp(props.file.path)
}}
></span>
</CustomTooltip>
</div>
}
</>

Loading…
Cancel
Save