Function EditMCPForm

apps/cursor/src/components/forms/edit-mcp.tsx:53–214

({ data }: { data: MCPData })

};

export function EditMCPForm({ data }: { data: MCPData }) {
  const { execute, isExecuting } = useAction(updateMCPListingAction, {
    onSuccess: () => {
      toast.success("MCP listing updated successfully");
    },
    onError: () => {
      toast.error("Failed to update MCP listing");
    },
  });

  const form = useForm<z.infer<typeof formSchema>>({
    resolver: zodResolver(formSchema),
    defaultValues: {
      company_id: data?.company_id ?? "",
      name: data?.name ?? "",
      description: data?.description ?? "",
      link: data?.link ?? "",
      logo: data?.logo ?? "",
    },
  });

  const onSubmit = (values: z.infer<typeof formSchema>) => {
    execute({
      id: data.id,
      company_id: values.company_id,
      name: values.name,
      description: values.description,
      link: values.link,
      logo: values.logo,
      config: null,
    });
  };

  const setLogo = (logo: string) => {
    form.setValue("logo", logo);
  };

  return (
    <Form {...form}>
      <form onSubmit={form.handleSubmit(onSubmit)} className="space-y-6">
        <div className="space-y-6 pb-6">
          <UploadLogo
            prefix="mcp"
            onUpload={setLogo}
            image={form.watch("logo")}
          />

          <FormField
            control={form.control}
            name="name"
            render={({ field }) => (
              <FormItem>
                <FormLabel>Name</FormLabel>
                <FormControl>
                  <Input
                    placeholder="Resend"
                    {...field}
                    className="placeholder:text-[#878787] border-border"