mirror of
https://github.com/Drop-OSS/drop.git
synced 2025-11-10 04:22:09 +10:00
8363de2eed
* feat: small library tweaks + company page * feat: new store view * fix: ci merge error * feat: add genres to store page * feat: sorting * feat: lock game/version imports while their tasks are running * feat: feature games * feat: tag based filtering * fix: make tags alphabetical * refactor: move a bunch of i18n to common * feat: add localizations for everything * fix: title description on panel * fix: feature carousel text * fix: i18n footer strings * feat: add tag page * fix: develop merge * feat: offline games support (don't error out if provider throws) * feat: tag management * feat: show library next to game import + small fixes * feat: most of the company and tag managers * feat: company text field editing * fix: small fixes + tsgo experiemental * feat: upload icon and banner * feat: store infinite scrolling and bulk import mode * fix: lint * fix: add drop-base to prettier ignore
66 lines
2.0 KiB
Vue
66 lines
2.0 KiB
Vue
<template>
|
|
<div class="pointer-events-auto w-full bg-zinc-950/40 rounded">
|
|
<div class="p-4">
|
|
<div class="flex items-start">
|
|
<div class="w-0 flex-1 pt-0.5">
|
|
<p class="text-sm font-medium text-zinc-100">
|
|
{{ notification.title }}
|
|
</p>
|
|
<p class="mt-1 text-sm text-zinc-400 line-clamp-3">
|
|
{{ notification.description }}
|
|
</p>
|
|
<div
|
|
v-if="notification.actions.length > 0"
|
|
class="mt-3 flex space-x-7"
|
|
>
|
|
<NuxtLink
|
|
v-for="[name, link] in notification.actions.map((e) =>
|
|
e.split('|'),
|
|
)"
|
|
:key="name"
|
|
type="button"
|
|
:href="link"
|
|
class="rounded-md text-sm font-medium text-blue-600 hover:text-blue-500 focus:outline-none focus:ring-2 focus:ring-blue-500 focus:ring-offset-2"
|
|
>
|
|
{{ name }}
|
|
</NuxtLink>
|
|
<!-- todo -->
|
|
</div>
|
|
</div>
|
|
<div class="ml-4 flex shrink-0">
|
|
<button
|
|
type="button"
|
|
class="inline-flex rounded-md text-zinc-400 hover:text-zinc-400 focus:outline-none focus:ring-2 focus:ring-blue-500 focus:ring-offset-2"
|
|
@click="() => deleteMe()"
|
|
>
|
|
<span class="sr-only">{{ $t("common.close") }}</span>
|
|
<XMarkIcon class="size-5" aria-hidden="true" />
|
|
</button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</template>
|
|
|
|
<script setup lang="ts">
|
|
import { XMarkIcon } from "@heroicons/vue/24/solid";
|
|
import type { NotificationModel } from "~/prisma/client/models";
|
|
|
|
const props = defineProps<{ notification: NotificationModel }>();
|
|
|
|
async function deleteMe() {
|
|
await $dropFetch(`/api/v1/notifications/:id`, {
|
|
method: "DELETE",
|
|
params: {
|
|
id: props.notification.id,
|
|
},
|
|
});
|
|
const notifications = useNotifications();
|
|
const indexOfMe = notifications.value.findIndex(
|
|
(e) => e.id === props.notification.id,
|
|
);
|
|
// Delete me
|
|
notifications.value.splice(indexOfMe, 1);
|
|
}
|
|
</script>
|