From 49fead0ab11b051e27258911df1a117b31ae7540 Mon Sep 17 00:00:00 2001 From: mahdi andalib Date: Sun, 3 Apr 2022 12:33:48 +0430 Subject: [PATCH] update --- src/App.js | 6 +- src/components/PopupCard/index.js | 2 +- .../TimeLineComponent/TimeLineItem.js | 20 ++++-- src/components/TimeLineComponent/data.js | 72 +++++++++++++++++-- .../TimeLineComponent/profilePic1.svg | 8 +++ .../TimeLineComponent/profilePic2.svg | 8 +++ 6 files changed, 102 insertions(+), 14 deletions(-) create mode 100644 src/components/TimeLineComponent/profilePic1.svg create mode 100644 src/components/TimeLineComponent/profilePic2.svg diff --git a/src/App.js b/src/App.js index cb792a7..0e4626b 100644 --- a/src/App.js +++ b/src/App.js @@ -97,7 +97,7 @@ function App() { {/* */} {/* */} {/* */} - {/* */} + {/* */} {/* */} {/* */} @@ -139,9 +139,9 @@ function App() { {/* */} {/* */} {/* */} - + {/* */} - + {/* */} {/* */} diff --git a/src/components/PopupCard/index.js b/src/components/PopupCard/index.js index d4eb8c9..29281e0 100644 --- a/src/components/PopupCard/index.js +++ b/src/components/PopupCard/index.js @@ -203,7 +203,7 @@ const PopupCard = ({ selectedChecklist }) => { className="opacity-0 absolute left-1/2 transform -translate-x-1/2 -translate-y-1/2 w-full h-full cursor-pointer" style={{ top: "39%" }} /> -

+

یک فایل را اینجا بکشید یا از{" "} رایانه خود انتخاب کنید diff --git a/src/components/TimeLineComponent/TimeLineItem.js b/src/components/TimeLineComponent/TimeLineItem.js index f98d3cc..2d37c22 100644 --- a/src/components/TimeLineComponent/TimeLineItem.js +++ b/src/components/TimeLineComponent/TimeLineItem.js @@ -9,16 +9,13 @@ const TimeLineItem = ({ data }) => ( className="timeline-item-content relative bg-white rounded-md shadow-sm flex flex-col items-end border border-[#D6D6D6] " style={{ maxWidth: "70%", width: "400px" }} > + {/* top --> time & date */}

-
- {/*
-
-
-
-
*/} + {/* middle --> title & content */}

@@ -28,6 +25,19 @@ const TimeLineItem = ({ data }) => (

{data.content}

+ {/* divider */} +
+ {/* bottom --> users */} +
+ {data.users.map((user, index) => ( +
+

+ {user.name + " " + user.lname} +

+ {"،"} +
+ ))} +
diff --git a/src/components/TimeLineComponent/data.js b/src/components/TimeLineComponent/data.js index c5fe3fd..d9455c1 100644 --- a/src/components/TimeLineComponent/data.js +++ b/src/components/TimeLineComponent/data.js @@ -1,3 +1,6 @@ +import profilePic1 from "./profilePic1.svg"; +import profilePic2 from "./profilePic2.svg"; + const data = [ { date: "1400/12/28", @@ -7,22 +10,81 @@ const data = [ جنگ اول خلیج فارس، جنگی به رهبری آمریکا و با همکاری ائتلافی از ۳۵ کشور مختلف بود که علیه عراق بعثی در واکنش به اشغال کویت توسط عراق انجام گرفت پایان جنگ ایران و عراق هم ‌زمان با بروز تشنّج عراق و کویت بود. ارتش عراق در زمان حکومت صدام حسین و حزب بعث عراق در تاریخ ۱۱ مرداد ۱۳۶۹ (۱۹۹۰ م) به کویت حمله و این کشور را اشغال کرد. عراق با این حمله باعث بروز بحرانی بین‌المللی گردید `, + users: [ + { + name: "علی", + lname: "علوی", + profilePic: profilePic2, + }, + { + name: "غلام", + lname: "قلی نژاد", + profilePic: profilePic1, + }, + ], }, { - date: "1400/12/28", - time: " 14:30", - text: "انجام عملیات بازگردانی و ذخیره سازی", + date: "1395/12/28", + time: " 12:30", + text: "انجام عملیات بازگردانی و ذخیره سازی2", content: ` جنگ اول خلیج فارس، جنگی به رهبری آمریکا و با همکاری ائتلافی از ۳۵ کشور مختلف بود که علیه عراق بعثی در واکنش به اشغال کویت توسط عراق انجام گرفت -پایان جنگ ای پایان جنگ ایران و عراق پایان جنگ ایران و عراق پایان جنگ ایران و عراق ران و عراق هم ‌`, +پایان جنگ ایران و عراق هم ‌زمان با بروز تشنّج عراق و کویت بود. ارتش عراق در زمان حکومت صدام حسین و حزب بعث عراق در تاریخ ۱۱ مرداد ۱۳۶۹ (۱۹۹۰ م) به کویت حمله و این کشور را اشغال کرد. عراق با این حمله باعث بروز بحرانی بین‌المللی گردید + `, + users: [ + { + name: "غلام", + lname: "قلی نژاد", + profilePic: profilePic1, + }, + { + name: "علی", + lname: "علوی", + profilePic: profilePic2, + }, + ], }, { date: "1400/12/28", time: " 14:30", text: "انجام عملیات بازگردانی و ذخیره سازی", content: ` - جنگ اول خلیج فارس، جنگی به رهبری آمریکا و با همکاری ائتلافی از ۳۵ کشور مختلف بود که علیه عراق بعثپایان جنگ ایران و عراق پایان جنگ ایران و عراق پایان جنگ ایران و عراق ی در واکنش به اشغال کویت توسط عراق انجام گرفت + جنگ اول خلیج فارس، جنگی به رهبری آمریکا و با همکاری ائتلافی از ۳۵ کشور مختلف بود که علیه عراق بعثی در واکنش به اشغال کویت توسط عراق انجام گرفت +پایان جنگ ایران و عراق هم ‌زمان با بروز تشنّج عراق و کویت بود. ارتش عراق در زمان حکومت صدام حسین و حزب بعث عراق در تاریخ ۱۱ مرداد ۱۳۶۹ (۱۹۹۰ م) به کویت حمله و این کشور را اشغال کرد. عراق با این حمله باعث بروز بحرانی بین‌المللی گردید + `, + users: [ + { + name: "علی", + lname: "علوی", + profilePic: profilePic2, + }, + { + name: "غلام", + lname: "قلی نژاد", + profilePic: profilePic1, + }, + ], + }, + { + date: "1395/12/28", + time: " 12:30", + text: "انجام عملیات بازگردانی و ذخیره سازی2", + content: ` + جنگ اول خلیج فارس، جنگی به رهبری آمریکا و با همکاری ائتلافی از ۳۵ کشور مختلف بود که علیه عراق بعثی در واکنش به اشغال کویت توسط عراق انجام گرفت +پایان جنگ ایران و عراق هم ‌زمان با بروز تشنّج عراق و کویت بود. ارتش عراق در زمان حکومت صدام حسین و حزب بعث عراق در تاریخ ۱۱ مرداد ۱۳۶۹ (۱۹۹۰ م) به کویت حمله و این کشور را اشغال کرد. عراق با این حمله باعث بروز بحرانی بین‌المللی گردید `, + users: [ + { + name: "غلام", + lname: "قلی نژاد", + profilePic: profilePic1, + }, + { + name: "علی", + lname: "علوی", + profilePic: profilePic2, + }, + ], }, ]; diff --git a/src/components/TimeLineComponent/profilePic1.svg b/src/components/TimeLineComponent/profilePic1.svg new file mode 100644 index 0000000..c37ab59 --- /dev/null +++ b/src/components/TimeLineComponent/profilePic1.svg @@ -0,0 +1,8 @@ + + + + + + + + diff --git a/src/components/TimeLineComponent/profilePic2.svg b/src/components/TimeLineComponent/profilePic2.svg new file mode 100644 index 0000000..f4318d3 --- /dev/null +++ b/src/components/TimeLineComponent/profilePic2.svg @@ -0,0 +1,8 @@ + + + + + + + +