- {accounts.map(account => {
- // Log outside of the JSX to avoid linter issues
- if (process.env.NODE_ENV !== 'production') {
- console.log('Rendering account:', account.id, account.name, 'has folders:', account.folders?.length || 0);
- }
- return (
-
-
+ try {
+ // First test the connection
+ const testResponse = await fetch('/api/courrier/test-connection', {
+ method: 'POST',
+ headers: {
+ 'Content-Type': 'application/json'
+ },
+ body: JSON.stringify({
+ email: formValues.email,
+ password: formValues.password,
+ host: formValues.host,
+ port: formValues.port,
+ secure: formValues.secure
+ })
+ });
- {/* Show folders for this account if it's selected and folders are shown */}
- {((selectedAccount?.id === account.id && showFolders) ||
- (!selectedAccount && account.id !== 'all-accounts' && account.folders)) && (
-
- {/* No console.log here - moved to useEffect */}
- {account.folders && account.folders.length > 0 ? (
- account.folders.map((folder, folderIndex) => (
-
- ))
- ) : (
-
No folders found
- )}
-
+ const testResult = await testResponse.json();
+
+ if (!testResponse.ok) {
+ throw new Error(testResult.error || 'Connection test failed');
+ }
+
+ console.log('Connection test successful:', testResult);
+
+ // If connection test is successful, save the account
+ const saveResponse = await fetch('/api/courrier/account', {
+ method: 'POST',
+ headers: {
+ 'Content-Type': 'application/json'
+ },
+ body: JSON.stringify(formValues)
+ });
+
+ const saveResult = await saveResponse.json();
+
+ if (!saveResponse.ok) {
+ throw new Error(saveResult.error || 'Failed to add account');
+ }
+
+ // Update accounts list
+ const newAccountObj = {
+ id: `account-${Date.now()}`, // generate unique string ID
+ name: formValues.display_name,
+ email: formValues.email,
+ color: `bg-blue-500`, // Default color class
+ folders: testResult.details.sampleFolders || ['INBOX', 'Sent', 'Drafts', 'Trash'] // Use discovered folders or defaults
+ };
+
+ setAccounts(prev => [...prev, newAccountObj]);
+ setShowAddAccountForm(false);
+ toast({
+ title: "Account added successfully",
+ description: `Your email account ${formValues.email} has been added.`,
+ duration: 5000
+ });
+ } catch (error) {
+ console.error('Error adding account:', error);
+ toast({
+ title: "Failed to add account",
+ description: error instanceof Error ? error.message : 'Unknown error',
+ variant: "destructive",
+ duration: 5000
+ });
+ } finally {
+ setLoading(false);
+ }
+ }}>
+
+
+
+ )}
+
+ {/* Accounts List */}
+ {accountsDropdownOpen && (
+