diff --git a/src/components/ReligiousTimes/index.js b/src/components/ReligiousTimes/index.js index 1fce9f2..cab846a 100644 --- a/src/components/ReligiousTimes/index.js +++ b/src/components/ReligiousTimes/index.js @@ -1,27 +1,27 @@ import React from 'react' -const time = { - morningTime: "صبح", - sunriseTime: "طلوع", - noonTime: "ظهر", - sunsetTime: "غروب", - maghribTime: "مغرب", - midnightTime: "نیمه شب", -} +// const time = { +// morningTime: "صبح", +// sunriseTime: "طلوع", +// noonTime: "ظهر", +// sunsetTime: "غروب", +// maghribTime: "مغرب", +// midnightTime: "نیمه شب", +// } const ReligiousTimes = ({hours}) => { return ( -
- {Object.keys(hours).map((hour, index) => ( -
+
+ {hours.map((hour,index) => ( +
- {time[hour]} + {hour.partOfDay} - - {hours[hour]} + + {hour.time} {Number(index) !== hours.length -1 && ( -
+
)}
))} @@ -32,12 +32,31 @@ const ReligiousTimes = ({hours}) => { export default ReligiousTimes ReligiousTimes.defaultProps = { - hours: { - morningTime: "5:03", - sunriseTime: "6:27", - noonTime: "12:15", - sunsetTime: "18:05", - maghribTime: "18:23", - midnightTime: "23:34", - }, + + hours : [ + { + partOfDay: "صبح", + time: "5:03", + }, + { + partOfDay: "طلوع", + time: "6:27", + }, + { + partOfDay: "ظهر", + time: "12:15", + }, + { + partOfDay: "غروب", + time: "18:05", + }, + { + partOfDay: "مغرب", + time: "18:23", + }, + { + partOfDay: "نیمه شب", + time: "23:34", + }, + ] } \ No newline at end of file