Function ProjectStates

client/src/context/ProjectState.jsx:6–112

(props)

// import SearchProjects from "../component/SearchProject.jsx";

const ProjectStates = (props) => {
  const VITE_SERVER_PORT = import.meta.env.VITE_SERVER_PORT || 'https://bitbox-uxbo.onrender.com';
  const projectsInitial = [];

  const [userProjects, setUserProjects] = useState(projectsInitial);
  const [globalProjects, setGlobalProjects] = useState(projectsInitial); // Initialize global projects state

  // Get All Globally Project
  const getGlobalProjects = async () => {
    // API CALL - Fetch All Global Projects
    const response = await fetch(`${VITE_SERVER_PORT}/api/projects/fetchallglobalprojects`, {
      method: "GET",
      headers: {
        "Content-Type": "application/json"
      }
    });
    const json = await response.json();
    setGlobalProjects(json.reverse());
  }

  // Get All Your Project
  const getUserProjects = async () => {
    // API CALL - Fetch All User Projects
    const response = await fetch(`${VITE_SERVER_PORT}/api/projects/fetchalluserprojects`, {
      method: "GET",
      headers: {
        "Content-Type": "application/json",
        "auth-token": localStorage.getItem('token')
      }
    });
    const json = await response.json();
    setUserProjects(json.reverse());
  }

  // Add a Project
  const addProject = async (title, description, gitHubLink, youTubeLink) => {
    // API CALL  - Add Projects
    const response = await fetch(`${VITE_SERVER_PORT}/api/projects/addproject`, {
      method: "POST",
      headers: {
        "Content-Type": "application/json",
        "auth-token": localStorage.getItem('token')
      },
      body: JSON.stringify({ title, description, gitHubLink, youTubeLink }),
    });
    const project = await response.json();
    setUserProjects([project, ...userProjects]);
    props.setProgress(100)
  }

  // Delete a Project
  const deleteProject = async (id) => {
    // API CALL - Delete Project
    const response = await fetch(`${VITE_SERVER_PORT}/api/projects/deleteproject/${id}`, {
      method: "DELETE",
      headers: {
        "Content-Type": "application/json",
        "auth-token": localStorage.getItem('token')