From 5fd9084e8d02ac44c8a316715f65bbfebffbc39f Mon Sep 17 00:00:00 2001
From: rustmailer <pollybase@zohomail.com>
Date: Thu, 28 Aug 2025 20:34:48 +0800
Subject: [PATCH] fix(account): open correct edit modal based on mailer_type
 (ImapSmtp / GmailApi)

---
 .../features/accounts/components/account-detail.tsx   |  5 +++--
 .../accounts/components/data-table-row-actions.tsx    | 11 +++++++++--
 2 files changed, 12 insertions(+), 4 deletions(-)

diff --git a/web/src/features/accounts/components/account-detail.tsx b/web/src/features/accounts/components/account-detail.tsx
index 94d599d..1c98cca 100644
--- a/web/src/features/accounts/components/account-detail.tsx
+++ b/web/src/features/accounts/components/account-detail.tsx
@@ -183,9 +183,10 @@ export function AccountDetailDrawer({ open, onOpenChange, currentRow }: Props) {
                     </div>
                   </CardContent>
                 </Card>
-              </div> : <div className="mt-4 text-muted-foreground">
+              </div> : <div className="mt-48 text-center text-muted-foreground">
                 No IMAP/SMTP configuration required (using {currentRow.mailer_type}).
-              </div>}
+              </div>
+              }
             </TabsContent>
 
             {/* Sync Folders Tab */}
diff --git a/web/src/features/accounts/components/data-table-row-actions.tsx b/web/src/features/accounts/components/data-table-row-actions.tsx
index 642e2c6..ed1fbc3 100644
--- a/web/src/features/accounts/components/data-table-row-actions.tsx
+++ b/web/src/features/accounts/components/data-table-row-actions.tsx
@@ -17,7 +17,7 @@ import {
   DropdownMenuTrigger,
 } from '@/components/ui/dropdown-menu'
 import { useAccountContext } from '../context'
-import { AccountEntity } from '../data/schema'
+import { AccountEntity, MailerType } from '../data/schema'
 import { Mailbox, MessageSquareMore } from 'lucide-react'
 
 interface DataTableRowActionsProps {
@@ -42,7 +42,14 @@ export function DataTableRowActions({ row }: DataTableRowActionsProps) {
           <DropdownMenuItem
             onClick={() => {
               setCurrentRow(row.original)
-              setOpen('edit')
+              switch (row.original.mailer_type) {
+                case MailerType.ImapSmtp:
+                  setOpen("imap-smtp-edit");
+                  break;
+                case MailerType.GmailApi:
+                  setOpen("gmail-api-edit");
+                  break;
+              }
             }}
           >
             Edit