[#2123] Fix zoom bug if zUser is undefined

frontend/src/views/c-summary.vue

@@ -899,7 +899,9 @@ export default defineComponent({
       if (zIsMerged) {
         this.mergeGroupByIndex(filtered, 0);
       }
-      [[info.zUser]] = filtered;
+
+      if (filtered.length) [[info.zUser]] = filtered;
+
       info.zFileTypeColors = this.fileTypeColors;
       info.isRefreshing = false;
       this.$store.commit('updateTabZoomInfo', info);

frontend/src/views/c-zoom.vue

@@ -1,5 +1,5 @@
 <template lang="pug">
-#zoom
+#zoom(v-if="filteredUser")
   .panel-title
     span Commits Panel
   .toolbar--multiline(v-if="filteredUser.commits.length && totalCommitMessageBodyCount")
@@ -199,13 +199,13 @@ export default defineComponent({
       return (a: Commit, b: Commit) => (this.toReverseSortedCommits ? -1 : 1)
         * window.comparator(commitSortFunction)(a, b);
     },
-    filteredUser(): User {
+    filteredUser(): User | undefined {
       const {
         zUser, zSince, zUntil, zTimeFrame,
       } = this.info;
 
       if (!zUser) {
-        throw new Error('zUser is not defined');
+        return undefined;
       }
 
       const filteredUser: User = Object.assign({}, zUser);
@@ -242,11 +242,11 @@ export default defineComponent({
 
     selectedCommits(): Array<Commit> {
       if (this.isSelectAllChecked) {
-        return this.filteredUser.commits;
+        return this.filteredUser?.commits ?? [];
       }
 
       const commits = [] as Array<Commit>;
-      this.filteredUser.commits.forEach((commit) => {
+      this.filteredUser?.commits.forEach((commit) => {
         const filteredCommit = { ...commit };
         filteredCommit.commitResults = [];
         commit.commitResults.forEach((slice) => {
@@ -318,6 +318,12 @@ export default defineComponent({
     },
   },
   created() {
+    // return if filteredUser is undefined since it won't make sense to render zoom tab
+    // #zoom-tab is also rendered only if filteredUser is defined
+    if (!this.filteredUser) {
+      this.removeZoomHashes();
+      return;
+    }
     this.initiate();
     this.retrieveHashes();
     this.setInfoHash();
@@ -404,15 +410,16 @@ export default defineComponent({
     },
 
     updateFileTypes() {
+      // Assert that this.filteredUser is not undefined since this method is called in the created hook
       const commitsFileTypes = new Set<string>();
-      this.filteredUser.commits.forEach((commit) => {
+      this.filteredUser!.commits.forEach((commit) => {
         commit.commitResults.forEach((slice) => {
           Object.keys(slice.fileTypesAndContributionMap).forEach((fileType) => {
             commitsFileTypes.add(fileType);
           });
         });
       });
-      this.fileTypes = Object.keys(this.filteredUser.fileTypeContribution).filter(
+      this.fileTypes = Object.keys(this.filteredUser!.fileTypeContribution).filter(
         (fileType) => commitsFileTypes.has(fileType),
       );
     },
@@ -499,6 +506,7 @@ export default defineComponent({
       window.removeHash('zFT');
       window.removeHash('zCST');
       window.removeHash('zRSC');
+      window.removeHash('zFR');
       window.encodeHash();
     },