improve data display

This commit is contained in:
yoan
2024-11-15 08:06:39 +08:00
parent 9132d47f4d
commit 8901f5d40e
8 changed files with 385 additions and 23 deletions

View File

@@ -8,7 +8,7 @@ import { Form, FormControl, FormField, FormItem, FormLabel, FormMessage } from "
import { Input } from "../ui/input";
import { Button } from "../ui/button";
import { useTranslation } from "react-i18next";
import { useState } from "react";
import { memo, useState } from "react";
type WorkflowNameEditDialogProps = {
trigger: React.ReactNode;
@@ -28,10 +28,6 @@ const WorkflowNameBaseInfoDialog = ({ trigger }: WorkflowNameEditDialogProps) =>
const form = useForm<z.infer<typeof formSchema>>({
resolver: zodResolver(formSchema),
defaultValues: {
name: workflow.name,
description: workflow.description,
},
});
const { t } = useTranslation();
@@ -72,7 +68,14 @@ const WorkflowNameBaseInfoDialog = ({ trigger }: WorkflowNameEditDialogProps) =>
<FormItem>
<FormLabel></FormLabel>
<FormControl>
<Input placeholder="请输入流程名称" {...field} />
<Input
placeholder="请输入流程名称"
{...field}
defaultValue={workflow.name}
onChange={(e) => {
form.setValue("name", e.target.value);
}}
/>
</FormControl>
<FormMessage />
@@ -87,7 +90,14 @@ const WorkflowNameBaseInfoDialog = ({ trigger }: WorkflowNameEditDialogProps) =>
<FormItem>
<FormLabel></FormLabel>
<FormControl>
<Input placeholder="请输入流程说明" {...field} />
<Input
placeholder="请输入流程说明"
{...field}
defaultValue={workflow.description}
onChange={(e) => {
form.setValue("description", e.target.value);
}}
/>
</FormControl>
<FormMessage />
@@ -107,4 +117,4 @@ const WorkflowNameBaseInfoDialog = ({ trigger }: WorkflowNameEditDialogProps) =>
);
};
export default WorkflowNameBaseInfoDialog;
export default memo(WorkflowNameBaseInfoDialog);