update App.js and src/components/ReligiousTimes/index.js

master
Your Name 2 years ago
parent 08b41d58b3
commit b0d850882f
  1. 2
      src/App.js
  2. 17
      src/components/ReligiousTimes/index.js

@ -107,7 +107,7 @@ function App() {
{/* <Toast /> */}
{/* <ProductSuggestion /> */}
{/* <ProductImage /> */}
{/* <ProductTab /> */}
<ProductTab />
{/* <ProductStatusCard /> */}
{/* <AdvertisementDesign1 /> */}
{/* <AdvertisementDesign2 /> */}

@ -1,6 +1,6 @@
import React from 'react'
const times = {
const time = {
morning: "صبح",
sunrise: "طلوع",
noon: "ظهر",
@ -10,9 +10,20 @@ const times = {
}
const ReligiousTimes = () => {
const ReligiousTimes = ({hours}) => {
return (
<div className="bg-white shadow rounded-md max-w-[420px] w-1/3">ReligiousTimes</div>
<div className="flex flex-row items-center justify-around bg-white shadow rounded-md max-w-[420px] w-1/3">
{Object.keys(hours).map((hour,index) => (
<div className="flex flex-row items-center bg-pink-200" key={index}>
<span className="bg-red-400">
{time[hour]}
</span>
<span className="bg-blue-400">
{hours[hour]}
</span>
</div>
))}
</div>
)
}

Loading…
Cancel
Save