import { useState } from "react";
import { db, auth } from "../lib/fire";
import { collection, setDoc, doc, getDoc } from "firebase/firestore";

const doC = doc;

function New() {
    const [name, setName] = useState("");

    const handleSubmit = async (e) => {
        e.preventDefault();
        const user = auth.currentUser;

        if (user) {
            let newProject = {
                name,
                views: 0,
                crashes: 0,
                userid: user.uid,
                id: ""
            };


            const projectDocRef = doC(collection(db, "apps"));
            await setDoc(projectDocRef, newProject);
            const doc = await getDoc(projectDocRef);
            newProject.id = doc.id;
            await setDoc(projectDocRef, newProject);
            console.log("New project added successfully");
            setName("");

        } else {
            console.log("No user is signed in");
        }
    };

    return (
        <form onSubmit={handleSubmit} className="add-project-form">
            <input
                type="text"
                value={name}
                onChange={(e) => setName(e.target.value)}
                placeholder="Project Name"
                required
            /> <br />
            <button type="submit">Add Project</button>
        </form>
    );
}

export default New;