From b005ed76fe2dff2ad5ee97c9e5c2fa0171660fad Mon Sep 17 00:00:00 2001
From: seanyesmunt <sean.yesmunt@gmail.com>
Date: Mon, 16 Mar 2020 17:57:57 -0400
Subject: [PATCH] add 10 second timeout to lbrytv status call

---
 ui/component/app/view.jsx |  5 ++++-
 ui/util/fetch.js          | 17 +++++++++++++++++
 2 files changed, 21 insertions(+), 1 deletion(-)
 create mode 100644 ui/util/fetch.js

diff --git a/ui/component/app/view.jsx b/ui/component/app/view.jsx
index 022b4ad91..ccb028ec9 100644
--- a/ui/component/app/view.jsx
+++ b/ui/component/app/view.jsx
@@ -23,6 +23,7 @@ import useIsMobile from 'effects/use-is-mobile';
 // @if TARGET='web'
 import OpenInAppLink from 'component/openInAppLink';
 import YoutubeWelcome from 'component/youtubeWelcome';
+import fetchWithTimeout from 'util/fetch';
 // @endif
 
 export const MAIN_WRAPPER_CLASS = 'main-wrapper';
@@ -251,8 +252,9 @@ function App(props: Props) {
   }, [syncError, pathname, isAuthenticated]);
 
   // @if TARGET='web'
+  // This should all be moved into lbrytv/component/...
   useEffect(() => {
-    fetch(`${LBRY_TV_API}/internal/status`)
+    fetchWithTimeout(10000, fetch(`${LBRY_TV_API}/internal/status`))
       .then(response => response.json())
       .then(status => {
         if (status.general_state !== 'ok') {
@@ -260,6 +262,7 @@ function App(props: Props) {
         }
       })
       .catch(err => {
+        console.log('err', err);
         setCurrentlyDegradedPerformance(true);
       });
   }, []);
diff --git a/ui/util/fetch.js b/ui/util/fetch.js
new file mode 100644
index 000000000..f46c9955b
--- /dev/null
+++ b/ui/util/fetch.js
@@ -0,0 +1,17 @@
+export default function fetchWithTimeout(ms, promise) {
+  return new Promise((resolve, reject) => {
+    const timeoutId = setTimeout(() => {
+      reject(new Error('promise timeout'));
+    }, ms);
+    promise.then(
+      res => {
+        clearTimeout(timeoutId);
+        resolve(res);
+      },
+      err => {
+        clearTimeout(timeoutId);
+        reject(err);
+      }
+    );
+  });
+}