update 7 files

src/components/Blogss/design1/index.js

@@ -1,12 +1,13 @@
+import React from "react";
 import CommentIcon from "../../MiniComponents/CommentIcon";
-import RelativeCircle from "../../MiniComponents/RelativeCircle";
 
 const BlogDesign1 = ({
   blogTitle,
   blogExcerpt,
+  featuredImage,
   blogAuthor,
+  blogAuthorImg,
   blogComments,
-  featuredImage,
 }) => {
   return (
     <div className="w-fit flex items-strech justify-around p-4 bg-white">
@@ -27,17 +28,13 @@ const BlogDesign1 = ({
         <div className="w-full flex item-center justify-between mt-2">
           {blogAuthor && (
             <div className="flex items-center">
-              <img src="images/blog-author.png" alt="author" className="w-8" />
+              <img src={blogAuthorImg} alt="author" className="w-8" />
-              <p className="text-sm text-[#818181] mr-2 font-light">
+              <p className="mr-2 text-sm text-[#818181]">{blogAuthor}</p>
-                {blogAuthor}
-              </p>
             </div>
           )}
           {blogComments && (
             <div className="flex items-center">
-              <p className="text-sm text-[#818181] ml-2 font-light">
+              <p className="ml-2 text-sm text-[#818181]">{blogComments}</p>
-                {blogComments}
-              </p>
               <CommentIcon
                 commentClassName="w-7"
                 commentNum={"26"}
@@ -59,9 +56,11 @@ BlogDesign1.defaultProps = {
   شد. طراح سعی می کند تا این متن را بیشتر از خد انتظار بلند کند تا
   دیگران متوجه شوند.
 `,
-  blogAuthor: `حامد دژبانی نسب`,
-  blogComments: `زمان مطالعه 30 دقیقه`,
-  commentNum: `26`,
 
   featuredImage: "images/blog-featured-image.jpg",
+
+  blogAuthor: `حامد دژبانی نسب`,
+  blogAuthorImg: "images/blog-author.png",
+
+  blogComments: `زمان مطالعه 30 دقیقه`,
 };