diff --git a/src/views/MainLayout.vue b/src/views/MainLayout.vue
index 331dbe8..b238e40 100644
--- a/src/views/MainLayout.vue
+++ b/src/views/MainLayout.vue
@@ -261,6 +261,26 @@ function onResetPass() {
   modalResetPass.value = true;
 }
 
+function handleDeleteNotification() {
+  dialogRemove(
+    $q,
+    async () => {
+      try {
+        showLoader();
+        await http.delete(config.API.msgNotificate);
+        await fetchlistNotification(1, "DEL");
+        success($q, "ลบข้อมูลสำเร็จ");
+      } catch (error) {
+        messageError($q, error);
+      } finally {
+        hideLoader();
+      }
+    },
+    "ยืนยันการลบข้อมูล",
+    "ต้องการยืนยันการลบรายการแจ้งเตือนทั้งหมดใช่หรือไม่?",
+  );
+}
+
 /** ดูการเปลี่ยน route name เพื่อเปลี่ยน tab */
 watch(
   () => route.name,
@@ -369,6 +389,17 @@ watch(
               <div class="text-grey-5" style="font-size: 12px">
                 ทั้งหมด {{ totalInbox }} ข้อความ
               </div>
+              <q-btn
+                v-if="totalInbox !== 0"
+                flat
+                dense
+                round
+                color="red"
+                icon="delete"
+                @click.stop.prevent="handleDeleteNotification"
+              >
+                <q-tooltip>ลบการแจ้งเตือนทั้งหมด</q-tooltip>
+              </q-btn>
             </div>
             <q-infinite-scroll
               @load="onLoad"