jyapayne/langflow
1
0
Fork 0
Code Issues Pull requests Projects Releases 1 Packages Wiki Activity Actions

Removing trash icon

Browse source
This commit is contained in:
Cristhian Zanforlin Lousa 2023-05-29 22:56:26 -03:00
commit 95eab00a5e
2 changed files with 45 additions and 48 deletions
Download patch file Download diff file Expand all files Collapse all files

91
src/frontend/src/CustomNodes/GenericNode/index.tsx
View file

@ -123,46 +123,6 @@ export default function GenericNode({
<div className="ml-2 truncate">{data.type}</div> <div className="ml-2 truncate">{data.type}</div>
</TooltipReact> </TooltipReact>
</div> </div>
<div>
<Tooltip
title={
!validationStatus ? (
"Validating..."
) : (
<div className="max-h-96 overflow-auto">
{validationStatus.params.split("\n").map((line, index) => (
<div key={index}>{line}</div>
))}
</div>
)
}
>
<div className="relative w-5 h-5 left-1">
<div
className={classNames(
validationStatus && validationStatus.valid
? "w-4 h-4 rounded-full bg-green-500 opacity-100"
: "w-4 h-4 rounded-full bg-gray-500 opacity-0 hidden"
)}
></div>
<div
className={classNames(
validationStatus && !validationStatus.valid
? "w-4 h-4 rounded-full bg-yellow-500 opacity-100"
: "w-4 h-4 rounded-full bg-gray-500 opacity-0 hidden"
)}
></div>
<div
className={classNames(
!validationStatus
? "w-4 h-4 rounded-full bg-red-500 opacity-100"
: "w-4 h-4 rounded-full bg-gray-500 opacity-0 hidden"
)}
></div>
</div>
</Tooltip>
</div>
</div> </div>
<div className="flex gap-3"> <div className="flex gap-3">
<button <button
@ -193,13 +153,50 @@ export default function GenericNode({
)} )}
></Cog6ToothIcon> ></Cog6ToothIcon>
</button> </button>
<button
onClick={() => { <div>
deleteNode(data.id); <Tooltip
}} title={
> !validationStatus ? (
<TrashIcon className="w-6 h-6 dark:text-gray-300"></TrashIcon> "Validating..."
</button> ) : (
<div className="max-h-96 overflow-auto">
{validationStatus.params.split("\n").map((line, index) => (
<div key={index}>{line}</div>
))}
</div>
)
}
>
<div className="w-5 h-5 relative top-1">
<div
className={classNames(
validationStatus && validationStatus.valid
? "w-4 h-4 rounded-full bg-green-500 opacity-100"
: "w-4 h-4 rounded-full bg-gray-500 opacity-0 hidden animate-spin",
"absolute w-4 hover:text-gray-500 hover:dark:text-gray-300 transition-all ease-in-out duration-200"
)}
></div>
<div
className={classNames(
validationStatus && !validationStatus.valid
? "w-4 h-4 rounded-full bg-yellow-500 opacity-100"
: "w-4 h-4 rounded-full bg-gray-500 opacity-0 hidden animate-spin",
"absolute w-4 hover:text-gray-500 hover:dark:text-gray-300 transition-all ease-in-out duration-200"
)}
></div>
<div
className={classNames(
!validationStatus
? "w-4 h-4 rounded-full bg-red-500 opacity-100"
: "w-4 h-4 rounded-full bg-gray-500 opacity-0 hidden animate-spin",
"absolute w-4 hover:text-gray-500 hover:dark:text-gray-300 transition-all ease-in-out duration-200"
)}
></div>
</div>
</Tooltip>
</div>
</div> </div>
</div> </div>

2
src/frontend/src/components/ReactTooltipComponent/index.tsx
View file

@ -37,7 +37,7 @@ const TooltipReact: FC<TooltipProps> = ({
id={selector} id={selector}
content={content} content={content}
className={classNames( className={classNames(
"!bg-white !text-xs !font-normal !text-gray-700 !shadow-lg !opacity-100 z-10", "!bg-white !text-xs !font-normal !text-gray-700 !shadow-md !opacity-100 z-20",
className className
)} )}
place={position} place={position}