diff --git a/src/components/Blogss/design1/index.js b/src/components/Blogss/design1/index.js index 0a7ab01..6c07725 100644 --- a/src/components/Blogss/design1/index.js +++ b/src/components/Blogss/design1/index.js @@ -1,62 +1,47 @@ -import blogImage from "../assets/blog-featured-image.jpg"; -import blogAuthorImg from "../assets/blog-author.png"; -import commentIcon from "../assets/light-gray-comment-icon.svg"; - const BlogDesign1 = ({ + blogTitle, blogExcerpt, blogAuthor, blogComments, - commentNumBgColor, - commentNumTextColor, - commentNumTopPosition, - commentNumRightPosition, + commentNum, + featuredImage, + commentIcon, + commentClassname, }) => { return (
-
- blogImage -
+ blogImage
-
-

- آیا مواد غذای پر فیبر و مفید هستند؟ -

+
+ {blogTitle && ( +

+ {blogTitle} +

+ )} {blogExcerpt && ( -

- در این قسمت یک توضیح بسیار کوتاه یا عادی در مورد ارور نوشته خواهد - شد. طراح سعی می کند تا این متن را بیشتر از خد انتظار بلند کند تا - دیگران متوجه شوند. +

+ {blogExcerpt}

)}
-
+
{blogAuthor && (
- -

- حامد دژبانی نسب + author +

+ {blogAuthor}

)} {blogComments && (
-

- زمان مطالعه 30 دقیقه +

+ {blogComments}

-
- - - 26 +
+ + + {commentNum}
@@ -70,12 +55,17 @@ const BlogDesign1 = ({ export default BlogDesign1; BlogDesign1.defaultProps = { - blogExcerpt: true, - blogAuthor: true, - blogComments: true, + blogTitle: `آیا مواد غذای پر فیبر و مفید هستند؟`, + blogExcerpt: `در این قسمت یک توضیح بسیار کوتاه یا عادی در مورد ارور نوشته خواهد + شد. طراح سعی می کند تا این متن را بیشتر از خد انتظار بلند کند تا + دیگران متوجه شوند. +`, + blogAuthor: `حامد دژبانی نسب`, + blogComments: `زمان مطالعه 30 دقیقه`, + commentNum: `26`, + + featuredImage: "images/blog-featured-image.jpg", + commentIcon: "images/light-gray-comment-icon.svg", - commentNumBgColor: "bg-[#818181]", - commentNumTextColor: "text-white", - commentNumTopPosition: "-top-2", - commentNumRightPosition: "-right-2", + commentClassname: "bg-[#818181] text-white -top-2 -right-2", }; diff --git a/src/index.scss b/src/index.scss index 7b9ab70..34c1193 100644 --- a/src/index.scss +++ b/src/index.scss @@ -28,15 +28,6 @@ body { direction: ltr; } -.comment-num { - font-size: 8px; - padding-top: 4px; - padding-bottom: 2px; - padding-left: 4px; - padding-right: 4px; - border-radius: 50%; -} - // TODO Start FormInput Component .rmdp-container { diff --git a/src/redux/data.js b/src/redux/data.js index 911a531..1bb775b 100644 --- a/src/redux/data.js +++ b/src/redux/data.js @@ -7,6 +7,7 @@ import Alert from "../components/Alert"; import Toast from "../components/Toast"; import Banners from "../components/Banners"; import Blogss from "../components/Blogss"; +import CardTrelloDesign from "../components/CardTrelloDesign"; // import ButtonDesign from "./components/buttonDesign/ButtonDesign"; // import ProductDesign from "./components/productDesign/ProductDesign"; @@ -188,6 +189,16 @@ const components = [ code: null, }, }, + { + name: "Card", + author: "Andalib", + props: [], + content: { + name: "Card Designs", + component: , + code: null, + }, + }, ]; export default components;