Ryan/drop
1
0
Fork 0
mirror of https://github.com/Drop-OSS/drop.git synced 2025-11-10 04:22:09 +10:00
Code Issues Packages Projects Releases Wiki Activity

feat: slight optimisation with removing from collection

Browse Source
This commit is contained in:
DecDuck
2025-04-01 12:08:39 +11:00
parent 1048653eef
commit 3b4f940983
1 changed files with 24 additions and 8 deletions
Download Patch File Download Diff File Expand all files Collapse all files

32
components/AddLibraryButton.vue
View File

@ -115,13 +115,22 @@ const inCollections = computed(() =>
async function toggleLibrary() {
isLibraryLoading.value = true;
try {
const method = inLibrary.value ? "DELETE" : "POST";
await $dropFetch("/api/v1/collection/default/entry", {
method: inLibrary.value ? "DELETE" : "POST",
method,
body: {
id: props.gameId,
},
});
await refreshLibrary();
if (method == "DELETE") {
// In place remove
library.value.entries.splice(
library.value.entries.findIndex((e) => e.gameId == props.gameId),
1
);
} else {
await refreshLibrary();
}
} catch (e: any) {
createModal(
ModalType.Notification,
@ -138,18 +147,26 @@ async function toggleLibrary() {
async function toggleCollection(id: string) {
try {
const collection = collections.value.find((e) => e.id == id);
if (!collection) return;
const index = collection.entries.findIndex((e) => e.gameId == props.gameId);
const collectionIndex = collections.value.findIndex((e) => e.id == id);
if (collectionIndex == -1) return;
const index = collections.value[collectionIndex].entries.findIndex(
(e) => e.gameId == props.gameId
);
const method = index == -1 ? "POST" : "DELETE";
await $dropFetch(`/api/v1/collection/${id}/entry`, {
method: index == -1 ? "POST" : "DELETE",
method,
body: {
id: props.gameId,
},
});
await refreshCollection(id);
if (method == "DELETE") {
collections.value[collectionIndex].entries.splice(index, 1);
} else {
// We HAVE to refresh because we need to pull game data
await refreshCollection(id);
}
} catch (e: any) {
createModal(
ModalType.Notification,
@ -159,7 +176,6 @@ async function toggleCollection(id: string) {
},
(_, c) => c()
);
} finally {
}
}
</script>