Spotify-Clone/TrendingCard.jsx at main · KenidoesCode/Spotify-Clone · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
import React from 'react'
import './trendingCard.css'
import { TrendingCardData } from '../../config/congif'

const TrendingCard = ({setCurrentPage, setCurrentEle}) => {

  return (
    <>
      <div className='trendingCardMainContainer' >
        {
          TrendingCardData.map((ele, id) => {
            return (
              <>
                <div key={id} onClick={()=>{
                  setCurrentPage("musicSpecificPage")
                  setCurrentEle(ele)
                }} className="cardContainer">
                  <img src={ele.imgSrc} alt="" />
                  <div className="CardTextContainer">
                  <h2>{ele.heading}</h2>
                  <p>{ele.subHeading}</p>

                  </div>
                </div>
              </>
            )
          })
        }
      </div>

    </>
  )
}

export default TrendingCard