Delete NavBarNotifications.vue

src/layouts/components/NavBarNotifications.vue

@@ -1,85 +0,0 @@
-<script lang="ts" setup>
-import Notifications from '@core/components/Notifications.vue';
-import type { Notification } from '@layouts/types';
-
-// Images
-import avatar3 from '@/assets/images/avatars/avatar-3.png';
-import avatar4 from '@/assets/images/avatars/avatar-4.png';
-import avatar5 from '@/assets/images/avatars/avatar-5.png';
-import paypal from '@/assets/images/svg/paypal.svg';
-
-const notifications = ref<Notification[]>([
-  {
-    id: 1,
-    img: avatar4,
-    title: 'Congratulation Flora! 🎉',
-    subtitle: 'Won the monthly best seller badge',
-    time: 'Today',
-    isRead: false,
-  },
-  {
-    id: 2,
-    text: 'Tom Holland',
-    title: 'New user registered.',
-    subtitle: '5 hours ago',
-    time: 'Yesterday',
-    isRead: true,
-  },
-  {
-    id: 3,
-    img: avatar5,
-    title: 'New message received 👋🏻',
-    subtitle: 'You have 10 unread messages',
-    time: '11 Aug',
-    isRead: false,
-  },
-  {
-    id: 4,
-    img: paypal,
-    title: 'Paypal',
-    subtitle: 'Received Payment',
-    time: '25 May',
-    isRead: true,
-    color: 'error',
-  },
-  {
-    id: 5,
-    img: avatar3,
-    title: 'Received Order 📦',
-    subtitle: 'New order received from john',
-    time: '19 Mar',
-    isRead: false,
-  },
-]);
-
-const removeNotification = (notificationId: number) => {
-  notifications.value.forEach((item, index) => {
-    if (notificationId === item.id) notifications.value.splice(index, 1);
-  });
-};
-
-const markRead = (notificationId: number[]) => {
-  notifications.value.forEach((item) => {
-    notificationId.forEach((id) => {
-      if (id === item.id) item.isRead = true;
-    });
-  });
-};
-
-const markUnRead = (notificationId: number[]) => {
-  notifications.value.forEach((item) => {
-    notificationId.forEach((id) => {
-      if (id === item.id) item.isRead = false;
-    });
-  });
-};
-</script>
-
-<template>
-  <Notifications
-    :notifications="notifications"
-    @remove="removeNotification"
-    @read="markRead"
-    @unread="markUnRead"
-  />
-</template>