From c7d7a532ac09a6c830e4212c7354a88c548fdd9a Mon Sep 17 00:00:00 2001
From: Intnick <intnick@hotmail.com>
Date: Fri, 26 May 2017 02:27:05 +0200
Subject: [PATCH] help page trans

---
 app/locales/en.json      | 25 +++++++++++++++++++--
 ui/js/page/help/view.jsx | 48 +++++++++++++++++++++-------------------
 2 files changed, 48 insertions(+), 25 deletions(-)

diff --git a/app/locales/en.json b/app/locales/en.json
index 7c4e78d5e..de026931c 100644
--- a/app/locales/en.json
+++ b/app/locales/en.json
@@ -143,5 +143,26 @@
   "report": "report",
   "Content-Type": "Content-Type",
   "Author": "Author",
-  "License": "License"
-}
\ No newline at end of file
+  "License": "License",
+  "Read the FAQ": "Read the FAQ",
+  "Our FAQ answers many common questions.": "Our FAQ answers many common questions.",
+  "Get Live Help": "Get Live Help",
+  "Live help is available most hours in the": "Live help is available most hours in the",
+  "channel of our Slack chat room.": "channel of our Slack chat room.",
+  "Join Our Slack": "Join Our Slack",
+  "Report a Bug": "Report a Bug",
+  "Did you find something wrong?": "Did you find something wrong?",
+  "Submit a Bug Report": "Submit a Bug Report",
+  "Thanks! LBRY is made by its users.": "Thanks! LBRY is made by its users.",
+  "Report": "Report",
+  "About": "About",
+  "A newer version of LBRY is available.": "A newer version of LBRY is available.",
+  "Download LBRY %s now!": "Download LBRY %s now!",
+  "Your copy of LBRY is up to date.": "Your copy of LBRY is up to date.",
+  "daemon (lbrynet)": "daemon (lbrynet)",
+  "wallet (lbryum)": "wallet (lbryum)",
+  "interface": "interface",
+  "Platform": "Platform",
+  "Installation ID": "Installation ID",
+  "Looking up version info": "Looking up version info"
+}
diff --git a/ui/js/page/help/view.jsx b/ui/js/page/help/view.jsx
index 3f67c2d70..13b3e0342 100644
--- a/ui/js/page/help/view.jsx
+++ b/ui/js/page/help/view.jsx
@@ -65,70 +65,72 @@ class HelpPage extends React.Component {
         <SubHeader />
         <section className="card">
           <div className="card__title-primary">
-            <h3>Read the FAQ</h3>
+            <h3>{__("Read the FAQ")}</h3>
           </div>
           <div className="card__content">
-            <p>Our FAQ answers many common questions.</p>
-            <p><Link href="https://lbry.io/faq" label="Read the FAQ" icon="icon-question" button="alt"/></p>
+            <p>{__("Our FAQ answers many common questions.")}</p>
+            <p><Link href="https://lbry.io/faq" label={__("Read the FAQ")} icon="icon-question" button="alt"/></p>
           </div>
         </section>
         <section className="card">
           <div className="card__title-primary">
-            <h3>Get Live Help</h3>
+            <h3>{__("Get Live Help")}</h3>
           </div>
           <div className="card__content">
             <p>
-              Live help is available most hours in the <strong>#help</strong> channel of our Slack chat room.
+              {__("Live help is available most hours in the")} <strong>#help</strong> {__("channel of our Slack chat room.")}
             </p>
             <p>
-              <Link button="alt" label="Join Our Slack" icon="icon-slack" href="https://slack.lbry.io" />
+              <Link button="alt" label={__("Join Our Slack")} icon="icon-slack" href="https://slack.lbry.io" />
             </p>
           </div>
         </section>
         <section className="card">
-          <div className="card__title-primary"><h3>Report a Bug</h3></div>
+          <div className="card__title-primary"><h3>{__("Report a Bug")}</h3></div>
           <div className="card__content">
-            <p>Did you find something wrong?</p>
-            <p><Link onClick={() => navigate('report')} label="Submit a Bug Report" icon="icon-bug" button="alt" /></p>
-            <div className="meta">Thanks! LBRY is made by its users.</div>
+            <p>{__("Did you find something wrong?")}</p>
+            <p><Link onClick={() => navigate('report')} label={__("Submit a Bug Report")} icon="icon-bug" button="alt" /></p>
+            <div className="meta">{__("Thanks! LBRY is made by its users.")}</div>
           </div>
         </section>
-        <section className="card">
-         <div className="card__title-primary"><h3>About</h3></div>
-         <div className="card__content">
+        {!ver ? null :
+         <section className="card">
+           <div className="card__title-primary"><h3>{__("About")}</h3></div>
+           <div className="card__content">
            {this.state.appVersionInfo ?
-            (ver.lbrynet_update_available || ver.lbryum_update_available ?
-               <p>A newer version of LBRY is available. <Link href={newVerLink} label={`Download LBRY ${ver.remote_lbrynet} now!`} /></p>
-               : <p>Your copy of LBRY is up to date.</p>) : null}
-           { ver ?
+             (ver.lbrynet_update_available || ver.lbryum_update_available ?
+              <p>{__("A newer version of LBRY is available.")} <Link href={newVerLink} label={__("Download LBRY %s now!"), ver.remote_lbrynet} /></p>
+               : <p>{__("Your copy of LBRY is up to date.")}</p>) : null}
+             { ver ?
              <table className="table-standard">
                <tbody>
                  <tr>
-                   <th>daemon (lbrynet)</th>
+                   <th>{__("daemon (lbrynet)")}</th>
                    <td>{ver.lbrynet_version}</td>
                  </tr>
                  <tr>
-                   <th>wallet (lbryum)</th>
+                   <th>{__("wallet (lbryum)")}</th>
                    <td>{ver.lbryum_version}</td>
                  </tr>
                  <tr>
-                   <th>interface</th>
+                   <th>{__("interface")}</th>
                    <td>{uiVersion}</td>
                  </tr>
                  <tr>
-                   <th>Platform</th>
+                   <th>{__("Platform")}</th>
                    <td>{platform}</td>
                  </tr>
                  <tr>
-                   <th>Installation ID</th>
+                   <th>{__("Installation ID")}</th>
                    <td>{this.state.lbryId}</td>
                  </tr>
                </tbody>
              </table> :
-             <BusyMessage message="Looking up version info" />
+             <BusyMessage message={__("Looking up version info")} />
             }
          </div>
         </section>
+      }
       </main>
     );
   }