From af0da22afe2bd0346406f2a1bac7c651f5d0104a Mon Sep 17 00:00:00 2001
From: Alireza Heidari <itisalirh@gmail.com>
Date: Tue, 12 Mar 2024 15:41:03 +0100
Subject: [PATCH] =?UTF-8?q?=F0=9F=9B=A0=EF=B8=8F:=20rename=20`updateHistor?=
 =?UTF-8?q?ies`=20fetcher=20to=20`updateHistoryItemsBulk`=20and=20move=20i?=
 =?UTF-8?q?t=20histories=20apis=20and=20import=20missing=20component=20in?=
 =?UTF-8?q?=20`CollectionEditView`?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 client/src/api/histories.ts                                 | 5 ++++-
 .../components/Collections/common/CollectionEditView.vue    | 6 ++++--
 client/src/components/Collections/common/services.ts        | 4 ++--
 3 files changed, 10 insertions(+), 5 deletions(-)

diff --git a/client/src/api/histories.ts b/client/src/api/histories.ts
index fc70d5817ba..fcd1d0c1c1f 100644
--- a/client/src/api/histories.ts
+++ b/client/src/api/histories.ts
@@ -8,4 +8,7 @@ export const undeleteHistory = fetcher.path("/api/histories/deleted/{history_id}
 export const undeleteHistories = fetcher.path("/api/histories/batch/undelete").method("put").create();
 export const publishedHistoriesFetcher = fetcher.path("/api/histories/published").method("get").create();
 export const historyFetcher = fetcher.path("/api/histories/{history_id}").method("get").create();
-export const putHistories = fetcher.path("/api/histories/{history_id}/contents/bulk").method("put").create();
+export const updateHistoryItemsInBulk = fetcher
+    .path("/api/histories/{history_id}/contents/bulk")
+    .method("put")
+    .create();
diff --git a/client/src/components/Collections/common/CollectionEditView.vue b/client/src/components/Collections/common/CollectionEditView.vue
index f04abfca8aa..e7465737b73 100644
--- a/client/src/components/Collections/common/CollectionEditView.vue
+++ b/client/src/components/Collections/common/CollectionEditView.vue
@@ -3,7 +3,7 @@ import { library } from "@fortawesome/fontawesome-svg-core";
 import { faBars, faCog, faDatabase, faTable, faUser } from "@fortawesome/free-solid-svg-icons";
 import { FontAwesomeIcon } from "@fortawesome/vue-fontawesome";
 import axios from "axios";
-import { BAlert, BTab, BTabs } from "bootstrap-vue";
+import { BAlert, BSpinner, BTab, BTabs } from "bootstrap-vue";
 import { storeToRefs } from "pinia";
 import { computed, ref } from "vue";
 
@@ -147,7 +147,9 @@ function handleError(err: any) {
                 </template>
 
                 <DbKeyProvider v-slot="{ item, loading }">
-                    <div v-if="loading"><b-spinner label="Loading Database/Builds..."></b-spinner></div>
+                    <div v-if="loading">
+                        <BSpinner label="Loading Database/Builds..." />
+                    </div>
                     <div v-else>
                         <DatabaseEditTab
                             v-if="item && databaseKeyFromElements"
diff --git a/client/src/components/Collections/common/services.ts b/client/src/components/Collections/common/services.ts
index 900ed920342..fd6287c4114 100644
--- a/client/src/components/Collections/common/services.ts
+++ b/client/src/components/Collections/common/services.ts
@@ -1,8 +1,8 @@
-import { putHistories } from "@/api/histories";
+import { updateHistoryItemsInBulk } from "@/api/histories";
 import { type components } from "@/api/schema";
 
 export type HistoryContentBulkOperationPayload = components["schemas"]["HistoryContentBulkOperationPayload"];
 
 export async function updateHistoryItemsBulk(historyId: string, changes: HistoryContentBulkOperationPayload) {
-    await putHistories({ history_id: historyId, ...changes });
+    await updateHistoryItemsInBulk({ history_id: historyId, ...changes });
 }