diff options
author | 2022-06-17 22:53:25 +0530 | |
---|---|---|
committer | 2022-06-17 17:23:25 +0000 | |
commit | 9b052c5345054a0f1cc879f795fd71e97a79c83e (patch) | |
tree | 264e84a790c9af9e576a1725274ea480bb7f4580 /src/components/services/content/ServiceView.js | |
parent | Revert "Feature: Progress Indicator for page loading (#248)" (diff) | |
download | ferdium-app-9b052c5345054a0f1cc879f795fd71e97a79c83e.tar.gz ferdium-app-9b052c5345054a0f1cc879f795fd71e97a79c83e.tar.zst ferdium-app-9b052c5345054a0f1cc879f795fd71e97a79c83e.zip |
Add a less-obstrusive progress bar on top of the Ferdium window (#285)
Diffstat (limited to 'src/components/services/content/ServiceView.js')
-rw-r--r-- | src/components/services/content/ServiceView.js | 6 |
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 @@ | |||
1 | /* eslint-disable react/jsx-no-useless-fragment */ | 1 | /* eslint-disable react/jsx-no-useless-fragment */ |
2 | import { Component, Fragment } from 'react'; | 2 | import { Component } from 'react'; |
3 | import PropTypes from 'prop-types'; | 3 | import PropTypes from 'prop-types'; |
4 | import { autorun } from 'mobx'; | 4 | import { autorun } from 'mobx'; |
5 | import { observer, inject } from 'mobx-react'; | 5 | import { observer, inject } from 'mobx-react'; |
6 | import classnames from 'classnames'; | 6 | import classnames from 'classnames'; |
7 | import TopBarProgress from 'react-topbar-progress-indicator'; | ||
7 | 8 | ||
8 | import ServiceModel from '../../../models/Service'; | 9 | import ServiceModel from '../../../models/Service'; |
9 | import StatusBarTargetUrl from '../../ui/StatusBarTargetUrl'; | 10 | import StatusBarTargetUrl from '../../ui/StatusBarTargetUrl'; |
@@ -113,6 +114,9 @@ class ServiceView extends Component { | |||
113 | !service.isServiceAccessRestricted && ( | 114 | !service.isServiceAccessRestricted && ( |
114 | <WebviewLoader loaded={false} name={service.name} /> | 115 | <WebviewLoader loaded={false} name={service.name} /> |
115 | )} | 116 | )} |
117 | {service.isLoadingPage && !service.isFirstLoad && ( | ||
118 | <TopBarProgress /> | ||
119 | )} | ||
116 | {service.isError && ( | 120 | {service.isError && ( |
117 | <WebviewErrorHandler | 121 | <WebviewErrorHandler |
118 | name={service.recipe.name} | 122 | name={service.recipe.name} |