import { useEffect, useState } from "react"; import axios from "axios"; import { useRouter } from "next/router"; import Cookies from "js-cookie"; import { SyncOutlined } from "@ant-design/icons"; import { Spin } from "antd"; import PaymentStatus from "./paymentStatus"; import toast from "react-hot-toast"; import ConfirmOrder from "./confirmOrder"; import { userActivity } from "@/components/commonFunctions/userActivity"; import { useSelector } from "react-redux"; import { RootState } from "@/Redux/store"; import Head from "next/head"; import Image from "next/image"; // import { orderInterface } from '@/INTERFACES/order'; const apiKey = process.env.API_KEY; const antIcon = ; const PaymentCallback = () => { const router = useRouter(); const { reference } = router.query; const _loggedIn_user = useSelector((state: RootState) => state.user.user); const [isOrderPlace, setOrderPlace] = useState(); const [loading, setLoading] = useState(true); const authToken = Cookies.get("jazz_token"); // Configure the Axios instance with the authorization header const axiosInstance = axios.create({ baseURL: "https://api.jazzagain.com/public/index.php", headers: { authorization: `Bearer ${authToken}`, }, }); // useEffect(() => { // if (reference) { // const orderResponse = async () => { // try { // const res = await axiosInstance.get(`/api/user/orders/${reference}/edit`); // console.log("order --- ",res) // setOrderPlace(res.data.order); // setLoading(!loading); // } catch (error) { // console.error("Error fetching or processing data:", error); // return toast.error("Error fetching data !") // } // }; // orderResponse(); // } // }, [reference]); useEffect(() => { if (reference) { const verifyPayment = async () => { try { const response = await axios.get( `https://api.paystack.co/transaction/verify/${reference}`, { headers: { Authorization: `Bearer ${apiKey}`, }, } ); const paymentStatus = response.data.data.status; if (paymentStatus === "success") { // console.log(response) userActivity( _loggedIn_user?._id, "website", "Payment page", { purchase: "completed", }, navigator.userAgent ); const { metadata } = response.data.data; console.log("META-DATA", metadata); try { const res = await axiosInstance.get( `/api/user/orders/${metadata.order_id}/edit` ); console.log("order --- ", res); setOrderPlace(res.data.order); setLoading(!loading); } catch (error) { console.error("Error fetching or processing data:", error); return toast.error("Error fetching data !"); } } else { // Payment failed or was not successful console.log(response); } } catch (error) { console.error("Error verifying payment:", error); } }; verifyPayment(); } }, [reference]); // useEffect(()=>{ // if(reference){ // const orderResponse = async() => { // let res = await axiosInstance.get(`/api/user/orders/${reference}/edit`) // console.log(res.data) // setOrderPlace(res.data.order) // setLoading(!loading) // } // orderResponse(); // } // },[reference]) return ( <>