Function Footer

client/src/component/Footer.jsx:9–247

(props)

import VisitorCounter from './Footers/VisitorCount';

const Footer = (props) => {
    const VITE_SERVER_PORT = import.meta.env.VITE_SERVER_PORT || "https://bitbox-uxbo.onrender.com";
    
    const [email, setEmail] = useState("");
    const [name, setName] = useState("");
    const [message, setMessage] = useState("");
    const [isError, setIsError] = useState(false); // Flag to handle message color
    const [stars, setStars] = useState(0);

    const handleSubscribe = async (e) => {
        e.preventDefault();
        setMessage(""); // Reset message

        if (!email || !name) {
            setIsError(true);
            setMessage("Please enter valid details.");
            clearMessageAndResetEmail();
            return;
        }

        try {
            const response = await fetch(`${VITE_SERVER_PORT}/api/profile/subscribe`, {
                method: "POST",
                headers: {
                    "Content-Type": "application/json",
                },
                body: JSON.stringify({ name, email }),
            });

            const data = await response.json();

            if (response.ok) {
                setIsError(false);
                setEmail('');
                setName('')
                setMessage("Thank you for subscribing!");
            } else {
                setIsError(true);
                setMessage(data.message || "Subscription failed, please try again.");
            }

            clearMessageAndResetEmail();
        } catch (error) {
            console.error("Error subscribing:", error);
            setIsError(true);
            setMessage("An error occurred, please try again later.");
            clearMessageAndResetEmail();
        }
    };

    const clearMessageAndResetEmail = () => {
        setTimeout(() => {
            setMessage("");
            setEmail("");
            setName("")
        }, 7000);
    };
    useEffect(() => {