Skip to content

Commit

Permalink
Lint
Browse files Browse the repository at this point in the history
  • Loading branch information
javizqh committed Oct 3, 2024
1 parent 06fa59f commit ab15029
Showing 1 changed file with 29 additions and 9 deletions.
38 changes: 29 additions & 9 deletions frontend/src/components/tree_editor/modals/EditActionModal.tsx
Original file line number Diff line number Diff line change
@@ -1,6 +1,12 @@
import React, { useState, useEffect, useRef } from "react";

import { Saturation, Hue, useColor, ColorService, IColor } from "react-color-palette";
import {
Saturation,
Hue,
useColor,
ColorService,
IColor,
} from "react-color-palette";
import "react-color-palette/css";

import "./EditActionModal.css";
Expand Down Expand Up @@ -53,7 +59,7 @@ const EditActionModal = ({
const [allowCreation, setAllowCreation] = React.useState(false);
const [formState, setFormState] = useState(initialEditActionModalData);

const handleInputChange = (event:any) => {
const handleInputChange = (event: any) => {
const { name, value } = event.target;
setFormState((prevFormData) => ({
...prevFormData,
Expand All @@ -71,21 +77,25 @@ const EditActionModal = ({
setFormState(initialEditActionModalData);
document.getElementById("node-editor-modal")!.focus();
if (currentActionNode) {
var rgb: IColor["rgb"] = ColorService.toRgb(currentActionNode.getColor())
var rgb: IColor["rgb"] = ColorService.toRgb(currentActionNode.getColor());

const newColor: IColor = {
hex: ColorService.rgb2hex(rgb),
rgb: rgb,
hsv: ColorService.rgb2hsv(rgb),
}
};

setColor(newColor);
}
}, [isOpen]);

useEffect(() => {
if (currentActionNode) {
var rgb: [number, number, number] = [color.rgb["r"], color.rgb["g"], color.rgb["b"]];
var rgb: [number, number, number] = [
color.rgb["r"],
color.rgb["g"],
color.rgb["b"],
];
changeColorNode(
rgb,
currentActionNode,
Expand Down Expand Up @@ -135,16 +145,26 @@ const EditActionModal = ({
var inputPorts = Object.entries(currentActionNode.getPorts()).filter(
(item) => item[1] instanceof InputPortModel,
);
var merged = [].concat.apply(inputPorts.map(x => x[0]), []);
return name !== "" && !name.includes(" ") && !merged.includes(name as never);
var merged = [].concat.apply(
inputPorts.map((x) => x[0]),
[],
);
return (
name !== "" && !name.includes(" ") && !merged.includes(name as never)
);
};

const isOutputNameValid = (name: string) => {
var outputPorts = Object.entries(currentActionNode.getPorts()).filter(
(item) => item[1] instanceof OutputPortModel,
);
var merged = [].concat.apply(outputPorts.map(x => x[0]), []);
return name !== "" && !name.includes(" ") && !merged.includes(name as never);
var merged = [].concat.apply(
outputPorts.map((x) => x[0]),
[],
);
return (
name !== "" && !name.includes(" ") && !merged.includes(name as never)
);
};

const addInput = () => {
Expand Down

0 comments on commit ab15029

Please sign in to comment.