Add a less-obstrusive progress bar on top of the Ferdium window (#285)

1 files changed, 5 insertions, 1 deletions

diff --git a/src/components/services/content/ServiceView.js b/src/components/services/content/ServiceView.js
index 1effcb628..39f1176f3 100644
--- a/src/components/services/content/ServiceView.js
+++ b/src/components/services/content/ServiceView.js
@@ -1,9 +1,10 @@
 /* eslint-disable react/jsx-no-useless-fragment */
-import { Component, Fragment } from 'react';
+import { Component } from 'react';
 import PropTypes from 'prop-types';
 import { autorun } from 'mobx';
 import { observer, inject } from 'mobx-react';
 import classnames from 'classnames';
+import TopBarProgress from 'react-topbar-progress-indicator';
 
 import ServiceModel from '../../../models/Service';
 import StatusBarTargetUrl from '../../ui/StatusBarTargetUrl';
@@ -113,6 +114,9 @@ class ServiceView extends Component {
               !service.isServiceAccessRestricted && (
                 <WebviewLoader loaded={false} name={service.name} />
               )}
+            {service.isLoadingPage && !service.isFirstLoad && (
+                <TopBarProgress />
+            )}
             {service.isError && (
               <WebviewErrorHandler
                 name={service.recipe.name}