From b4f48983ff3d94f834df328c6c8693d5b27bdeea Mon Sep 17 00:00:00 2001
From: Bruno Perel <brunoperel@gmail.com>
Date: Thu, 21 Nov 2024 00:16:16 +0100
Subject: [PATCH] web: Fix issue code details storage after
 fetchIssuecodesByPublicationcode call

---
 apps/edgecreator/src/App.vue          |  1 -
 apps/web/src/components/IssueList.vue | 11 +++++------
 apps/web/src/stores/coa.ts            |  6 +++++-
 3 files changed, 10 insertions(+), 8 deletions(-)

diff --git a/apps/edgecreator/src/App.vue b/apps/edgecreator/src/App.vue
index c445a1d1c..52f21d9fb 100644
--- a/apps/edgecreator/src/App.vue
+++ b/apps/edgecreator/src/App.vue
@@ -5,7 +5,6 @@
 <script setup lang="ts">
 import Cookies from "js-cookie";
 
-import { SocketClient } from "~socket.io-client-services/index";
 import { buildWebStorage } from "~socket.io-client-services/index";
 import { stores as webStores } from "~web";
 import useDmSocket, {
diff --git a/apps/web/src/components/IssueList.vue b/apps/web/src/components/IssueList.vue
index ddd6ceaf9..65fd90a69 100644
--- a/apps/web/src/components/IssueList.vue
+++ b/apps/web/src/components/IssueList.vue
@@ -125,7 +125,7 @@
 
                 <span class="issue-text">
                   {{ issueNumberTextPrefix
-                  }}{{ issuecodeDetails[issuecode].issuenumber }}
+                  }}{{ issuecodeDetails[issuecode]?.issuenumber }}
                   <span class="issue-title">{{ title }}</span>
                 </span>
               </span>
@@ -187,7 +187,7 @@
 
                 <span class="issue-text">
                   {{ issueNumberTextPrefix
-                  }}{{ issuecodeDetails[issuecode].issuenumber }}
+                  }}{{ issuecodeDetails[issuecode]?.issuenumber }}
                   <span class="issue-title">{{ title }}</span>
                 </span>
               </span>
@@ -464,10 +464,9 @@ const showFilter = $computed(
 );
 
 const issueIds = $computed(() =>
-  Object.values(copiesBySelectedIssuecode).reduce<number[]>((acc, issues) => {
-    acc.concat(issues.map((issue) => issue.id));
-    return acc;
-  }, []),
+  Object.values(copiesBySelectedIssuecode)
+    .map((issues) => issues.map(({ id }) => id))
+    .flat(),
 );
 
 let contextMenuKey = $ref<string>("context-menu");
diff --git a/apps/web/src/stores/coa.ts b/apps/web/src/stores/coa.ts
index 951bd165a..0269db4d5 100644
--- a/apps/web/src/stores/coa.ts
+++ b/apps/web/src/stores/coa.ts
@@ -7,6 +7,7 @@ import type {
   inducks_storyversion,
 } from "~prisma-schemas/client_coa";
 import type { EventReturnType } from "~socket.io-services";
+import "~group-by";
 
 import { socketInjectionKey } from "../composables/useDmSocket";
 
@@ -241,7 +242,10 @@ export const coa = defineStore("coa", () => {
         const issuesByPublicationcode =
           await services.getIssuesByPublicationcodes(newPublicationcodes);
 
-        Object.assign(issuecodeDetails.value, issuesByPublicationcode);
+        Object.assign(
+          issuecodeDetails.value,
+          Object.values(issuesByPublicationcode).flat().groupBy("issuecode"),
+        );
         Object.assign(
           issuecodesByPublicationcode.value,
           Object.entries(issuesByPublicationcode).reduce<