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

feat: collection deleting

Browse Source
This commit is contained in:
DecDuck
2025-01-28 16:50:57 +11:00
parent 7c1dec9401
commit 42ebbf2922
3 changed files with 62 additions and 64 deletions
Download Patch File Download Diff File Expand all files Collapse all files

13
pages/library/index.vue
View File

@ -35,8 +35,7 @@
<!-- Delete button (only show for non-default collections) -->
<button
v-if="!collection.isDefault"
@click=""
@click="() => (currentlyDeleting = collection)"
class="px-3 ml-[2px] bg-zinc-800/50 hover:bg-zinc-800"
>
<TrashIcon class="h-5 w-5 text-zinc-400 hover:text-red-400" />
@ -57,7 +56,9 @@
Create Collection
</h3>
</div>
<p class="transition mt-1 text-sm text-zinc-500 group-hover:text-zinc-400">
<p
class="transition mt-1 text-sm text-zinc-500 group-hover:text-zinc-400"
>
Add a new collection to organize your games
</p>
</button>
@ -66,6 +67,7 @@
</div>
<CreateCollectionModal v-model="collectionCreateOpen" />
<DeleteCollectionModal v-model="currentlyDeleting" />
</template>
<script setup lang="ts">
@ -75,18 +77,19 @@ import {
TrashIcon,
ArrowLeftIcon,
} from "@heroicons/vue/20/solid";
import { type Game, type GameVersion } from "@prisma/client";
import { type Collection, type Game, type GameVersion } from "@prisma/client";
import { PlusIcon } from "@heroicons/vue/20/solid";
const headers = useRequestHeaders(["cookie"]);
const { data: gamesData } = await useFetch<
(Game & { versions: GameVersion[] })[]
>("/api/v1/store/recent", { headers });
const games = ref(gamesData.value || []);
const collections = await useCollections();
const collectionCreateOpen = ref(false);
const currentlyDeleting = ref<Collection | undefined>();
useHead({
title: "Home",
});