From 104bf6ae8e6e4d3ee50d3b4ba2c7cce5520412bd Mon Sep 17 00:00:00 2001
From: Daniel Cortes <daniel.cortes.p159@gmail.com>
Date: Wed, 17 Jun 2020 06:06:36 -0400
Subject: [PATCH] Cuandos usuarios viendo "FAKE"

---
 src/components/EntityList.jsx |  2 +-
 src/styles/main.scss          |  5 +++++
 src/views/Recomended.jsx      | 10 +++++++---
 3 files changed, 13 insertions(+), 4 deletions(-)

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) => {
         </Link>
         { item.widget &&
           <div class="widget">
-            <button class='button'>Agregar a mi lista</button>
+            {item.widget}
           </div>
         }
       </div>
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': <span><FaEye class='icon'/> {Math.floor(Math.random() * 1000)}</span>
     }));
     const list = [{
       'items': items
@@ -48,7 +50,8 @@ const PopularDiscs = () => {
       'cover': <CoverArt disc={disc}/>,
       'link': `/disc/${disc.id}`,
       'title': disc.title,
-      'subtitle': disc.artist.name
+      'subtitle': disc.artist.name,
+      'widget': <span><FaEye class='icon'/> {Math.floor(Math.random() * 1000)}</span>
     }));
     const list = [{
       'items': items
@@ -74,7 +77,8 @@ const PopularSongs = () => {
       'cover': null,
       'link': `/song/${song.id}`,
       'title': song.title,
-      'subtitle': song.artist.name
+      'subtitle': song.artist.name,
+      'widget': <span><FaEye class='icon'/> {Math.floor(Math.random() * 1000)}</span>
     }));
     const list = [{
       'items': items