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

🔨 refactor(GenericNode/index.tsx): replace Tooltip component with ShadTooltip component for consistency and better styling

Browse source
This commit is contained in:
cristhianzl 2024-02-26 14:26:16 -03:00
commit 02abd97ac0
1 changed files with 10 additions and 7 deletions
Download patch file Download diff file Expand all files Collapse all files

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

@ -1,7 +1,6 @@
import { useCallback, useEffect, useState } from "react"; import { useCallback, useEffect, useState } from "react";
import { NodeToolbar } from "reactflow"; import { NodeToolbar } from "reactflow";
import ShadTooltip from "../../components/ShadTooltipComponent"; import ShadTooltip from "../../components/ShadTooltipComponent";
import Tooltip from "../../components/TooltipComponent";
import IconComponent from "../../components/genericIconComponent"; import IconComponent from "../../components/genericIconComponent";
import InputComponent from "../../components/inputComponent"; import InputComponent from "../../components/inputComponent";
import { Button } from "../../components/ui/button"; import { Button } from "../../components/ui/button";
@ -475,8 +474,9 @@ export default function GenericNode({
}} }}
> >
<div> <div>
<Tooltip <ShadTooltip
title={ styleClasses="cursor-default"
content={
buildStatus === BuildStatus.BUILDING ? ( buildStatus === BuildStatus.BUILDING ? (
<span>Building...</span> <span>Building...</span>
) : !validationStatus ? ( ) : !validationStatus ? (
@ -500,6 +500,7 @@ export default function GenericNode({
</div> </div>
) )
} }
side="bottom"
> >
<div className="generic-node-status-position flex items-center justify-center"> <div className="generic-node-status-position flex items-center justify-center">
{renderIconPlayOrPauseComponents( {renderIconPlayOrPauseComponents(
@ -507,13 +508,14 @@ export default function GenericNode({
validationStatus validationStatus
)} )}
</div> </div>
</Tooltip> </ShadTooltip>
</div> </div>
</Button> </Button>
)} )}
<div className=""> <div className="">
<Tooltip <ShadTooltip
title={ styleClasses="cursor-default"
content={
data?.buildStatus === BuildStatus.BUILDING ? ( data?.buildStatus === BuildStatus.BUILDING ? (
<span>Building...</span> <span>Building...</span>
) : !validationStatus ? ( ) : !validationStatus ? (
@ -528,6 +530,7 @@ export default function GenericNode({
</div> </div>
) )
} }
side="bottom"
> >
<div> <div>
{renderIconStatusComponents( {renderIconStatusComponents(
@ -535,7 +538,7 @@ export default function GenericNode({
validationStatus validationStatus
)} )}
</div> </div>
</Tooltip> </ShadTooltip>
</div> </div>
</div> </div>
</div> </div>