update translate

functions/src/translate.ts

@@ -3,6 +3,7 @@ import { HttpsError, onCall } from 'firebase-functions/v2/https';
 import { canPerform } from './utils/security-utils';
 import { TranslateData, UserPermission } from './models';
 import { translateCloud } from './services/translate.service';
+import { isEmulatorEnabled } from './config';
 
 export const translate = onCall<TranslateData>(async request => {
   logger.info('[translate] data: ' + JSON.stringify(request.data));
@@ -11,5 +12,9 @@ export const translate = onCall<TranslateData>(async request => {
   if (!canPerform(UserPermission.TRANSLATION_UPDATE, request.auth) || !canPerform(UserPermission.CONTENT_UPDATE, request.auth)) {
     throw new HttpsError('permission-denied', 'permission-denied');
   }
-  return await translateCloud(content, sourceLocale, targetLocale);
+  if (isEmulatorEnabled) {
+    return `${content} : ${sourceLocale} -> ${targetLocale}`;
+  } else {
+    return await translateCloud(content, sourceLocale, targetLocale);
+  }
 });

src/app/features/spaces/translations/translations.component.ts

@@ -419,7 +419,7 @@ export class TranslationsComponent implements OnInit {
       .subscribe({
         next: value => {
           // make sure the component is updated
-          this.translateValue.set('');
+          this.translateValue.set(undefined);
           this.notificationService.info('Translated');
           this.translateValue.set(value);
         },
@@ -433,6 +433,7 @@ export class TranslationsComponent implements OnInit {
           ]);
         },
         complete: () => {
+          console.log('complete');
           setTimeout(() => {
             this.isTranslateLoading.set(false);
             this.cd.markForCheck();

src/app/shared/services/translate.service.ts

@@ -1,20 +1,16 @@
 import { Injectable } from '@angular/core';
-import { Observable, of } from 'rxjs';
+import { Observable } from 'rxjs';
 import { traceUntilFirst } from '@angular/fire/performance';
 import { Functions, httpsCallableData } from '@angular/fire/functions';
 import { TranslateData } from '@shared/models/translate.model';
-import { environment } from '../../../environments/environment';
+import { tap } from 'rxjs/operators';
 
 @Injectable()
 export class TranslateService {
   constructor(private readonly functions: Functions) {}
 
   translate(data: TranslateData): Observable<string | undefined> {
     const translate = httpsCallableData<TranslateData, string | undefined>(this.functions, 'translate');
-    if (environment.production) {
-      return translate(data).pipe(traceUntilFirst('Functions:Translate:translate'));
-    } else {
-      return of(`${data.content} : ${data.sourceLocale} -> ${data.targetLocale}`);
-    }
+    return translate(data).pipe(tap(console.log), traceUntilFirst('Functions:Translate:translate'));
   }
 }