From d8ae3ff69359c6b6cc0a5811bb4f90f149ed047c Mon Sep 17 00:00:00 2001
From: Cathy Hu <cathy.hu@fau.de>
Date: Tue, 1 Sep 2020 14:51:27 +0200
Subject: [PATCH] [frontend] Fix edit

---
 .../telegram-dialog.component.ts              | 69 ++++++++++++++-----
 .../twitter-callback.component.html           |  2 +-
 2 files changed, 53 insertions(+), 18 deletions(-)

diff --git a/kibicara-frontend/src/app/platforms/telegram/telegram-dialog/telegram-dialog.component.ts b/kibicara-frontend/src/app/platforms/telegram/telegram-dialog/telegram-dialog.component.ts
index 6bb10e4..a817097 100644
--- a/kibicara-frontend/src/app/platforms/telegram/telegram-dialog/telegram-dialog.component.ts
+++ b/kibicara-frontend/src/app/platforms/telegram/telegram-dialog/telegram-dialog.component.ts
@@ -1,9 +1,10 @@
 import { Component, OnInit, Inject } from '@angular/core';
 import { Validators, FormBuilder, FormGroup } from '@angular/forms';
 import { MatDialogRef, MAT_DIALOG_DATA } from '@angular/material/dialog';
-import { TelegramService } from 'src/app/core/api';
+import { TelegramService, BodyTelegram } from 'src/app/core/api';
 import { MatSnackBar } from '@angular/material/snack-bar';
 import { first } from 'rxjs/operators';
+import { map } from 'rxjs/operators';
 
 @Component({
   selector: 'app-telegram-dialog',
@@ -26,31 +27,65 @@ export class TelegramDialogComponent implements OnInit {
       api_token: ['', Validators.required],
       welcome_message: '',
     });
+
+    if (this.data.telegramId) {
+      this.telegramService
+        .getTelegram(this.data.telegramId, this.data.hoodId)
+        .subscribe((data) => {
+          this.form.controls.api_token.setValue(data.api_token);
+          this.form.controls.welcome_message.setValue(data.welcome_message);
+        });
+    }
   }
 
   onCancel() {
     this.dialogRef.close();
   }
 
+  success() {
+    this.dialogRef.close();
+  }
+
+  error() {
+    this.snackBar.open('Invalid API Key. Try again!', 'Close', {
+      duration: 2000,
+    });
+  }
+
   onSubmit() {
     if (this.form.invalid) {
       return;
     }
-    this.telegramService
-      .createTelegram(this.data.hoodId, {
-        api_token: this.form.controls.api_token.value,
-        welcome_message: this.form.controls.welcome_message.value,
-      })
-      .pipe(first())
-      .subscribe(
-        (data) => {
-          this.dialogRef.close();
-        },
-        (error) => {
-          this.snackBar.open('Invalid API Key. Try again!', 'Close', {
-            duration: 2000,
-          });
-        }
-      );
+
+    const response = {
+      api_token: this.form.controls.api_token.value,
+      welcome_message: this.form.controls.welcome_message.value,
+    };
+
+    if (this.data.telegramId) {
+      this.telegramService
+        .updateTelegram(this.data.telegramId, this.data.hoodId, response)
+        .pipe(first())
+        .subscribe(
+          () => {
+            this.success();
+          },
+          () => {
+            this.error();
+          }
+        );
+    } else {
+      this.telegramService
+        .createTelegram(this.data.hoodId, response)
+        .pipe(first())
+        .subscribe(
+          () => {
+            this.success();
+          },
+          () => {
+            this.error();
+          }
+        );
+    }
   }
 }
diff --git a/kibicara-frontend/src/app/platforms/twitter/twitter-callback/twitter-callback.component.html b/kibicara-frontend/src/app/platforms/twitter/twitter-callback/twitter-callback.component.html
index 62ec712..113e652 100644
--- a/kibicara-frontend/src/app/platforms/twitter/twitter-callback/twitter-callback.component.html
+++ b/kibicara-frontend/src/app/platforms/twitter/twitter-callback/twitter-callback.component.html
@@ -1,3 +1,3 @@
-<div >
+<div>
   <mat-spinner class="spinner"></mat-spinner>
 </div>