Function Footer

website/src/components/Footer.tsx:17–323

()

const supabase = supabaseUrl && supabaseAnonKey ? getSupabaseClient() : null;

const Footer = () => {
  const [email, setEmail] = useState("");
  const [isLoading, setIsLoading] = useState(false);
  const [version, setVersion] = useState("");

  useEffect(() => {
    async function fetchVersion() {
      try {
        const res = await fetch(
          "https://raw.githubusercontent.com/CodeGraphContext/CodeGraphContext/main/README.md",
        );
        if (!res.ok) throw new Error("Failed to fetch README");
        const text = await res.text();
        const match = text.match(
          /\*\*Version:\*\*\s*([0-9]+\.[0-9]+\.[0-9]+)/i,
        );
        setVersion(match ? match[1] : "N/A");
      } catch (err) {
        console.error(err);
        setVersion("N/A");
      }
    }
    fetchVersion();
  }, []);

  const handleNewsletterSubmit = async (e: React.FormEvent) => {
    e.preventDefault();
    if (!email) {
      toast.error("Please enter your email address");
      return;
    }
    if (!/\S+@\S+\.\S+/.test(email)) {
      toast.error("Please enter a valid email address");
      return;
    }
    if (!supabase) {
      toast.error(
        "Newsletter subscription is currently unavailable. Please try again later.",
      );
      return;
    }
    setIsLoading(true);
    try {
      const { data, error } = await supabase
        .from("subscribers")
        .insert([{ email }]);
      if (error) {
        if (error.code === "23505") {
          toast("You are already subscribed!");
        } else {
          toast.error(error.message);
        }
      } else {
        toast.success("Thank you for subscribing to our newsletter!");
        setEmail("");
      }
    } catch (err) {
      console.error(err);