Merge branch 'franz-5.4.0' into develop

1 files changed, 24 insertions, 10 deletions

diff --git a/src/components/services/content/ServiceView.js b/src/components/services/content/ServiceView.js
index c45acc961..74d8af0bc 100644
--- a/src/components/services/content/ServiceView.js
+++ b/src/components/services/content/ServiceView.js
@@ -13,6 +13,7 @@ import WebviewErrorHandler from './ErrorHandlers/WebviewErrorHandler';
 import ServiceDisabled from './ServiceDisabled';
 import ServiceWebview from './ServiceWebview';
 import SettingsStore from '../../../stores/SettingsStore';
+import WebControlsScreen from '../../../features/webControls/containers/WebControlsScreen';
 
 export default @observer @inject('stores') class ServiceView extends Component {
   static propTypes = {
@@ -177,18 +178,31 @@ export default @observer @inject('stores') class ServiceView extends Component {
           </Fragment>
         ) : (
           <>
-            {!this.state.hibernate ? (
-              <ServiceWebview
-                service={service}
-                setWebviewReference={setWebviewReference}
-                detachService={detachService}
+            {service.isServiceAccessRestricted ? (
+              <ServiceRestricted
+                name={service.recipe.name}
+                upgrade={upgrade}
+                type={service.restrictionType}
               />
             ) : (
-              <div>
-                <span role="img" aria-label="Sleeping Emoji">😴</span>
-                {' '}
-This service is currently hibernating. If this page doesn&#x27;t close soon, please try reloading Ferdi.
-              </div>
+              <>
+                {service.recipe.id === 'franz-custom-website' && (
+                  <WebControlsScreen service={service} />
+                )}
+                {!this.state.hibernate ? (
+                  <ServiceWebview
+                    service={service}
+                    setWebviewReference={setWebviewReference}
+                    detachService={detachService}
+                  />
+                ) : (
+                  <div>
+                    <span role="img" aria-label="Sleeping Emoji">😴</span>
+                    {' '}
+                    This service is currently hibernating. If this page doesn&#x27;t close soon, please try reloading Ferdi.
+                  </div>
+                )}
+              </>
             )}
           </>
         )}