button delete all

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={[

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={[