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

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

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