From 83ff97d7ff834f11cbfae2ec43cf511038858217 Mon Sep 17 00:00:00 2001
From: Jesse Wierzbinski <contact@cpluspatch.com>
Date: Fri, 26 Apr 2024 21:51:16 -1000
Subject: [PATCH] feat: :sparkles: Add small exit animation to timelines

---
 components/timelines/timeline.vue | 8 +++++---
 1 file changed, 5 insertions(+), 3 deletions(-)

diff --git a/components/timelines/timeline.vue b/components/timelines/timeline.vue
index 4e564a6..bddd9cc 100644
--- a/components/timelines/timeline.vue
+++ b/components/timelines/timeline.vue
@@ -1,8 +1,10 @@
 <template>
     <ClientOnly>
-
-        <SocialElementsNotesNote @delete="emits('delete', note.id)" v-for="note of timeline" :key="note.id"
-            :note="note" />
+        <TransitionGroup leave-active-class="ease-in duration-200" leave-from-class="scale-100 opacity-100"
+            leave-to-class="opacity-0 scale-90">
+            <SocialElementsNotesNote @delete="emits('delete', note.id)" v-for="note of timeline" :key="note.id"
+                :note="note" />
+        </TransitionGroup>
         <span ref="skeleton"></span>
         <SocialElementsNotesNote v-for="index of 5" v-if="!hasReachedEnd" :skeleton="true" />