From c3f7d78aeaa1561ee47f89a5e7fa325c8c73e799 Mon Sep 17 00:00:00 2001
From: svetlagasheva <svetulka_24@mail.bg>
Date: Tue, 17 Mar 2020 15:04:16 +0200
Subject: [PATCH] Stream uses PlayIconCircleCentered component; addonName
 removed from info-container

---
 .../MetaDetails/StreamsList/Stream/Stream.js   | 18 ++++--------------
 1 file changed, 4 insertions(+), 14 deletions(-)

diff --git a/src/routes/MetaDetails/StreamsList/Stream/Stream.js b/src/routes/MetaDetails/StreamsList/Stream/Stream.js
index 13cf4f04b..63acbfe14 100644
--- a/src/routes/MetaDetails/StreamsList/Stream/Stream.js
+++ b/src/routes/MetaDetails/StreamsList/Stream/Stream.js
@@ -2,7 +2,7 @@ const React = require('react');
 const PropTypes = require('prop-types');
 const classnames = require('classnames');
 const Icon = require('stremio-icons/dom');
-const { Button, Image } = require('stremio/common');
+const { Button, Image, PlayIconCircleCentered } = require('stremio/common');
 const StreamPlaceholder = require('./StreamPlaceholder');
 const styles = require('./styles');
 
@@ -11,7 +11,7 @@ const Stream = ({ className, addonName, title, thumbnail, progress, ...props })
         <Button {...props} className={classnames(className, styles['stream-container'])} title={title}>
             {
                 typeof thumbnail === 'string' && thumbnail.length > 0 ?
-                    <div className={styles['thumbnail-container']}>
+                    <div className={styles['thumbnail-container']} title={addonName}>
                         <Image
                             className={styles['thumbnail']}
                             src={thumbnail}
@@ -29,18 +29,8 @@ const Stream = ({ className, addonName, title, thumbnail, progress, ...props })
                         <div className={styles['addon-name']}>{addonName}</div>
                     </div>
             }
-            <div className={styles['info-container']}>
-                {
-                    typeof thumbnail === 'string' && thumbnail.length > 0 ?
-                        <div className={styles['addon-name-label']}>{addonName}</div>
-                        :
-                        null
-                }
-                <div className={styles['title-label']}>{title}</div>
-            </div>
-            <div className={styles['play-icon-container']}>
-                <Icon className={styles['play-icon']} icon={'ic_play'} />
-            </div>
+            <div className={styles['info-container']}>{title}</div>
+            <PlayIconCircleCentered className={styles['play-icon']} />
             {
                 progress !== null && !isNaN(progress) && progress > 0 ?
                     <div className={styles['progress-bar-container']}>