//components/auth/index.tsx
"use client";

import { useSelector } from "react-redux";
import { useRouter, usePathname } from "next/navigation";

import { authentication } from "@/redux/slices/auth";
import { useEffect } from "react";

function Auth({ children }: Readonly<{ children: React.ReactNode }>) {
  const { token } = useSelector(authentication);
  const router = useRouter();
  const pathname = usePathname();

  useEffect(() => {
    if (pathname === "/" && token === null) {
      router.push("/auth/sign-in");
    } else {
      router.push(pathname);
    }
  }, [pathname, token, router]);

  return <>{children}</>;
}

export default Auth;