From 30dd10e2f655f3528c9418e29cac9dc635f338b7 Mon Sep 17 00:00:00 2001
From: dpgerber <39259578+dpgerber@users.noreply.github.com>
Date: Thu, 18 Oct 2018 11:08:10 +0200
Subject: [PATCH] added the play button to the song that won (#90)

---
 app/Components/Card/index.tsx | 10 ++++++++--
 1 file changed, 8 insertions(+), 2 deletions(-)

diff --git a/app/Components/Card/index.tsx b/app/Components/Card/index.tsx
index 529eabe8..7c234e60 100644
--- a/app/Components/Card/index.tsx
+++ b/app/Components/Card/index.tsx
@@ -5,10 +5,8 @@ import CardContent from '@material-ui/core/CardContent';
 import CardMedia from '@material-ui/core/CardMedia';
 import IconButton from '@material-ui/core/IconButton';
 import Typography from '@material-ui/core/Typography';
-import SkipPreviousIcon from '@material-ui/icons/SkipPrevious';
 import PlayArrowIcon from '@material-ui/icons/PlayArrow';
 import ThumbsUp from '@material-ui/icons/ThumbUp';
-import ThumbsDown from '@material-ui/icons/ThumbDown';
 const styles = (theme: Theme) =>
   createStyles({
     card: {
@@ -38,6 +36,7 @@ const styles = (theme: Theme) =>
       paddingBottom: theme.spacing.unit,
     },
     playIcon: {
+      alignItems: 'left',
       height: 38,
       width: 38,
     },
@@ -82,6 +81,13 @@ function MediaControlCard(props) {
             </Typography>
           </div>
         }
+        {!displayVoting &&
+          <div className={classes.controls}>
+            <IconButton aria-label="Play/pause">
+            <PlayArrowIcon className={classes.playIcon} />
+          </IconButton>
+          </div>
+        }
       </div>
       <CardMedia className={classes.cover} image={albumArt} />
     </Card>