🔨 refactor(GenericNode/index.tsx): replace Tooltip component with ShadTooltip component for consistency and better styling
This commit is contained in:
parent
652780a6ee
commit
02abd97ac0
1 changed files with 10 additions and 7 deletions
|
|
@ -1,7 +1,6 @@
|
|||
import { useCallback, useEffect, useState } from "react";
|
||||
import { NodeToolbar } from "reactflow";
|
||||
import ShadTooltip from "../../components/ShadTooltipComponent";
|
||||
import Tooltip from "../../components/TooltipComponent";
|
||||
import IconComponent from "../../components/genericIconComponent";
|
||||
import InputComponent from "../../components/inputComponent";
|
||||
import { Button } from "../../components/ui/button";
|
||||
|
|
@ -475,8 +474,9 @@ export default function GenericNode({
|
|||
}}
|
||||
>
|
||||
<div>
|
||||
<Tooltip
|
||||
title={
|
||||
<ShadTooltip
|
||||
styleClasses="cursor-default"
|
||||
content={
|
||||
buildStatus === BuildStatus.BUILDING ? (
|
||||
<span>Building...</span>
|
||||
) : !validationStatus ? (
|
||||
|
|
@ -500,6 +500,7 @@ export default function GenericNode({
|
|||
</div>
|
||||
)
|
||||
}
|
||||
side="bottom"
|
||||
>
|
||||
<div className="generic-node-status-position flex items-center justify-center">
|
||||
{renderIconPlayOrPauseComponents(
|
||||
|
|
@ -507,13 +508,14 @@ export default function GenericNode({
|
|||
validationStatus
|
||||
)}
|
||||
</div>
|
||||
</Tooltip>
|
||||
</ShadTooltip>
|
||||
</div>
|
||||
</Button>
|
||||
)}
|
||||
<div className="">
|
||||
<Tooltip
|
||||
title={
|
||||
<ShadTooltip
|
||||
styleClasses="cursor-default"
|
||||
content={
|
||||
data?.buildStatus === BuildStatus.BUILDING ? (
|
||||
<span>Building...</span>
|
||||
) : !validationStatus ? (
|
||||
|
|
@ -528,6 +530,7 @@ export default function GenericNode({
|
|||
</div>
|
||||
)
|
||||
}
|
||||
side="bottom"
|
||||
>
|
||||
<div>
|
||||
{renderIconStatusComponents(
|
||||
|
|
@ -535,7 +538,7 @@ export default function GenericNode({
|
|||
validationStatus
|
||||
)}
|
||||
</div>
|
||||
</Tooltip>
|
||||
</ShadTooltip>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue