import { useContext, useEffect } from "react";
import { Context } from "../context/contex";

import { IonContent, IonPage, useIonRouter } from "@ionic/react";
import OnboardSlider from "../components/Onboard";
import "./Intro.css";

const Intro: React.FC = () => {
  const context = useContext(Context);
  const router = useIonRouter();

  if (!context) {
    return <div>Loading...</div>;
  }

  const { userInfo, setBusy } = context;
  useEffect(() => {
    if (userInfo) {
      // window.location.replace("home");

      setBusy(false);
    router.push("/home", "forward", "replace");
    }
  }, [userInfo, router]);

  //if (validUser) {
  // window.location.replace("home");
  //return null; // Return null to prevent rendering
  //}

  return (
    <IonPage>
      <IonContent fullscreen>
        {" "}
        <OnboardSlider />
      </IonContent>
    </IonPage>
  );
};

export default Intro;