From 39fd9a66037add017100b1c0d5b64ada38ae610c Mon Sep 17 00:00:00 2001
From: Shariq Ansari <sharique.rik@gmail.com>
Date: Mon, 29 Jan 2024 23:57:21 +0530
Subject: [PATCH] fix: added Mark as done icon

---
 frontend/src/components/Icons/MarkAsDoneIcon.vue | 16 ++++++++++++++++
 frontend/src/components/Notifications.vue        |  3 ++-
 2 files changed, 18 insertions(+), 1 deletion(-)
 create mode 100644 frontend/src/components/Icons/MarkAsDoneIcon.vue

diff --git a/frontend/src/components/Icons/MarkAsDoneIcon.vue b/frontend/src/components/Icons/MarkAsDoneIcon.vue
new file mode 100644
index 00000000..1a8bea9f
--- /dev/null
+++ b/frontend/src/components/Icons/MarkAsDoneIcon.vue
@@ -0,0 +1,16 @@
+<template>
+  <svg
+    width="16"
+    height="16"
+    viewBox="0 0 16 16"
+    fill="none"
+    xmlns="http://www.w3.org/2000/svg"
+  >
+    <path
+      fill-rule="evenodd"
+      clip-rule="evenodd"
+      d="M15.1443 4.56673C15.3259 4.35875 15.3046 4.04289 15.0966 3.86123C14.8886 3.67957 14.5728 3.7009 14.3911 3.90887L8.18815 11.0103L7.78736 10.57C7.60147 10.3657 7.28524 10.3509 7.08103 10.5368C6.87682 10.7227 6.86196 11.0389 7.04785 11.2431L7.82609 12.0981C7.92205 12.2035 8.05843 12.2629 8.20097 12.2615C8.34351 12.26 8.47864 12.1978 8.57242 12.0904L15.1443 4.56673ZM11.2939 4.56674C11.4756 4.35876 11.4543 4.0429 11.2463 3.86124C11.0383 3.67957 10.7225 3.7009 10.5408 3.90888L4.33783 11.0103L1.6023 8.00507C1.41642 7.80086 1.10018 7.786 0.895974 7.97189C0.691764 8.15777 0.676909 8.47401 0.862793 8.67822L3.97577 12.0981C4.07172 12.2035 4.20811 12.2629 4.35065 12.2615C4.49318 12.26 4.62832 12.1978 4.7221 12.0904L11.2939 4.56674Z"
+      fill="currentColor"
+    />
+  </svg>
+</template>
diff --git a/frontend/src/components/Notifications.vue b/frontend/src/components/Notifications.vue
index bed8e880..5e1b0a64 100644
--- a/frontend/src/components/Notifications.vue
+++ b/frontend/src/components/Notifications.vue
@@ -21,7 +21,7 @@
           @click="() => notificationsStore().mark_as_read.reload()"
         >
           <template #icon>
-            <FeatherIcon name="trash-2" class="h-4 w-4" />
+            <MarkAsDoneIcon class="h-4 w-4" />
           </template>
         </Button>
         <Button
@@ -68,6 +68,7 @@
   </div>
 </template>
 <script setup>
+import MarkAsDoneIcon from '@/components/Icons/MarkAsDoneIcon.vue'
 import UserAvatar from '@/components/UserAvatar.vue'
 import { notificationsStore } from '@/stores/notifications'
 import { globalStore } from '@/stores/global'