From 24a7d5588eef0797b37cf9c5c2e0a7394414c95e Mon Sep 17 00:00:00 2001
From: Jeremy Kauffman <kauffj@gmail.com>
Date: Sun, 7 Aug 2016 14:00:56 -0400
Subject: [PATCH] turn return link into a component

---
 js/component/common.js | 13 ++++++++++++-
 js/page/help.js        |  2 +-
 js/page/my_files.js    |  2 +-
 js/page/report.js      |  6 +++---
 js/page/settings.js    |  2 +-
 js/page/show.js        |  2 +-
 js/page/wallet.js      |  2 +-
 7 files changed, 20 insertions(+), 9 deletions(-)

diff --git a/js/component/common.js b/js/component/common.js
index 2a9f2ef29..a9406295a 100644
--- a/js/component/common.js
+++ b/js/component/common.js
@@ -55,6 +55,7 @@ var ToolTip = React.createClass({
 var linkContainerStyle = {
   position: 'relative',
 };
+
 var Link = React.createClass({
   getInitialState: function() {
     return {
@@ -100,6 +101,16 @@ var Link = React.createClass({
   }
 });
 
+var ReturnLink = React.createClass({
+  render: function() {
+    return <div style={ { padding: '24px 0' } }><Link
+      href={this.props.href ? this.props.href : '/'}
+      icon="icon-chevron-left"
+      label={this.props.label ? this.props.label : 'Return'}
+    /></div>;
+  }
+});
+
 var DownloadLink = React.createClass({
   propTypes: {
     type: React.PropTypes.string,
@@ -365,6 +376,6 @@ var subPageLogoStyle = {
 
 var SubPageLogo = React.createClass({
   render: function() {
-    return <img src="img/lbry-dark-1600x528.png" style={subPageLogoStyle} />;
+    return <a href="/"><img src="img/lbry-dark-1600x528.png" style={subPageLogoStyle} /></a>;
   }
 });
\ No newline at end of file
diff --git a/js/page/help.js b/js/page/help.js
index 64f0845cb..c65250cd4 100644
--- a/js/page/help.js
+++ b/js/page/help.js
@@ -26,7 +26,7 @@ var HelpPage = React.createClass({
         <h3>None of this applies to me, or it didn't work.</h3>
         <p>Please <Link href="/?report" label="send us a bug report" />. Thanks!</p>
         <section>
-          <Link href="/" label="<< Return" />
+          <ReturnLink />
         </section>
       </main>
     );
diff --git a/js/page/my_files.js b/js/page/my_files.js
index e68203d03..a53d73d06 100644
--- a/js/page/my_files.js
+++ b/js/page/my_files.js
@@ -191,7 +191,7 @@ var MyFilesPage = React.createClass({
           {content}
         </section>
         <section>
-          <Link href="/" label="<< Return" />
+          <ReturnLink />
         </section>
       </main>
     );
diff --git a/js/page/report.js b/js/page/report.js
index bd46f2919..5c73b9e86 100644
--- a/js/page/report.js
+++ b/js/page/report.js
@@ -22,17 +22,17 @@ var ReportPage = React.createClass({
     return (
       <main className="page">
         <SubPageLogo />
-        <h1>Report a bug</h1>
+        <h1>Report an Issue</h1>
         <section>
         <p>Please describe the problem you experienced and any information you think might be useful to us. Links to screenshots are great!</p>
         <textarea ref={(t) => this._messageArea = t} cols="50" rows="10" name="message" type="text"/>
-        <div><button onClick={this.submitMessage} className={this.state.submitting ? 'disabled' : ''}>{this.state.submitting ? 'Submitting...' : 'Submit bug report'}</button></div>
+        <div><button onClick={this.submitMessage} className={'button-block button-primary ' + (this.state.submitting ? 'disabled' : '')}>{this.state.submitting ? 'Submitting...' : 'Submit Report'}</button></div>
         </section>
         <section>
         Developers, feel free to instead <Link href="https://github.com/lbryio/lbry/issues" label="submit an issue on GitHub"/>.
         </section>
         <section>
-          <Link href="/?help" label="<< Return to Help"/>
+          <ReturnLink href="/?help" label="Return to Help"/>
         </section>
       </main>
     );
diff --git a/js/page/settings.js b/js/page/settings.js
index 02bcd7824..8b04d5926 100644
--- a/js/page/settings.js
+++ b/js/page/settings.js
@@ -119,7 +119,7 @@ var SettingsPage = React.createClass({
         </section>
 
         <section>
-          <Link href="/" label="<< Return"/>
+          <ReturnLink />
         </section>
        </main>
     );
diff --git a/js/page/show.js b/js/page/show.js
index 0acaedcad..c4778e09f 100644
--- a/js/page/show.js
+++ b/js/page/show.js
@@ -144,7 +144,7 @@ var DetailPage = React.createClass({
         <SubPageLogo />
         <FormatsSection name={name} claimInfo={claimInfo} amount={amount} />
         <section>
-          <Link href="/" label="<< Return" />
+          <ReturnLink />
         </section>
       </main>);
   }
diff --git a/js/page/wallet.js b/js/page/wallet.js
index a0deaaeb9..1217cf86f 100644
--- a/js/page/wallet.js
+++ b/js/page/wallet.js
@@ -105,7 +105,7 @@ var WalletPage = React.createClass({
         <NewAddressSection />
         <SendToAddressSection />
         <section>
-          <Link href="/" label="<< Return" />
+          <ReturnLink />
         </section>
       </main>
     );