mirror of
https://git.mirrors.martin98.com/https://github.com/langgenius/dify.git
synced 2025-05-20 17:48:42 +08:00
7709d9df20
Co-authored-by: NFish <douxc512@gmail.com> Co-authored-by: zxhlyh <jasonapring2015@outlook.com> Co-authored-by: twwu <twwu@dify.ai> Co-authored-by: jZonG <jzongcode@gmail.com>
46 lines
1.1 KiB
TypeScript
46 lines
1.1 KiB
TypeScript
import { memo } from 'react'
|
|
|
|
type PromptMenuItemMenuItemProps = {
|
|
icon: React.JSX.Element
|
|
title: string
|
|
disabled?: boolean
|
|
isSelected: boolean
|
|
onClick: () => void
|
|
onMouseEnter: () => void
|
|
setRefElement?: (element: HTMLDivElement) => void
|
|
}
|
|
export const PromptMenuItem = memo(({
|
|
icon,
|
|
title,
|
|
disabled,
|
|
isSelected,
|
|
onClick,
|
|
onMouseEnter,
|
|
setRefElement,
|
|
}: PromptMenuItemMenuItemProps) => {
|
|
return (
|
|
<div
|
|
className={`
|
|
flex h-6 cursor-pointer items-center rounded-md px-3 hover:bg-state-base-hover
|
|
${isSelected && !disabled && '!bg-state-base-hover'}
|
|
${disabled ? 'cursor-not-allowed opacity-30' : 'cursor-pointer hover:bg-state-base-hover'}
|
|
`}
|
|
tabIndex={-1}
|
|
ref={setRefElement}
|
|
onMouseEnter={() => {
|
|
if (disabled)
|
|
return
|
|
onMouseEnter()
|
|
}}
|
|
onClick={() => {
|
|
if (disabled)
|
|
return
|
|
onClick()
|
|
}}>
|
|
{icon}
|
|
<div className='ml-1 text-[13px] text-text-secondary'>{title}</div>
|
|
</div>
|
|
)
|
|
})
|
|
PromptMenuItem.displayName = 'PromptMenuItem'
|