diff --git a/src/components/TimeLineComponent/TimeLineItem.js b/src/components/TimeLineComponent/TimeLineItem.js index c65ef95..036d544 100644 --- a/src/components/TimeLineComponent/TimeLineItem.js +++ b/src/components/TimeLineComponent/TimeLineItem.js @@ -10,10 +10,15 @@ const TimeLineItem = ({ data }) => ( style={{ maxWidth: "100%", width: "400px" }} > {/* top --> time & date */} -
- - - - +
+ {data.active && ( +
+ )} +
+ + - + +
{/* middle --> title & content */}
@@ -30,6 +35,7 @@ const TimeLineItem = ({ data }) => ( {/* bottom --> users */}
+
{data.users.slice(0, 3).map((user, index) => (

diff --git a/src/components/TimeLineComponent/data.js b/src/components/TimeLineComponent/data.js index 7c53f42..8651c0b 100644 --- a/src/components/TimeLineComponent/data.js +++ b/src/components/TimeLineComponent/data.js @@ -6,6 +6,7 @@ const data = [ date: "1400/12/28", time: " 14:30", text: "انجام عملیات بازگردانی و ذخیره سازی", + active: true, content: ` جنگ اول خلیج فارس، جنگی به رهبری آمریکا و با همکاری ائتلافی از ۳۵ کشور مختلف بود که علیه عراق بعثی در واکنش به اشغال کویت توسط عراق انجام گرفت پایان جنگ ایران و عراق هم ‌زمان با بروز تشنّج عراق و کویت بود. ارتش عراق در زمان حکومت صدام حسین و حزب بعث عراق در تاریخ ۱۱ مرداد ۱۳۶۹ (۱۹۹۰ م) به کویت حمله و این کشور را اشغال کرد. عراق با این حمله باعث بروز بحرانی بین‌المللی گردید @@ -47,6 +48,7 @@ const data = [ date: "1395/12/28", time: " 12:30", text: "انجام عملیات بازگردانی و ذخیره سازی2", + active: false, content: ` جنگ اول خلیج فارس، جنگی به رهبری آمریکا و با همکاری ائتلافی از ۳۵ کشور مختلف بود که علیه عراق بعثی در واکنش به اشغال کویت توسط عراق انجام گرفت پایان جنگ ایران و عراق هم ‌زمان با بروز تشنّج عراق و کویت بود. ارتش عراق در زمان حکومت صدام حسین و حزب بعث عراق در تاریخ ۱۱ مرداد ۱۳۶۹ (۱۹۹۰ م) به کویت حمله و این کشور را اشغال کرد. عراق با این حمله باعث بروز بحرانی بین‌المللی گردید @@ -78,48 +80,7 @@ const data = [ 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, - }, - ], - }, - { - date: "1400/12/28", - time: " 14:30", - text: "انجام عملیات بازگردانی و ذخیره سازی", + active: true, content: ` جنگ اول خلیج فارس، جنگی به رهبری آمریکا و با همکاری ائتلافی از ۳۵ کشور مختلف بود که علیه عراق بعثی در واکنش به اشغال کویت توسط عراق انجام گرفت پایان جنگ ایران و عراق هم ‌زمان با بروز تشنّج عراق و کویت بود. ارتش عراق در زمان حکومت صدام حسین و حزب بعث عراق در تاریخ ۱۱ مرداد ۱۳۶۹ (۱۹۹۰ م) به کویت حمله و این کشور را اشغال کرد. عراق با این حمله باعث بروز بحرانی بین‌المللی گردید @@ -155,22 +116,13 @@ const data = [ lname: "قلی نژاد", profilePic: profilePic1, }, - { - name: "علی", - lname: "علوی", - profilePic: profilePic2, - }, - { - name: "غلام", - lname: "قلی نژاد", - profilePic: profilePic1, - }, ], }, { date: "1395/12/28", time: " 12:30", text: "انجام عملیات بازگردانی و ذخیره سازی2", + active: false, content: ` جنگ اول خلیج فارس، جنگی به رهبری آمریکا و با همکاری ائتلافی از ۳۵ کشور مختلف بود که علیه عراق بعثی در واکنش به اشغال کویت توسط عراق انجام گرفت پایان جنگ ایران و عراق هم ‌زمان با بروز تشنّج عراق و کویت بود. ارتش عراق در زمان حکومت صدام حسین و حزب بعث عراق در تاریخ ۱۱ مرداد ۱۳۶۹ (۱۹۹۰ م) به کویت حمله و این کشور را اشغال کرد. عراق با این حمله باعث بروز بحرانی بین‌المللی گردید @@ -186,38 +138,6 @@ const data = [ 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: "قلی نژاد",