import React, { useEffect, useState, useRef } from "react";
import FingerprintJS from "@fingerprintjs/fingerprintjs";
import Image from "next/image";
import apiInstance from "@/interceptor/instance";
import Head from "next/head";
import { useRouter } from "next/router";
function AirtelWeb(): JSX.Element {
const [isLoading, setIsLoading] = useState(true);
const router = useRouter();
const hasExecuted = useRef(false);
const fetchDataAndPost = async () => {
try {
const headersRes = await fetch("/api/headers");
const { userAgent, ip } = await headersRes.json();
const fp = await FingerprintJS.load();
const result = await fp.get();
const postData = {
deviceId: result.visitorId,
userAgent,
ipAddress: ip,
source: 'web'
};
await apiInstance.post("/api/airtelUserActivity", postData);
} catch (error) {
console.error("Error fetching or posting data:", error);
}
};
useEffect(() => {
if (hasExecuted.current) return;
hasExecuted.current = true;
const executeFetchAndRedirect = async () => {
await fetchDataAndPost();
setIsLoading(false);
router.push("/");
};
executeFetchAndRedirect();
}, [router]);
return (
<>
{isLoading ? (
) : (
<>
)}