mirror of
https://github.com/versia-pub/frontend.git
synced 2025-12-06 08:28:20 +01:00
feat: ✨ Add loader to timelines
This commit is contained in:
parent
c483f35b99
commit
db00a81ff9
|
|
@ -11,9 +11,7 @@ import {
|
|||
} from "@/components/ui/alert-dialog";
|
||||
import { Button } from "@/components/ui/button";
|
||||
import { Input } from "@/components/ui/input";
|
||||
import { Label } from "@/components/ui/label";
|
||||
import { Textarea } from "@/components/ui/textarea";
|
||||
import { ref } from "vue";
|
||||
import {
|
||||
type ConfirmModalOptions,
|
||||
type ConfirmModalResult,
|
||||
|
|
|
|||
|
|
@ -5,7 +5,6 @@
|
|||
|
||||
<script lang="ts" setup>
|
||||
import type { Notification, Status } from "@versia/client/types";
|
||||
import { computed } from "vue";
|
||||
import Note from "../notes/note.vue";
|
||||
import NotificationItem from "../notifications/notification.vue";
|
||||
|
||||
|
|
|
|||
|
|
@ -7,7 +7,9 @@
|
|||
@delete="removeItem" />
|
||||
</TransitionGroup>
|
||||
|
||||
<!-- <TimelineItem v-if="isLoading" :type="type" v-for="_ in 5" /> -->
|
||||
<div v-if="isLoading" class="p-4 flex items-center justify-center h-48">
|
||||
<Loader class="size-8 animate-spin" />
|
||||
</div>
|
||||
|
||||
<div v-if="error" class="timeline-error">
|
||||
{{ error.message }}
|
||||
|
|
@ -46,7 +48,7 @@
|
|||
<script lang="ts" setup>
|
||||
import type { Notification, Status } from "@versia/client/types";
|
||||
import { useIntersectionObserver } from "@vueuse/core";
|
||||
import { onMounted, watch } from "vue";
|
||||
import { Loader } from "lucide-vue-next";
|
||||
import {
|
||||
Card,
|
||||
CardDescription,
|
||||
|
|
|
|||
Loading…
Reference in a new issue