diff --git a/src/components/EntityList.jsx b/src/components/EntityList.jsx index ca5f099..6f3a83d 100644 --- a/src/components/EntityList.jsx +++ b/src/components/EntityList.jsx @@ -44,7 +44,7 @@ const EntityItem = (props) => { { item.widget &&
} diff --git a/src/styles/main.scss b/src/styles/main.scss index daa3113..767e698 100644 --- a/src/styles/main.scss +++ b/src/styles/main.scss @@ -127,6 +127,11 @@ svg { margin: auto; } +svg.icon { + display: inline-block; + vertical-align: text-bottom; +} + .container { margin-bottom: 1em; } diff --git a/src/views/Recomended.jsx b/src/views/Recomended.jsx index 79c29de..ae90494 100644 --- a/src/views/Recomended.jsx +++ b/src/views/Recomended.jsx @@ -1,4 +1,5 @@ import React, {useState} from 'react'; +import {FaEye} from 'react-icons/fa' import {getArtist, getDisc, getSong} from '../services/entity_service'; @@ -22,7 +23,8 @@ const PopularArtists = () => { 'cover': null, 'link': `/artist/${artist.id}`, 'title': artist.name, - 'subtitle': [artist.type, artist.country].filter(Boolean).join(' - ') + 'subtitle': [artist.type, artist.country].filter(Boolean).join(' - '), + 'widget':