import React, { useEffect } from "react";
import styles from "@/styles/common/small.module.css";
import MyOrder from "@/components/home/MyOrder";
import { RxCross2 } from "react-icons/rx";
import { FaSlidersH } from "react-icons/fa";
import { IoMdArrowDropdown } from "react-icons/io";
import { useState } from "react";
import { useDispatch, useSelector } from "react-redux";
import { RootState } from "@/Redux/store";
import { setOrders } from "@/Redux/productFiltersSlice";
import Cookies from "js-cookie";
import axios from "axios";
import Head from "next/head";
import Image from "next/image";
export default function MyOrders() {
const dispatch = useDispatch();
const orders = useSelector((state: RootState) => state.productFilter.orders);
// console.log("REDUX", orders);
const authToken = Cookies.get("jazz_token");
const axiosInstance = axios.create({
baseURL: "https://api.jazzagain.com/public/index.php",
headers: {
authorization: `Bearer ${authToken}`,
},
});
useEffect(() => {
fetchAllOrders();
}, []);
const fetchAllOrders = () => {
axiosInstance
.get(`/api/user/orders`)
.then((response) => {
dispatch(setOrders(response.data.orders.data));
})
.catch((error) => {
console.error("Error fetching data :", error);
});
};
return (
<>
{orders.length >= 1 ? (
) : (
No Order Found !
)}
);
}