EDIT: Agrego en componente que llama al Content:
import Details from './Details';
import Metadata from './Metadata';
import Content from './Content';
import Comments from './Comments';
import Sidebar from './Sidebar';
import Error404 from './Error404';
const AllNews = ({ data, isWide, leftSidebar, style = "4", rtl }) => {
let formattedDate = '';
if (data && data.created_at) {
const date = new Date(data.created_at);
const options = { day: 'numeric', month: 'numeric', year: 'numeric' };
formattedDate = new Intl.DateTimeFormat('es-ES', options).format(date);
}
return (
<section className="all-news section-padding pt-50 blog bg-transparent style-3">
<div className="container">
{data && data.description && (
<>
<Details details={{ title: data.name, time: formattedDate, type: data.type, content: data.description }} style={style} rtl={rtl} />
<div className="row gx-4 gx-lg-5">
{
!isWide && leftSidebar && (<Sidebar data={data.sidebar} style={style} rtl={rtl} />)
}
<div className={isWide ? 'col-lg-12' : 'col-lg-8'}>
{/* <Metadata metadata={{ imgLetter: data.imgLetter, user: data.user, commentsCount: data.commentsCount, viewsCount: data.viewsCount }} rtl={rtl} /> */}
<div className="blog-content-info">
<Content contentPost={{ content: data.description }} style={style} rtl={rtl} />
{/* <Comments comments={data.comments} commentCard={data.commentCard} style={style} rtl={rtl} /> */}
</div>
</div>
{
!isWide && !leftSidebar && (<Sidebar data={data.sidebar} style={style} rtl={rtl} />)
}
</div>
</>
)}
{(!data || !data.description) && (
<Error404 />
)}
</div>
</section>
)
}
export default AllNews