Not Just a Newsletter Tool.
Welcome to TheNews.

                            // Import the necessary libraries

                            const handleSubmit = async (e: React.FormEvent<HTMLFormElement>) => {
                              e.preventDefault();
                              setLoading(true);
                              setMessage('');

                              try {
                                const payload = {
                                  email: value,
                                  source: `${process.env.NEXT_PUBLIC_SOURCE}/category?${selectedCategoryName}`,
                                  status: "Subscribed",
                                  categoryId: selectedCategory,
                                  metadata: {
                                    campaign: selectedCampaignName || "thenews website landing page",
                                    pageUrl: `${process.env.NEXT_PUBLIC_SOURCE}/${selectedCategoryName}`,
                                    formId: "TheNews landing page",
                                  },
                                };

                                const res = await axios.post(
                                  "http://thenews.africa/api/subscribe",
                                  payload,
                                  {
                                    headers: {
                                      "TheNews-api-key": process.env.NEXT_PUBLIC_TheNews_API_KEY!,
                                    },
                                  }
                                );

                                if (res.status === 200) {
                                  setMessage("✅ Successfully subscribed!");
                                  toast.success("Successfully subscribed!");
                                  setValue(''); // Reset email input
                                } else {
                                  toast.error("⚠️ Something went wrong. Please try again.");
                                }
                              } catch (err: any) {
                                const customMessage =
                                  err.response?.data?.error || "❌ Failed to subscribe. Please try again later.";
                                setMessage(customMessage);
                                toast.error(customMessage);
                                console.error("Subscription error:", err);
                              } finally {
                                setLoading(false);
                              }
                            };