Update flare-ui/src/app/components/apis/apis.component.ts

flare-ui/src/app/components/apis/apis.component.ts

@@ -587,7 +587,9 @@ export class ApisComponent implements OnInit, OnDestroy {
         let imported = 0;
         let failed = 0;
         const errors: string[] = [];
-  
+
+        console.log('Starting API import, total APIs:', apis.length);
+        
         for (const api of apis) {
           try {
             await this.apiService.createAPI(api).toPromise();
@@ -595,6 +597,8 @@ export class ApisComponent implements OnInit, OnDestroy {
           } catch (err: any) {
             failed++;
             const apiName = api.name || 'unnamed';
+
+            console.error(`❌ Failed to import API ${apiName}:`, err);
             
             // Parse error message
             let errorMsg = 'Unknown error';
@@ -607,7 +611,6 @@ export class ApisComponent implements OnInit, OnDestroy {
             }
             
             errors.push(`${apiName}: ${errorMsg}`);
-            console.error(`Failed to import API ${apiName}:`, err);
           }
         }
   
@@ -616,6 +619,15 @@ export class ApisComponent implements OnInit, OnDestroy {
         if (imported > 0) {
           this.loadAPIs();
         }
+
+        // Always show dialog for import results
+        try {
+          await this.showImportResultsDialog(imported, failed, errors, 'API');
+        } catch (dialogError) {
+          console.error('Failed to show import dialog:', dialogError);
+          // Fallback to snackbar
+          this.showImportResultsSnackbar(imported, failed, errors);
+        }        
   
         // Build detailed message
         let message = '';
@@ -658,7 +670,6 @@ export class ApisComponent implements OnInit, OnDestroy {
     input.click();
   }
   
-  // Yeni method ekle
   private async showImportErrorsDialog(imported: number, failed: number, errors: string[]) {
     try {
       const { default: ImportResultsDialogComponent } = await import('../../dialogs/import-results-dialog/import-results-dialog.component');
@@ -678,6 +689,30 @@ export class ApisComponent implements OnInit, OnDestroy {
     }
   }
 
+  // Fallback method
+  private showImportResultsSnackbar(imported: number, failed: number, errors: string[]) {
+    let message = '';
+    if (imported > 0) {
+      message = `Successfully imported ${imported} API${imported > 1 ? 's' : ''}.`;
+    }
+    
+    if (failed > 0) {
+      if (message) message += '\n\n';
+      message += `Failed to import ${failed} API${failed > 1 ? 's' : ''}:\n`;
+      message += errors.slice(0, 5).join('\n');
+      if (errors.length > 5) {
+        message += `\n... and ${errors.length - 5} more errors`;
+      }
+    }
+  
+    this.snackBar.open(message, 'Close', {
+      duration: 10000,
+      panelClass: ['multiline-snackbar', failed > 0 ? 'error-snackbar' : 'success-snackbar'],
+      verticalPosition: 'top',
+      horizontalPosition: 'right'
+    });
+  }
+  
   exportAPIs() {
     const selectedAPIs = this.filteredAPIs.filter(api => !api.deleted);