@finema/finework-layer 0.2.141 → 0.2.142

package/CHANGELOG.md

@@ -1,5 +1,7 @@
 # Changelog
 
+## [0.2.142](https://gitlab.finema.co/finema/finework/finework-frontend-layer/compare/0.2.141...0.2.142) (2026-02-19)
+
 ## [0.2.141](https://gitlab.finema.co/finema/finework/finework-frontend-layer/compare/0.2.140...0.2.141) (2026-02-19)
 
 ### Bug Fixes

package/app/components/Notifications/index.vue

@@ -31,47 +31,54 @@
         v-else
         :loading="notification.fetch.status.isLoading"
       >
-        <div class="space-y-2 divide-y-1 divide-gray-200">
-          <div
-            v-for="item in notification.fetch.items"
-            :key="item.id"
+        <div
+          v-for="item in notification.fetch.items"
+          :key="item.id"
+        >
+          <Separator />
+          <NuxtLink
+            :to="getLink(item)"
+            :target="getLink(item) === '#' ? '_self' : '_blank'"
+            :class="['flex cursor-pointer items-start gap-2 rounded-lg p-4 hover:bg-gray-100']"
           >
-            <NuxtLink
-              :to="getLink(item)"
-              :target="getLink(item) === '#' ? '_self' : '_blank'"
-              :class="['flex cursor-pointer items-start gap-2 rounded-lg p-4 hover:bg-gray-100']"
-            >
-              <!-- <Chip
+            <!-- <Chip
                 position="bottom-right"
                 size="3xl"
                 inset
                 :color="getNotificationColor(item)"
               > -->
-              <div class="relative">
-                <Avatar
-                  class="min-h-12 min-w-12"
-                  :src="item.actor.avatar_url"
-                  :alt="item.actor.display_name"
-                />
-                <img
-                  :src="getImage(item)!"
-                  class="absolute -right-1 -bottom-1 w-5 rounded-full bg-white p-0.25"
-                />
-              </div>
-              <!-- </Chip> -->
-
-              <div class="flex flex-1 flex-col gap-0">
-                <p
-                  class="text-gray line-clamp-2 text-sm"
-                  v-html="getMessage(item)"
-                />
-                <FormatTimeFromNow
-                  class="text-xs font-medium whitespace-nowrap text-gray-600"
-                  :value="item.sent_at"
-                />
-              </div>
-            </NuxtLink>
-          </div>
+            <div
+              v-if="item.actor?.avatar_url"
+              class="relative"
+            >
+              <Avatar
+                class="min-h-12 min-w-12"
+                :src="item.actor?.avatar_url"
+                :alt="item.actor?.display_name"
+              />
+              <img
+                :src="getImage(item)!"
+                class="absolute -right-1 -bottom-1 w-5 rounded-full bg-white p-0.25"
+              />
+            </div>
+            <img
+              v-else
+              :src="getImage(item)!"
+              class="h-12 min-h-12 w-12 min-w-12"
+            />
+            <!-- </Chip> -->
+
+            <div class="flex flex-1 flex-col gap-0">
+              <p
+                class="text-gray line-clamp-2 text-sm"
+                v-html="getMessage(item)"
+              />
+              <FormatTimeFromNow
+                class="text-xs font-medium whitespace-nowrap text-gray-600"
+                :value="item.sent_at"
+              />
+            </div>
+          </NuxtLink>
         </div>
       </Loader>
     </template>

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@finema/finework-layer",
   "type": "module",
-  "version": "0.2.141",
+  "version": "0.2.142",
   "main": "./nuxt.config.ts",
   "scripts": {
     "dev": "nuxi dev .playground -o",