mirror of
https://github.com/Drop-OSS/drop.git
synced 2025-11-10 04:22:09 +10:00
681efe95af
* fix: release workflow * feat: move mostly to internal tasks system * feat: migrate object clean to new task system * fix: release not getting good base version * chore: set version v0.3.0 * chore: style * feat: basic task concurrency * feat: temp pages to fill in page links * feat: inital i18n support * feat: localize store page * chore: style * fix: weblate doesn't like multifile thing * fix: update nuxt * feat: improved error logging * fix: using old task api * feat: basic translation docs * feat: add i18n eslint plugin * feat: translate store and auth pages * feat: more translation progress * feat: admin dash i18n progress * feat: enable update check by default in prod * fix: using wrong i18n keys * fix: crash in library sources page * feat: finish i18n work * fix: missing i18n translations * feat: use twemoji for emojis * feat: sanatize object ids * fix: EmojiText's alt text * fix: UserWidget not using links * feat: cache and auth for emoji api * fix: add more missing translations
53 lines
1.5 KiB
Vue
53 lines
1.5 KiB
Vue
<template>
|
|
<PanelWidget class="flex-col gap-y-2">
|
|
<div class="border-b border-zinc-700 pb-3 p-2">
|
|
<div
|
|
class="-ml-4 -mt-2 flex flex-wrap items-center justify-between sm:flex-nowrap"
|
|
>
|
|
<div class="ml-4 mt-2">
|
|
<h3 class="text-base font-semibold text-zinc-100 text-sm">
|
|
{{ $t("account.notifications.unread") }}
|
|
</h3>
|
|
</div>
|
|
<div class="ml-4 mt-2 shrink-0">
|
|
<NuxtLink
|
|
to="/account/notifications"
|
|
type="button"
|
|
class="text-sm text-zinc-400"
|
|
>
|
|
<i18n-t
|
|
keypath="account.notifications.all"
|
|
tag="span"
|
|
scope="global"
|
|
>
|
|
<template #arrow>
|
|
<span aria-hidden="true">{{ $t("chars.arrow") }}</span>
|
|
</template>
|
|
</i18n-t>
|
|
</NuxtLink>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="flex flex-col gap-y-2 max-h-[300px] overflow-y-scroll">
|
|
<NotificationItem
|
|
v-for="notification in props.notifications"
|
|
:key="notification.id"
|
|
:notification="notification"
|
|
/>
|
|
</div>
|
|
<div
|
|
v-if="props.notifications.length == 0"
|
|
class="text-sm text-zinc-400 p-3 text-center w-full"
|
|
>
|
|
{{ $t("account.notifications.none") }}
|
|
</div>
|
|
</PanelWidget>
|
|
</template>
|
|
|
|
<script setup lang="ts">
|
|
import type { Notification } from "~/prisma/client";
|
|
|
|
const props = defineProps<{ notifications: Array<Notification> }>();
|
|
</script>
|