ArtistRow.tsx 477 Bytes
Newer Older
Genar Trias Ortiz's avatar
Genar Trias Ortiz committed
1 2 3 4 5 6
import * as React from 'react'

import Artist from '../../entities/Artist'

type Props = {
  artist: Artist,
7
  songs: any,
Genar Trias Ortiz's avatar
Genar Trias Ortiz committed
8 9 10 11 12 13 14
  style: any
}

const ArtistRow = (props: Props) => {
  const { artist } = props

  return (
Genar Trias Ortiz's avatar
Genar Trias Ortiz committed
15
    <div
16
      className='artist-row'
Genar Trias Ortiz's avatar
Genar Trias Ortiz committed
17 18 19 20
      style={props.style}
    >
      <div>
        { artist.name }
21

22
        <span className='badge badge-secondary'>
23 24
          { props.songs.length }
        </span>
Genar Trias Ortiz's avatar
Genar Trias Ortiz committed
25
      </div>
Genar Trias Ortiz's avatar
Genar Trias Ortiz committed
26
    </div>
Genar Trias Ortiz's avatar
Genar Trias Ortiz committed
27 28 29 30
  )
}

export default ArtistRow