Function App

client/src/App.jsx:72–171

()

};

function App() {
  const [mode, setMode] = useAtom(modeAtom);
  const [alert, setAlert] = useState(null);
  const showAlert = (message, type) => {
    setAlert({ msg: message, type: type });
    setTimeout(() => {
      setAlert(null);
    }, 1500);
  };

  const [progress, setProgress] = useState(0);
  const [islogged, setloggedin] = useState(false);

  useEffect(() => {
    const savedMode = localStorage.getItem("mode");
    if (savedMode) {
      setMode(savedMode);
      document.body.style.backgroundColor =
        savedMode === "dark" ? "black" : "white";
      document
        .querySelectorAll("*")
        .forEach(
          (element) =>
            (element.style.color = savedMode === "dark" ? "white" : "")
        );
    }
  }, [setMode]);

  useEffect(() => {
    localStorage.setItem("mode", mode);
  }, [mode]);

  const toggleMode = () => {
    if (mode === "light") {
      setMode("dark");
      document.body.style.backgroundColor = "black";
      document
        .querySelectorAll("*")
        .forEach((element) => (element.style.color = "white"));
    } else {
      setMode("light");
      document.body.style.backgroundColor = "white";
      document
        .querySelectorAll("*")
        .forEach((element) => (element.style.color = ""));
    }
  };

  useEffect(() => {
    AOS.init();
  }, []);

  return (
    <div className="h-full w-screen">
      <Cursor />
      <ProjectState>
        <ProfileState>
          <LoadingBar color="blue" progress={progress} onLoaderFinished={() => setProgress(0)} />