From 4b6e9220c42f6d59511a811a0f87bb6d1dee0d0b Mon Sep 17 00:00:00 2001
From: kytwb <kytwb@pm.me>
Date: Mon, 13 Dec 2021 03:44:46 +0100
Subject: Gracefully handle edge case showing both hibernating and loading
 state

---
 src/components/services/content/ServiceView.js | 11 ++++++-----
 1 file changed, 6 insertions(+), 5 deletions(-)

(limited to 'src/components/services')

diff --git a/src/components/services/content/ServiceView.js b/src/components/services/content/ServiceView.js
index 6fc1f1400..3ea36ae97 100644
--- a/src/components/services/content/ServiceView.js
+++ b/src/components/services/content/ServiceView.js
@@ -109,6 +109,7 @@ class ServiceView extends Component {
             {service.isEnabled &&
               service.isLoading &&
               service.isFirstLoad &&
+              !service.isHibernating &&
               !service.isServiceAccessRestricted && (
                 <WebviewLoader loaded={false} name={service.name} />
               )}
@@ -145,12 +146,12 @@ class ServiceView extends Component {
                 />
               </>
             ) : (
-              <div>
-                <span role="img" aria-label="Sleeping Emoji">
+              <div style={{display: 'flex', flexDirection: 'column', justifyContent: 'center', alignItems: 'center', textAlign: 'center' }}>
+                <span role="img" aria-label="Sleeping Emoji" style={{fontSize: 42}}>
                   😴
-                </span>{' '}
-                This service is currently hibernating. If this page doesn&#x27;t
-                close soon, please try reloading Ferdi.
+                </span><br/><br/>
+                This service is currently hibernating.<br/>
+                Try switching services or reloading Ferdi.
               </div>
             )}
           </>
-- 
cgit v1.2.3-54-g00ecf