From 9b10b775cd9aabda8c6a2e0a755bb2ec8d05ba95 Mon Sep 17 00:00:00 2001
From: eatdostacos <64234158+eatdostacos@users.noreply.github.com>
Date: Sat, 11 Jul 2020 00:11:47 -0700
Subject: [PATCH] Add a LBRY status card to help page with links to new FAQ
 page and status page

---
 static/app-strings.json             |  4 ++++
 ui/component/common/icon-custom.jsx |  7 +++++++
 ui/constants/icons.js               |  1 +
 ui/page/help/view.jsx               | 20 ++++++++++++++++++++
 4 files changed, 32 insertions(+)

diff --git a/static/app-strings.json b/static/app-strings.json
index 9d0e2a55c..c5e753504 100644
--- a/static/app-strings.json
+++ b/static/app-strings.json
@@ -1266,5 +1266,9 @@
   "There was an error with LBRY first publishing.": "There was an error with LBRY first publishing.",
   "Automagically upload to your youtube channel.": "Automagically upload to your youtube channel.",
   "Your file was published to LBRY, but the YouTube upload failed.": "Your file was published to LBRY, but the YouTube upload failed.",
+  "LBRY Status": "LBRY Status",
+  "Check the status of various LBRY services.": "Check the status of various LBRY services.",
+  "Check Status": "Check Status",
+  "Monitor Explanation FAQ": "Monitor Explanation FAQ",
   "--end--": "--end--"
 }
diff --git a/ui/component/common/icon-custom.jsx b/ui/component/common/icon-custom.jsx
index 7dbb916b4..454ab05d4 100644
--- a/ui/component/common/icon-custom.jsx
+++ b/ui/component/common/icon-custom.jsx
@@ -694,4 +694,11 @@ export const icons = {
       <circle cx="12" cy="13" r="4" />
     </g>
   ),
+  [ICONS.LBRY_STATUS]: buildIcon(
+    <g>
+      <line x1="18" y1="20" x2="18" y2="10" />
+      <line x1="12" y1="20" x2="12" y2="4" />
+      <line x1="6" y1="20" x2="6" y2="14" />
+    </g>
+  ),
 };
diff --git a/ui/constants/icons.js b/ui/constants/icons.js
index 8c77a8f34..6fb549cc8 100644
--- a/ui/constants/icons.js
+++ b/ui/constants/icons.js
@@ -109,3 +109,4 @@ export const RECEIVE = 'Receive';
 export const CAMERA = 'Camera';
 export const OPEN_LOG = 'FilePlus';
 export const OPEN_LOG_FOLDER = 'Folder';
+export const LBRY_STATUS = 'BarChart';
diff --git a/ui/page/help/view.jsx b/ui/page/help/view.jsx
index 2d060738d..263ad14a7 100644
--- a/ui/page/help/view.jsx
+++ b/ui/page/help/view.jsx
@@ -148,6 +148,26 @@ class HelpPage extends React.PureComponent<Props, State> {
           }
         />
 
+        <Card
+          title={__('LBRY Status')}
+          subtitle={__('Check the status of various LBRY services.')}
+          actions={
+            <div className="section__actions">
+              <Button
+                href="https://status.lbry.com/"
+                label={__('Check Status')}
+                icon={ICONS.LBRY_STATUS}
+                button="secondary"
+              />
+              <Button
+                href="https://lbry.com/faq/services-monitor"
+                label={__('Monitor Explanation FAQ')}
+                icon={ICONS.HELP}
+                button="secondary"
+            </div>
+          }
+        />
+
         <Card
           title={__('Find Assistance')}
           subtitle={