Function AddProject

client/src/component/AddProject.jsx:6–186

({ mode })

import { toast } from 'react-toastify';

function AddProject({ mode }) {
    const [isModalOpen, setIsModalOpen] = useState(false);
    const [isLoading, setIsLoading] = useState(false);

    const context = useContext(projectContext);
    const { addProject } = context;

    // Separate state for each input
    const [title, setTitle] = useState("");
    const [description, setDescription] = useState("");
    const [gitHubLink, setGitHubLink] = useState("");
    const [youTubeLink, setYouTubeLink] = useState("");
    const [tags, setTags] = useState("");

    const refClose = useRef(null);

    // Handle form submission
    const handleSubmit = async (e) => {
        e.preventDefault(); // Prevent default form submission
        setIsLoading(true);
        try {
            if (title.trim() === "") {
                toast.error("Title is required");
                return;
            }

            // Validate GitHub Link
            if (gitHubLink && !/^https:\/\/github\.com\//.test(gitHubLink)) {
                toast.error("Please enter a valid GitHub URL.");
                return;
            }

            // Validate YouTube Link
            if (youTubeLink && !/^https:\/\/(www\.)?youtube\.com\/watch\?v=/.test(youTubeLink)) {
                toast.error("Please enter a valid YouTube URL.");
                return;
            }

            // Modify YouTube link to embed format
            const modifiedYouTubeLink = modifyYouTubeLink(youTubeLink);

            // Call addProject function from context
            await addProject(title, description, gitHubLink, modifiedYouTubeLink, tags);
            toast.success("Project Added Successfully");
            // console.log(title + " " + description + " " + gitHubLink + " " + youTubeLink)
            // Clear form
            setTitle("");
            setDescription("");
            setGitHubLink("");
            setYouTubeLink("");
            setTags("");

            // Close modal
            refClose.current.click();
        } catch (error) {
            toast.error("Failed to upload the project. Please try again.");
        } finally {
            setIsLoading(false); // End loading state