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

Refactor: Change component icon to Flaskconical

Browse source
This commit is contained in:
igorrCarvalho 2024-02-18 13:37:32 -03:00
commit 546eb2ae9a
3 changed files with 9 additions and 7 deletions
Download patch file Download diff file Expand all files Collapse all files

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

@ -370,8 +370,8 @@ export default function GenericNode({
<span className="flex"> <span className="flex">
Build{" "} Build{" "}
<IconComponent <IconComponent
name="Play" name="FlaskConical"
className=" h-5 fill-build-trigger stroke-build-trigger stroke-1" className=" h-5 stroke-build-trigger stroke-1"
/>{" "} />{" "}
flow to validate status. flow to validate status.
</span> </span>
@ -390,7 +390,7 @@ export default function GenericNode({
> >
<div className="generic-node-status-position flex items-center justify-center"> <div className="generic-node-status-position flex items-center justify-center">
<IconComponent <IconComponent
name="Play" name="FlaskConical"
className={classNames( className={classNames(
validationStatus && validationStatus.valid validationStatus && validationStatus.valid
? "green-status" ? "green-status"
@ -399,7 +399,7 @@ export default function GenericNode({
)} )}
/> />
<IconComponent <IconComponent
name="Play" name="FlaskConical"
className={classNames( className={classNames(
validationStatus && !validationStatus.valid validationStatus && !validationStatus.valid
? "red-status" ? "red-status"
@ -408,7 +408,7 @@ export default function GenericNode({
)} )}
/> />
<IconComponent <IconComponent
name="Play" name="FlaskConical"
className={classNames( className={classNames(
!validationStatus || isBuilding !validationStatus || isBuilding
? "yellow-status" ? "yellow-status"

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

@ -293,13 +293,13 @@
@apply opacity-100 animate-wiggle; @apply opacity-100 animate-wiggle;
} }
.green-status { .green-status {
@apply generic-node-status text-status-green fill-status-green; @apply generic-node-status text-status-green;
} }
.red-status { .red-status {
@apply generic-node-status text-status-red fill-status-red; @apply generic-node-status text-status-red fill-status-red;
} }
.yellow-status { .yellow-status {
@apply generic-node-status text-status-yellow fill-status-yellow; @apply generic-node-status text-status-yellow;
} }
.status-build-animation { .status-build-animation {
@apply opacity-0; @apply opacity-0;

2
src/frontend/src/utils/styleUtils.ts
View file

@ -110,6 +110,7 @@ import {
X, X,
XCircle, XCircle,
Zap, Zap,
FlaskConical,
} from "lucide-react"; } from "lucide-react";
import { FaApple, FaGithub } from "react-icons/fa"; import { FaApple, FaGithub } from "react-icons/fa";
import { AWSIcon } from "../icons/AWS"; import { AWSIcon } from "../icons/AWS";
@ -400,4 +401,5 @@ export const nodeIconsLucide: iconsType = {
io: Cable, io: Cable,
ScreenShare, ScreenShare,
Code, Code,
FlaskConical,
}; };