Fix navigation between apps (#5526)

* Fix navigation between apps

* Fix bug

Author: gettinToasty

app/components/windows/Main.vue.ts

@@ -84,6 +84,7 @@ export default class Main extends Vue {
 
   theme: Theme = 'night-theme';
   page: TAppPage = 'Studio';
+  params: Dictionary<string | boolean> = {};
   minEditorWidth = 500;
 
   created() {
@@ -102,6 +103,7 @@ export default class Main extends Vue {
     });
     this.unbindNavigation = this.navigationService.state.bindProps(this, {
       page: 'currentPage',
+      params: 'params',
     });
 
     antdThemes[this.theme].use();
@@ -143,10 +145,6 @@ export default class Main extends Vue {
     return this.windowsService.state.main.title;
   }
 
-  get params() {
-    return this.navigationService.state.params;
-  }
-
   get applicationLoading() {
     return this.appService.state.loading;
   }

app/services/realm.ts

@@ -99,9 +99,15 @@ export class RealmObject {
   bindProps(target: Object, bindings: Dictionary<string>) {
     const setProps = () => {
       Object.keys(bindings).forEach(key => {
-        // TODO: index
         // @ts-ignore
-        target[key] = this[bindings[key]];
+        // this means the realm object is a complex shape like a dictionary
+        if (typeof this[bindings[key]] === 'object') {
+          // @ts-ignore
+          target[key] = this[bindings[key]].toJSON();
+        } else {
+          // @ts-ignore
+          target[key] = this[bindings[key]];
+        }
       });
     };
 
@@ -188,7 +194,8 @@ export class RealmObject {
             // Realm type can be either a string or a nested object with a `type` property or an `objectType`
             // property in the case of referential schemas
             let type = typeof dataType === 'string' ? dataType : dataType.type;
-            if (dataType.objectType) type = dataType.objectType;
+            // dictionaries are not referential schemas although they still have an objectType
+            if (dataType.objectType && type !== 'dictionary') type = dataType.objectType;
             const klass = RealmService.registeredClasses[type];
             return klass.fromRealmModel(val);
           }