From 1894f833a508d5e1d990ecb61af1c06eb5d0e2f8 Mon Sep 17 00:00:00 2001
From: Alex Liebowitz <alex@alexliebowitz.com>
Date: Fri, 20 May 2016 06:39:02 -0400
Subject: [PATCH] Make My Files page use new WatchLink component

---
 js/page/my_files.js | 13 +++----------
 1 file changed, 3 insertions(+), 10 deletions(-)

diff --git a/js/page/my_files.js b/js/page/my_files.js
index a2289d045..1edf6e61f 100644
--- a/js/page/my_files.js
+++ b/js/page/my_files.js
@@ -52,16 +52,9 @@ var MyFilesRow = React.createClass({
     }
 
     if (this.props.showWatchButton) {
-      // No support for lbry:// URLs in Windows or on Chrome yet
-      if (/windows|win32/i.test(navigator.userAgent) || (window.chrome && window.navigator.vendor == "Google Inc.")) {
-        var watchUri = "/?watch=" + this.props.lbryUri;
-      } else {
-        var watchUri = 'lbry://' + this.props.lbryUri;
-      }
-
-      var watchLink = <Link href={watchUri} label="Watch" icon="icon-play" button="primary" />;
+      var watchButton = <WatchLink streamName={this.props.lbryUri} button='primary' />
     } else {
-      var watchLink = null;
+      var watchButton = null;
     }
 
     return (
@@ -75,7 +68,7 @@ var MyFilesRow = React.createClass({
           { ' ' }
           {this.props.completed ? 'Download complete' : (parseInt(this.props.ratioLoaded * 100) + '%')}
           <div>{ pauseLink }</div>
-          <div>{ watchLink }</div>
+          <div>{ watchButton }</div>
         </div>
         <div className="span1" style={removeIconColumnStyle}>
           <Link icon="icon-close" title="Remove file" onClick={() => { this.onRemoveClicked() } } /><br />