app: refactor AppView.goTo to use PUBLIC_URL

Author: jamaljsr

app/src/store/views/appView.ts

@@ -34,27 +34,28 @@ export default class AppView {
 
   /** navigate to the specified route */
   goTo(route: string) {
-    if (this._store.router.location.pathname !== route) {
-      this._store.router.push(route);
+    const path = `${PUBLIC_URL}${route}`;
+    if (this._store.router.location.pathname !== path) {
+      this._store.router.push(path);
     }
   }
 
   /** Change to the Auth page */
   gotoAuth() {
-    this.goTo(`${PUBLIC_URL}/`);
+    this.goTo(`/`);
     this._store.log.info('Go to the Auth page');
   }
 
   /** Change to the Home page */
   goToHome() {
-    this.goTo(`${PUBLIC_URL}/home`);
+    this.goTo(`/home`);
     this._store.settingsStore.autoCollapseSidebar();
     this._store.log.info('Go to the Home page');
   }
 
   /** Change to the Loop page */
   goToLoop() {
-    this.goTo(`${PUBLIC_URL}/loop`);
+    this.goTo(`/loop`);
     this._store.settingsStore.autoCollapseSidebar();
     if (!this._store.settingsStore.tourAutoShown) {
       this.showTour();
@@ -65,36 +66,36 @@ export default class AppView {
 
   /** Change to the History page */
   goToHistory() {
-    this.goTo(`${PUBLIC_URL}/history`);
+    this.goTo(`/history`);
     this._store.settingsStore.autoCollapseSidebar();
     this._store.log.info('Go to the History page');
   }
 
   /** Change to the Pool page */
   goToPool() {
-    this.goTo(`${PUBLIC_URL}/pool`);
+    this.goTo(`/pool`);
     // always collapse the sidebar to make room for the Pool sidebar
     this._store.settingsStore.sidebarVisible = false;
     this._store.log.info('Go to the Pool page');
   }
 
   /** Change to the Settings page */
   goToSettings() {
-    this.goTo(`${PUBLIC_URL}/settings`);
+    this.goTo(`/settings`);
     this._store.settingsStore.autoCollapseSidebar();
     this._store.log.info('Go to the Settings page');
   }
 
   /** Change to the Connect page */
   goToConnect() {
-    this.goTo(`${PUBLIC_URL}/connect`);
+    this.goTo(`/connect`);
     this._store.settingsStore.autoCollapseSidebar();
     this._store.log.info('Go to the Connect page');
   }
 
   /** Change to the Connect Custom page */
   goToConnectCustom() {
-    this.goTo(`${PUBLIC_URL}/connect/custom`);
+    this.goTo(`/connect/custom`);
     this._store.settingsStore.autoCollapseSidebar();
     this._store.log.info('Go to the Connect Custom page');
   }
@@ -185,7 +186,7 @@ export default class AppView {
   /** sets the selected setting to display */
   showSettings(name: SettingName) {
     const path = name === '' ? '' : `/${name}`;
-    this.goTo(`${PUBLIC_URL}/settings${path}`);
+    this.goTo(`/settings${path}`);
     this._store.log.info('Switch to Setting screen', name);
   }