"use client";
import AddCard from "@/components/common/addCard/AddCard";
import { NewsItem } from "@/interface/post";
import CopyIcon from "@/public/icons/CopyIcon";
import FacebookIcon from "@/public/icons/FacebookIcon";
import WhatsAppIcon from "@/public/icons/WhatsAppIcon";
import Spin from "@/ui/spin/Spin";
import ThreeDotsLoader from "@/ui/threeDotsLoader/ThreeDotsLoader";
import instance from "@/utils/instance";
import timestampToBangleDateWithTime from "@/utils/timestampToBangleDateWithTime";
import Image from "next/image";
import Link from "next/link";
import { useSearchParams } from "next/navigation";
import { useEffect, useState } from "react";
import {
FacebookShareButton,
TwitterShareButton,
WhatsappShareButton,
} from "react-share";
import add1 from "/public/images/add1.png";
import SearchPageSkeleton from "@/components/skeleton/SearchPageSkeleton.js";
export default function SearchPage() {
const [isLoading, setIsLoading] = useState(false);
const [error, setError] = useState("");
const [data, setData] = useState([]);
const [pageNumber, setPageNumber] = useState(0);
const [isLoadingMore, setIsLoadingMore] = useState(false);
const [currentUrl, setCurrentUrl] = useState("");
// Get the Search parameters
const searchParams = useSearchParams();
const searchSlug = searchParams.get("search_slug");
useEffect(() => {
if (pageNumber > 0) {
// Set loading state to indicate data fetching is in progress
setIsLoadingMore(true);
// Fetch search results based on the search query
(async () => {
try {
// Make an API request to fetch search results based on the search query
const { data } = await instance.post("/search-post", {
page_number: pageNumber,
keyword: searchSlug,
});
if (data.code === 200) {
setData((prev): any => [...prev, ...data.data]);
setError("");
}
} catch (error: any) {
// Handle errors and set appropriate error messages
console.error(error);
setError(error.response.data.message);
} finally {
// Reset loading state after data fetching is completed or encountered an error
setIsLoadingMore(false);
}
})();
} else {
// Set loading state to indicate data fetching is in progress
setIsLoading(true);
// Fetch search results based on the search query
(async () => {
try {
// Make an API request to fetch search results based on the search query
const { data } = await instance.post("/search-post", {
page_number: 0,
keyword: searchSlug,
});
if (data.code === 200) {
// Update the component's state with the retrieved search results data
setData(data.data);
// Clear any previous error messages
setError("");
}
} catch (error: any) {
// Handle errors and set appropriate error messages
console.error(error);
setError(error.response.data.message);
} finally {
// Reset loading state after data fetching is completed or encountered an error
setIsLoading(false);
}
})();
}
// The effect will re-run whenever the `searchSlug` parameter changes
}, [pageNumber, searchSlug]);
console.log(data, "searchNews")
useEffect(() => {
const currentUrl = window.location.href;
setCurrentUrl(currentUrl);
}, []);
// Decide what to render
if (error)
return (