Untitled

import React, { createContext, useCallback, useEffect, useState } from "react";
import {
  createUserWithEmailAndPassword,
  getAuth,
  onAuthStateChanged,
  signInWithEmailAndPassword,
  signInWithPopup,
  signOut,
  sendPasswordResetEmail,
  updateProfile,
} from "firebase/auth";
import app from "../firebase/firebase.config";
import axios from "axios";
import Loading from "../Pages/Shared/Loading/Loading";
import toast from "react-hot-toast";

export const AuthContext = createContext();
const auth = getAuth(app);

const AuthProvider = ({ children }) => {
  const [user, setUser] = useState({});
  const userAgent = navigator.userAgent;
  const [loading, setLoading] = useState(true);
  const [userInfo, setUserInfo] = useState({});

  const createUser = (email, password) => {
    setLoading(true);
    return createUserWithEmailAndPassword(auth, email, password);
    // const createUserFunction = createUserWithEmailAndPassword(auth, email, password);
    // const unsubscribe = onAuthStateChanged(
    //   auth,
    //   (currentUser) => {
    //     setUser(currentUser);

    //     setLoading(false);

    //   },
    //   []
    // );
    // unsubscribe();
    // return createUserFunction;
  };

  //Adding image and name
  const updateUserProfile = (profile) => {
    return updateProfile(auth.currentUser, profile);
  };

  //Logout
  const logOut = () => {
    setLoading(true);

    try {
      if (userInfo?.email) {
        const userDevice = axios.put(
          `${process.env.REACT_APP_SERVERLESS_API}/api/v1/users/removeDevice/${userInfo?.email}`,
          { device: userAgent }
        );
      }
    } catch (error) {
      console.error("Error removing device:", error);
    }

    return signOut(auth);
  };

  const devicelogOut = () => {
    setLoading(true);
    return signOut(auth);
  };
  const forgotPassword = () => {
    sendPasswordResetEmail(auth, auth.currentUser.email)
      .then(() => {
        toast.success("A Password Reset Link has been sent to your email.");
      })
      .catch((error) => {
        toast.error(error.message);
      });
  };

  // sign in with email and password
  const signIn = (email, password) => {
    setLoading(true);

    return signInWithEmailAndPassword(auth, email, password);
  };

  // Login with provider
  const providerLogin = (provider) => {
    setLoading(true);
    return signInWithPopup(auth, provider);
  };

  useEffect(() => {
    const unsubscribe = onAuthStateChanged(
      auth,
      (currentUser) => {
        setUser(currentUser);

        setLoading(false);
      },
      []
    );

    return () => {
      unsubscribe();
    };
  }, [user?.email]);

  useEffect(() => {
    Loading();
    axios
      .get(
        `${process.env.REACT_APP_SERVERLESS_API}/api/v1/users?email=${user?.email}`
      )
      .then((user) => {
        setUserInfo(user?.data);

        Loading().close();
      })
      .catch((error) => console.error(error));
    Loading().close();
  }, [user?.email, userInfo?.email]);
  // useEffect(() => {
  //   if (userInfo?.role !== "admin" && userInfo?.devices && !userInfo.devices.includes(userAgent)) {
  //     devicelogOut();
  //   }
  // }, [userInfo?.devices])
  const authInfo = {
    user,
    userInfo,
    setUserInfo,
    createUser,
    updateUserProfile,
    loading,
    logOut,
    signIn,
    providerLogin,
    devicelogOut,
    forgotPassword,
    setUser,
    auth,
    setLoading,
  };

  return (
    <div>
      <AuthContext.Provider value={authInfo}>{children}</AuthContext.Provider>
    </div>
  );
};

export default AuthProvider;