import { getSingleImageUrl } from "@/helper/getImageUrl"; import { get } from "@/api1/apiUtils"; import { useEffect, useState } from "react"; import Head from "next/head"; import CommentBoxForm from "@/components/comment/Comment"; import LayoutWrapper from "@/components/Layout/LayOutWrapper"; import moment from "moment"; import { useRouter } from "next/router"; interface BlogDetailProps { title: string; description: string; author: string; banner: string; publishedDate: string; content: string; facebookLink: string; instagramLink: string; youtubeLink: string; tags: string[]; categories: string; featuredImages: string[]; categoryId: number; metaDescription: string; } const BlogDetail: React.FC = () => { const [blogData, setBlogData] = useState(null); const router = useRouter(); const { blogId } = router.query; useEffect(() => { if (!router.isReady || !blogId) return; async function fetchData() { try { const res = await get(`/blogs/${blogId}`) as BlogDetailProps; setBlogData(res); } catch (err) { console.error(err); setBlogData(null); } } fetchData(); }, [router.isReady, blogId]); if (!blogData) return
Loading...
; return ( <> {blogData?.title} - Ayodhyas
); }; export default BlogDetail; interface DetailsofContentProps { author: string; date: string; content: string; facebookLink: string; instagramLink: string; title: string; youtubeLink: string; bannerImg: string; } const DetailsofContent: React.FC = ({ author, date, content, facebookLink, instagramLink, bannerImg, youtubeLink, title, }) => { return ( <>

{title} - Ayodhyas

{moment(date).format('MMMM Do YYYY, h:mm a')} By {author}

{title}
); }; interface SocialIconsProps { facebookLink: string; instagramLink: string; youtubeLink: string; } const SocialIcons: React.FC = ({ facebookLink, instagramLink, youtubeLink, }) => { return ( <>
{facebookLink && ( )} {instagramLink && ( )} {youtubeLink && ( )}
); }; // export async function getServerSideProps(context: any) { // const { params } = context; // const blogId = params.blogId; // const apiUrl = `${mainUrl}/blogs/${blogId}`; // const apiUrl1 = `/blogs/${blogId}`; // console.log(apiUrl) // try { // const res = await get(apiUrl1) // console.log(res) // const response = await fetch(apiUrl, { // method: 'GET', // headers: { // 'Content-Type': 'application/json', // }, // }); // console.log('fired--->', response) // if (!response.ok) { // throw new Error(`Error: ${response.status}`); // } // const blogData = await response.json(); // return { // props: { // }, // }; // } catch (error) { // console.error("Error Here :", error); // return { // props: {}, // }; // } // } // interface RecentPostProps { // title: string; // data: string[]; // } // const RecentPost: React.FC = ({ title, data }) => { // return ( // <> //
//
{title}
// {data?.map((item, index) => ( // //
{item}
// // ))} //
// // ); // }; // const RecentSearch = () => { // return ( // <> //
//
// //
// //
//
//
// // ); // };