Update object selection

Allows user to clear the highlight from the object by clicking on the object again.

Author: SalleeMatthew

spa/src/components/Chat.vue

@@ -857,7 +857,6 @@ export default Vue.extend({
       }
     },
     changeActivePanel(): void {
-      this.selectedId = null;
       this.backpackObjects = [];
       switch (this.activePanel) {
         case "users":
@@ -1234,11 +1233,9 @@ export default Vue.extend({
       },
       deep: true,
     },
-    clickId(newValue, oldValue) {
-      if(newValue) {
-        this.selectedId = newValue;
-        this.activePanel = 'sharedObjects';
-      }
+    clickId(newValue) {
+      this.selectedId = newValue;
+      this.activePanel = 'sharedObjects';
     },
     async activePanel() {
       if(this.activePanel === 'backpack') {

spa/src/pages/world-browser/WorldBrowserPage.vue

@@ -184,11 +184,13 @@ export default Vue.extend({
       });
       sharedObject.addFieldCallback("touchTime", {}, (_t) => {
         if(obj.id){
-          if(/\D/.test(obj.id)){
-            // user avatar clicked.
-            } else {
-              this.clickId = obj.id;
-            }
+          if(obj.id === this.clickId){
+            this.clickId = null;
+          } else {
+            this.clickId = obj.id;
+          }
+        } else {
+          this.clickId = null;
         }
       });
       this.sharedObjectsMap.set(obj.id, sharedObject);