From 1a5e2a86404ad39d22b9e730d992f2dba3bb4d36 Mon Sep 17 00:00:00 2001
From: hamid zarghami <hamid.zarghami1@gmail.com>
Date: Tue, 29 Jul 2025 09:42:40 +0330
Subject: [PATCH] button delete all

---
 src/pages/Trash/List.tsx | 20 +++++++++++++-------
 src/pages/spam/List.tsx  | 20 +++++++++++++-------
 2 files changed, 26 insertions(+), 14 deletions(-)

diff --git a/src/pages/Trash/List.tsx b/src/pages/Trash/List.tsx
index 464ec08..35ded80 100644
--- a/src/pages/Trash/List.tsx
+++ b/src/pages/Trash/List.tsx
@@ -146,12 +146,6 @@ const List: FC = () => {
                 className={`cursor-pointer min-w-[18px] ${isFetching ? 'animate-spin-reverse' : ''}`}
                 onClick={() => refetch()}
             />
-            <Button
-                label='خالی کردن سطل زباله'
-                className='h-8'
-                onClick={() => setShowModal(true)}
-                loading={isPending}
-            />
         </div>
     );
 
@@ -229,7 +223,19 @@ const List: FC = () => {
 
     return (
         <div className='mt-2 md:mt-4 px-2 md:px-0'>
-            <h1 className="text-lg mb-4 md:mb-0">سطل زباله</h1>
+            <div className='flex items-center justify-between'>
+                <h1>سطل زباله</h1>
+                <Button
+                    className='w-fit px-6'
+                    onClick={() => setShowModal(true)}
+                    loading={isPending}
+                >
+                    <div className='flex items-center gap-2'>
+                        <Trash size={16} color="white" />
+                        <span>حذف همه</span>
+                    </div>
+                </Button>
+            </div>
 
             <Filters
                 fields={[
diff --git a/src/pages/spam/List.tsx b/src/pages/spam/List.tsx
index c98100a..16366fa 100644
--- a/src/pages/spam/List.tsx
+++ b/src/pages/spam/List.tsx
@@ -142,12 +142,6 @@ const List: FC = () => {
                 className={`cursor-pointer min-w-[18px] ${isFetching ? 'animate-spin-reverse' : ''}`}
                 onClick={() => refetch()}
             />
-            <Button
-                label='خالی کردن هرزنامه'
-                className='h-8'
-                onClick={() => setShowModal(true)}
-                loading={isPending}
-            />
         </div>
     );
 
@@ -224,7 +218,19 @@ const List: FC = () => {
 
     return (
         <div className='mt-2 md:mt-4 px-2 md:px-0'>
-            <h1 className="text-lg mb-4 md:mb-0">هرزنامه ها</h1>
+            <div className='flex items-center justify-between'>
+                <h1>هرزنامه ها</h1>
+                <Button
+                    className='w-fit px-6'
+                    onClick={() => setShowModal(true)}
+                    loading={isPending}
+                >
+                    <div className='flex items-center gap-2'>
+                        <Trash size={16} color="white" />
+                        <span>حذف همه</span>
+                    </div>
+                </Button>
+            </div>
 
             <Filters
                 fields={[