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

Refactor: Change node ring error color

Browse source
This commit is contained in:
igorrCarvalho 2024-02-25 23:07:42 -03:00
commit 883dc9f9d4
2 changed files with 5 additions and 2 deletions
Download patch file Download diff file Expand all files Collapse all files

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

@ -19,6 +19,7 @@ import { handleKeyDown, scapedJSONStringfy } from "../../utils/reactflowUtils";
import { nodeColors, nodeIconsLucide } from "../../utils/styleUtils";
import { classNames, cn, getFieldTitle } from "../../utils/utils";
import ParameterComponent from "./components/parameterComponent";
import { useDarkStore } from "../../stores/darkStore";
export default function GenericNode({
data,
@ -185,6 +186,8 @@ export default function GenericNode({
}
};
const isDark = useDarkStore(state => state.dark);
console.log(isDark)
const renderIconPlayOrPauseComponents = (
buildStatus: BuildStatus | undefined,
validationStatus: validationStatusType | null
@ -207,7 +210,7 @@ export default function GenericNode({
return "inactive-status";
}
if (buildStatus === BuildStatus.BUILT && isInvalid) {
return "built-invalid-status";
return isDark ? "border-none ring ring-[#751C1C]" : "built-invalid-status" ;
} else if (buildStatus === BuildStatus.BUILDING) {
return "building-status";
} else {

2
src/frontend/src/style/applies.css
View file

@ -313,7 +313,7 @@
@apply border-none ring ring-muted-foreground;
}
.built-invalid-status {
@apply border-none ring ring-red-300;
@apply border-none ring ring-[#FF9090];
}
.building-status {
@apply border-none ring;