email actions + sent list + action list + archive list + trash list

src/pages/draft/List.tsx

@@ -3,18 +3,20 @@ import { FC, useState } from 'react'
 import { useTranslation } from 'react-i18next'
 import Table from '../../components/Table';
 import { ColumnType } from '../../components/types/TableTypes';
-import { InfoCircle, More, Refresh2, Trash, Edit } from 'iconsax-react';
+import { InfoCircle, More, Refresh2, Trash, Edit, Send } from 'iconsax-react';
 import { RowActionItem } from '../../components/RowActionsDropdown';
 import { useNavigate } from 'react-router-dom';
-import { useGetDrafts, useDeleteDraft } from './hooks/useDraftData';
+import { useGetDrafts } from './hooks/useDraftData';
 import { DraftMessage } from './types/DraftTypes';
 import { formatDate } from '@/config/func';
+import { useEmailActions } from '@/hooks/useEmailActions';
 
 const List: FC = () => {
     const navigate = useNavigate();
     const { t } = useTranslation();
     const [currentPage, setCurrentPage] = useState(1);
     const [filters, setFilters] = useState<FilterValues>({});
+    const emailActions = useEmailActions();
 
     const { data: draftData, isLoading, refetch, isFetching } = useGetDrafts({
         page: currentPage,
@@ -22,7 +24,6 @@ const List: FC = () => {
         ...filters
     });
 
-    const deleteMutation = useDeleteDraft();
     const [selectedMessages, setSelectedMessages] = useState<DraftMessage[]>([]);
 
     const columns: ColumnType<DraftMessage>[] = [
@@ -80,10 +81,10 @@ const List: FC = () => {
 
     const selectedActions = (
         <>
-            <Trash
+            <Send
                 size={18}
                 color='black'
-                onClick={() => handleDeleteSelected()}
+                onClick={() => handleSendSelected()}
                 className="cursor-pointer"
             />
             <Edit
@@ -92,12 +93,18 @@ const List: FC = () => {
                 onClick={() => handleEditSelected()}
                 className="cursor-pointer"
             />
+            <Trash
+                size={18}
+                color='black'
+                onClick={() => handleDeleteSelected()}
+                className="cursor-pointer"
+            />
         </>
     );
 
     const handleFilterChange = (newFilters: FilterValues) => {
         setFilters(newFilters);
-        setCurrentPage(1); // Reset to first page when filters change
+        setCurrentPage(1);
     };
 
     const handleSelectionChange = (selectedRows: DraftMessage[]) => {
@@ -106,14 +113,20 @@ const List: FC = () => {
 
     const handleDeleteSelected = () => {
         selectedMessages.forEach(message => {
-            deleteMutation.mutate(message.id.toString());
+            emailActions.deleteDraft(message.id);
+        });
+        setSelectedMessages([]);
+    };
+
+    const handleSendSelected = () => {
+        selectedMessages.forEach(message => {
+            emailActions.sendDraft(message.id);
         });
         setSelectedMessages([]);
     };
 
     const handleEditSelected = () => {
         if (selectedMessages.length === 1) {
-            // Navigate to edit page for single draft
             navigate(`/draft/edit/${selectedMessages[0].id}`);
         } else {
             console.log('ویرایش چندین پیش‌نویس انتخاب شده:', selectedMessages.map(m => m.id));
@@ -121,7 +134,11 @@ const List: FC = () => {
     };
 
     const handleDeleteDraft = (messageId: number) => {
-        deleteMutation.mutate(messageId.toString());
+        emailActions.deleteDraft(messageId);
+    };
+
+    const handleSendDraft = (messageId: number) => {
+        emailActions.sendDraft(messageId);
     };
 
     const handleEditDraft = (messageId: number) => {
@@ -129,6 +146,11 @@ const List: FC = () => {
     };
 
     const getRowActions = (message: DraftMessage): RowActionItem[] => [
+        {
+            label: 'ارسال',
+            icon: <Send size={16} color="black" />,
+            onClick: () => handleSendDraft(message.id),
+        },
         {
             label: 'ویرایش',
             icon: <Edit size={16} color="black" />,
@@ -165,11 +187,12 @@ const List: FC = () => {
             <Table<DraftMessage>
                 columns={columns}
                 data={messages}
-                isLoading={isLoading}
+                isLoading={isLoading || emailActions.isLoading}
                 showHeader={false}
                 actions={tableActions}
                 selectedActions={selectedActions}
                 onSelectionChange={handleSelectionChange}
+                selectedRows={selectedMessages}
                 onRowClick={(id) => navigate(`/draft/edit/${id}`)}
                 noDataMessage={
                     <div className="flex flex-col items-center ">