Fix tool param name bug

This commit is contained in:
akhisud3195 2025-04-10 14:10:13 +05:30
parent 767584dbbc
commit 882a33aa6f

View file

@ -3,7 +3,7 @@ import { WorkflowTool } from "../../../lib/types/workflow_types";
import { Checkbox, Select, SelectItem, RadioGroup, Radio } from "@heroui/react"; import { Checkbox, Select, SelectItem, RadioGroup, Radio } from "@heroui/react";
import { z } from "zod"; import { z } from "zod";
import { ImportIcon, XIcon, PlusIcon } from "lucide-react"; import { ImportIcon, XIcon, PlusIcon } from "lucide-react";
import { useState } from "react"; import { useState, useEffect } from "react";
import { Textarea } from "@/components/ui/textarea"; import { Textarea } from "@/components/ui/textarea";
import { Panel } from "@/components/common/panel-common"; import { Panel } from "@/components/common/panel-common";
import { Button } from "@/components/ui/button"; import { Button } from "@/components/ui/button";
@ -40,6 +40,12 @@ export function ParameterConfig({
handleRename: (oldName: string, newName: string) => void, handleRename: (oldName: string, newName: string) => void,
readOnly?: boolean readOnly?: boolean
}) { }) {
const [localName, setLocalName] = useState(param.name);
useEffect(() => {
setLocalName(param.name);
}, [param.name]);
return ( return (
<div className="rounded-xl bg-white dark:bg-gray-800 border border-gray-200 dark:border-gray-700 p-4 space-y-4"> <div className="rounded-xl bg-white dark:bg-gray-800 border border-gray-200 dark:border-gray-700 p-4 space-y-4">
<div className="flex items-center justify-between"> <div className="flex items-center justify-between">
@ -65,11 +71,11 @@ export function ParameterConfig({
Name Name
</label> </label>
<Textarea <Textarea
value={param.name} value={localName}
onChange={(e) => { onChange={(e) => setLocalName(e.target.value)}
const newName = e.target.value; onBlur={() => {
if (newName && newName !== param.name) { if (localName && localName !== param.name) {
handleRename(param.name, newName); handleRename(param.name, localName);
} }
}} }}
placeholder="Enter parameter name..." placeholder="Enter parameter name..."