Function ProfileForm

apps/cursor/src/components/forms/profile.tsx:75–275

({ data }: { data: ProfileData })

};

export function ProfileForm({ data }: { data: ProfileData }) {
  const { execute, isExecuting } = useAction(editProfileAction);

  const form = useForm<z.infer<typeof formSchema>>({
    resolver: zodResolver(formSchema),
    defaultValues: {
      name: data?.name,
      status: data?.status ?? "",
      bio: data?.bio ?? "",
      work: data?.work ?? "",
      website: data?.website ?? "",
      social_x_link: data?.social_x_link ?? "",
      is_public: data?.is_public ?? true,
      slug: data?.slug,
    },
  });

  const onSubmit = (data: z.infer<typeof formSchema>) => {
    execute({
      name: data.name,
      status: data.status || null,
      bio: data.bio || null,
      work: data.work || null,
      website: data.website || null,
      social_x_link: data.social_x_link || null,
      is_public: data.is_public ?? true,
      slug: data.slug,
    });
  };

  return (
    <Form {...form}>
      <form onSubmit={form.handleSubmit(onSubmit)} className="space-y-6">
        <ScrollArea className="h-[450px] pr-4">
          <div className="space-y-6">
            <FormField
              control={form.control}
              name="name"
              render={({ field }) => (
                <FormItem>
                  <FormLabel>Name</FormLabel>
                  <FormControl>
                    <Input
                      placeholder="Your name"
                      {...field}
                      className="placeholder:text-[#878787] border-border"
                    />
                  </FormControl>
                  <FormMessage />
                </FormItem>
              )}
            />

            <FormField
              control={form.control}
              name="slug"
              render={({ field }) => (
                <FormItem>