import React from "react";
import { connect } from "react-redux";
import { Link } from "react-router-dom";
import Avatar from "../../../components/Avatar";
import moment from "jalali-moment";
export const Target = ({ blogs, isMobile }) => {
const Large = ({ blog }) => {
return isMobile ? (
{blog?.title}
{!blog?.author.picFileId &&
}
{blog?.author.picFileId && (

)}
{window.t("نوشته از:" + " " + `${blog?.author.name}`)}
{blog?.author.role}
{window.t("زمان مطالعه:") +
" " +
`${blog?.duration}` +
" " +
window.t("دقیقه")}
{moment(blog?.updatedAt).locale("fa").format("YYYY/MM/DD")}
) : (
{blog?.title}
{!blog?.author.picFileId &&
}
{blog?.author.picFileId && (

)}
{window.t("نوشته از:" + " " + `${blog?.author.name}`)}
{blog?.author.role}
);
};
const Small = ({ blogs }) => {
return (
{blogs.map((blog, index) => (
))}
);
};
return (
);
};
const mapStateToProps = (state) => ({
isMobile: state.publicApi.isMobile,
});
const mapDispatchToProps = {};
export default connect(mapStateToProps, mapDispatchToProps)(Target);