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 /> */} {/* <Toast /> */}
{/* <ProductSuggestion /> */} {/* <ProductSuggestion /> */}
{/* <ProductImage /> */} {/* <ProductImage /> */}
{/* <ProductTab /> */} <ProductTab />
{/* <ProductStatusCard /> */} {/* <ProductStatusCard /> */}
{/* <AdvertisementDesign1 /> */} {/* <AdvertisementDesign1 /> */}
{/* <AdvertisementDesign2 /> */} {/* <AdvertisementDesign2 /> */}

@ -1,6 +1,6 @@
import React from 'react' import React from 'react'
const times = { const time = {
morning: "صبح", morning: "صبح",
sunrise: "طلوع", sunrise: "طلوع",
noon: "ظهر", noon: "ظهر",
@ -10,9 +10,20 @@ const times = {
} }
const ReligiousTimes = () => { const ReligiousTimes = ({hours}) => {
return ( 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