🛠️: rename updateHistories fetcher to updateHistoryItemsBulk and move it histories apis and import missing component in CollectionEditView

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();

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"

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 });
 }