- {!item.read &&
}
-
{item.title}
+ title: 'title',
+ render: () => (
+
+ پیش نویس
)
},
{
- key: 'sender',
- title: 'فرستنده',
+ key: 'subject',
+ title: 'عنوان پیام',
render: (item) => (
-
{item.sender}
+
+ {item.subject || 'بدون موضوع'}
+
+ )
+ },
+ {
+ key: 'to',
+ title: 'گیرنده',
+ render: (item) => (
+
+ {item.to && item.to.length > 0
+ ? (item.to[0].name || item.to[0].address)
+ : 'بدون گیرنده'
+ }
+
)
},
{
@@ -48,87 +61,129 @@ const List: FC = () => {
title: 'تاریخ',
align: 'center',
render: (item) => (
-
{item.date}
+
{formatDate(item.date)}
)
},
];
const tableActions = (
-
+ refetch()}
+ />
);
const selectedActions = (
<>
-
handleDeleteSelected()} className="cursor-pointer" />
- handleEditSelected()} className="cursor-pointer" />
+ handleDeleteSelected()}
+ className="cursor-pointer"
+ />
+ handleEditSelected()}
+ className="cursor-pointer"
+ />
);
const handleFilterChange = (newFilters: FilterValues) => {
- console.log('Applied filters:', newFilters);
+ setFilters(newFilters);
+ setCurrentPage(1); // Reset to first page when filters change
};
- const handleSelectionChange = (selectedRows: Message[]) => {
+ const handleSelectionChange = (selectedRows: DraftMessage[]) => {
setSelectedMessages(selectedRows);
};
const handleDeleteSelected = () => {
- console.log('حذف پیامهای انتخاب شده:', selectedMessages.map(m => m.id));
- // اینجا منطق حذف را پیادهسازی کنید
+ selectedMessages.forEach(message => {
+ deleteMutation.mutate(message.id.toString());
+ });
+ setSelectedMessages([]);
};
const handleEditSelected = () => {
- console.log('ویرایش پیامهای انتخاب شده:', selectedMessages.map(m => m.id));
- // اینجا منطق ویرایش را پیادهسازی کنید
+ 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));
+ }
};
- const getRowActions = (message: Message): RowActionItem[] => [
+ const handleDeleteDraft = (messageId: number) => {
+ deleteMutation.mutate(messageId.toString());
+ };
+
+ const handleEditDraft = (messageId: number) => {
+ navigate(`/draft/edit/${messageId}`);
+ };
+
+ const getRowActions = (message: DraftMessage): RowActionItem[] => [
{
label: 'ویرایش',
icon: ,
- onClick: () => console.log('ویرایش پیام', message.id),
+ onClick: () => handleEditDraft(message.id),
},
{
label: 'حذف',
icon: ,
- onClick: () => console.log('حذف پیام', message.id),
+ onClick: () => handleDeleteDraft(message.id),
},
];
+ const handlePageChange = (page: number) => {
+ setCurrentPage(page);
+ };
+
+ const messages = draftData?.data?.draftsMail || [];
+ const pager = draftData?.data?.pager;
+
return (
{t('draft.title')}
-
+
columns={columns}
- data={messageData}
+ data={messages}
isLoading={isLoading}
showHeader={false}
actions={tableActions}
selectedActions={selectedActions}
onSelectionChange={handleSelectionChange}
- onRowClick={(id) => console.log(`کلیک روی پیام با شناسه ${id}`)}
+ onRowClick={(id) => navigate(`/draft/edit/${id}`)}
noDataMessage={
-
+
}
selectable={true}
rowActions={getRowActions}
+ pagination={pager ? {
+ totalPages: pager.totalPages,
+ currentPage: pager.page,
+ onPageChange: handlePageChange
+ } : undefined}
/>
+
+ {/* Header Skeleton */}
+
+
+ {/* Subject and Tags Section */}
+
+
+ {/* Sender Info */}
+
+
+ {/* Email Content */}
+
+
+ {/* Attachments Section */}
+
+
+ {/* Action Buttons */}
+
+
+