From 082d3bf253f950d505c70942fd27fb8875265524 Mon Sep 17 00:00:00 2001 From: Reza_ashrafi Date: Mon, 10 Jan 2022 11:46:44 +0330 Subject: [PATCH] reza created comments comp --- src/components/Comments/index.js | 73 ++++++++++++++++++++++++++++++++ src/components/Comments/user.svg | 11 +++++ src/redux/data.js | 20 +++++++++ 3 files changed, 104 insertions(+) create mode 100644 src/components/Comments/index.js create mode 100644 src/components/Comments/user.svg diff --git a/src/components/Comments/index.js b/src/components/Comments/index.js new file mode 100644 index 0000000..875efab --- /dev/null +++ b/src/components/Comments/index.js @@ -0,0 +1,73 @@ +import React from 'react' +import { connect } from 'react-redux'; +import userImage from './user.svg'; + +export const Comments = ({comments}) => { + + return ( +
+ +
+ ) +} + +const mapStateToProps = (state) => ({ + +}) + +const mapDispatchToProps = { + +} + +export default connect(mapStateToProps, mapDispatchToProps)(Comments); + +Comments.defaultProps = { + comments : [ + { + id: 0, + pid: null, + username : 'آرش سامانی', + date : new Date(), + text : 'به زودی می‌ فهمند که اشتباه کرده‌ اند و عظمت هر ملتی بر روی خرابه‌ های وطن خودش می‌باشد', + userImage : userImage, + rate : 4, + }, + { + id: 1, + pid: 0, + username : 'سورنا عابدی', + date : new Date(), + text : 'به زودی می‌ فهمند که اشتباه کرده‌ اند و عظمت هر ملتی بر روی خرابه‌ های وطن خودش می‌باشد', + userImage : userImage, + rate : 4, + }, + { + id: 2, + pid: 1, + username : 'آرش سامانی', + date : new Date(), + text : 'به زودی می‌ فهمند که اشتباه کرده‌ اند و عظمت هر ملتی بر روی خرابه‌ های وطن خودش می‌باشد', + userImage : userImage, + rate : 4, + }, + { + id: 3, + pid: 2, + username : 'آرش سامانی', + date : new Date(), + text : 'به زودی می‌ فهمند که اشتباه کرده‌ اند و عظمت هر ملتی بر روی خرابه‌ های وطن خودش می‌باشد', + userImage : userImage, + rate : 4, + }, + { + id: 4, + pid: 3, + username : 'آرش سامانی', + date : new Date(), + text : 'به زودی می‌ فهمند که اشتباه کرده‌ اند و عظمت هر ملتی بر روی خرابه‌ های وطن خودش می‌باشد', + userImage : userImage, + rate : 4, + }, + + ], +} diff --git a/src/components/Comments/user.svg b/src/components/Comments/user.svg new file mode 100644 index 0000000..e8d43cf --- /dev/null +++ b/src/components/Comments/user.svg @@ -0,0 +1,11 @@ + + + + + + + + + + + diff --git a/src/redux/data.js b/src/redux/data.js index effd7e5..a0fc55f 100644 --- a/src/redux/data.js +++ b/src/redux/data.js @@ -474,8 +474,28 @@ const components = [ name: "Footer", component: