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

🐛 fix(GenericNode/index.tsx): fix incorrect class names for validation status indicators

Browse source 
The class names for the validation status indicators were incorrect, causing the wrong styles to be applied. The class names have been fixed to correctly display the validation status indicators based on the validation status and whether the node is building.
This commit is contained in:
Gabriel Luiz Freitas Almeida 2023-07-04 10:41:14 -03:00
commit 9b185fada5
1 changed files with 9 additions and 9 deletions
Download patch file Download diff file Expand all files Collapse all files

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

@ -134,25 +134,25 @@ export default function GenericNode({
<div <div
className={classNames( className={classNames(
validationStatus && validationStatus.valid validationStatus && validationStatus.valid
? "w-4 h-4 rounded-full bg-status-red opacity-100" ? "h-4 w-4 rounded-full bg-status-green opacity-100"
: "w-4 h-4 rounded-full bg-ring opacity-0 hidden animate-spin", : "hidden h-4 w-4 animate-spin rounded-full bg-ring opacity-0",
"absolute w-4 hover:text-accent-foreground hover:transition-all ease-in-out duration-200" "absolute w-4 duration-200 ease-in-out hover:text-accent-foreground hover:transition-all"
)} )}
></div> ></div>
<div <div
className={classNames( className={classNames(
validationStatus && !validationStatus.valid validationStatus && !validationStatus.valid
? "w-4 h-4 rounded-full bg-status-red opacity-100" ? "h-4 w-4 rounded-full bg-status-red opacity-100"
: "w-4 h-4 rounded-full bg-ring opacity-0 hidden animate-spin", : "hidden h-4 w-4 animate-spin rounded-full bg-ring opacity-0",
"absolute w-4 hover:text-accent-foreground hover:transition-all ease-in-out duration-200" "absolute w-4 duration-200 ease-in-out hover:text-accent-foreground hover:transition-all"
)} )}
></div> ></div>
<div <div
className={classNames( className={classNames(
!validationStatus || isBuilding !validationStatus || isBuilding
? "w-4 h-4 rounded-full bg-status-yellow opacity-100" ? "h-4 w-4 rounded-full bg-status-yellow opacity-100"
: "w-4 h-4 rounded-full bg-ring opacity-0 hidden animate-spin", : "hidden h-4 w-4 animate-spin rounded-full bg-ring opacity-0",
"absolute w-4 hover:text-accent-foreground hover:transition-all ease-in-out duration-200" "absolute w-4 duration-200 ease-in-out hover:text-accent-foreground hover:transition-all"
)} )}
></div> ></div>
</div> </div>