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

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

@@ -552,7 +552,7 @@ export class ApisComponent implements OnInit, OnDestroy {
     });
   }
 
-  importAPIs() {
+  async importAPIs() {
     const input = document.createElement('input');
     input.type = 'file';
     input.accept = '.json';
@@ -587,7 +587,7 @@ 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) {
@@ -597,13 +597,20 @@ 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
+            // Parse error message - daha iyi hata mesajı parse etme
             let errorMsg = 'Unknown error';
+            
             if (err.status === 409) {
+              // DuplicateResourceError durumu
+              errorMsg = `API with name '${apiName}' already exists`;
+            } else if (err.status === 500 && err.error?.detail?.includes('already exists')) {
+              // Backend'den gelen duplicate hatası
               errorMsg = `API with name '${apiName}' already exists`;
+            } else if (err.error?.message) {
+              errorMsg = err.error.message;
             } else if (err.error?.detail) {
               errorMsg = err.error.detail;
             } else if (err.message) {
@@ -620,22 +627,6 @@ export class ApisComponent implements OnInit, OnDestroy {
           this.loadAPIs();
         }
   
-        // Build detailed message
-        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' : ''}:`;
-          
-          // Show all errors
-          errors.forEach(error => {
-            message += '\n• ' + error;
-          });
-        }
-  
         // Always show dialog for import results
         try {
           await this.showImportResultsDialog(imported, failed, errors);
@@ -644,7 +635,7 @@ export class ApisComponent implements OnInit, OnDestroy {
           // Fallback to snackbar
           this.showImportResultsSnackbar(imported, failed, errors);
         }        
-
+  
       } catch (error) {
         this.loading = false;
         this.snackBar.open('Failed to read file', 'Close', {