// /opt/newsoras/app/main/frontend/components/GA4PageViews.tsx
"use client";

import { usePathname, useSearchParams } from "next/navigation";
import { useEffect } from "react";

export default function GA4PageViews({ gaId }: { gaId: string }) {
    const pathname = usePathname();
    const searchParams = useSearchParams();

    useEffect(() => {
        // @ts-ignore
        if (!window.gtag) return;

        const url = pathname + (searchParams?.toString() ? `?${searchParams}` : "");
        // @ts-ignore
        window.gtag("config", gaId, { page_path: url });
    }, [pathname, searchParams, gaId]);

    return null;
}