don't initialize menu & touchbar on /payment/ routes

2 files changed, 7 insertions, 1 deletions

diff --git a/src/lib/Menu.js b/src/lib/Menu.js
index cda33baef..c0c9d940d 100644
--- a/src/lib/Menu.js
+++ b/src/lib/Menu.js
@@ -636,7 +636,9 @@ export default class FranzMenu {
     // need to clone object so we don't modify computed (cached) object
     const serviceTpl = Object.assign([], this.serviceTpl());
 
-    if (window.franz === undefined) {
+    // Don't initialize when window.franz is undefined or when we are on a payment window route
+    if (window.franz === undefined || this.stores.router.location.pathname.startsWith('/payment/')) {
+      console.log('skipping menu init');
       return;
     }
 
diff --git a/src/lib/TouchBar.js b/src/lib/TouchBar.js
index 1de46d2a3..32f546644 100644
--- a/src/lib/TouchBar.js
+++ b/src/lib/TouchBar.js
@@ -24,6 +24,10 @@ export default class FranzTouchBar {
   _build() {
     const currentWindow = remote.getCurrentWindow();
 
+    if (this.stores.router.location.pathname.startsWith('/payment/')) {
+      return;
+    }
+
     if (this.stores.user.isLoggedIn) {
       const { TouchBar } = remote;
       const { TouchBarButton, TouchBarSpacer } = TouchBar;