From debb0aeb00aa3e253de565fc3de0ffcaf009bf37 Mon Sep 17 00:00:00 2001
From: Sebastian <sebastian@squidex.io>
Date: Sun, 22 Dec 2019 23:17:35 +0100
Subject: [PATCH] Autofix for markdown.

---
 .../settings/pages/more/more-page.component.ts       |  4 +++-
 frontend/app/framework/angular/avatar.component.ts   | 12 ++++++++----
 .../shared/components/markdown-editor.component.ts   |  1 +
 3 files changed, 12 insertions(+), 5 deletions(-)

diff --git a/frontend/app/features/settings/pages/more/more-page.component.ts b/frontend/app/features/settings/pages/more/more-page.component.ts
index cbe2b32ad..62afda602 100644
--- a/frontend/app/features/settings/pages/more/more-page.component.ts
+++ b/frontend/app/features/settings/pages/more/more-page.component.ts
@@ -45,7 +45,7 @@ export class MorePageComponent extends ResourceOwner implements OnInit {
 
     public ngOnInit() {
         this.own(
-            this.appsState.reloadSelected().pipe(map(x => x!))
+            this.appsState.selectedApp
                 .subscribe(app => {
                     this.app = app;
 
@@ -56,6 +56,8 @@ export class MorePageComponent extends ResourceOwner implements OnInit {
                     this.updateForm.load(app);
                     this.updateForm.setEnabled(this.isEditable);
                 }));
+
+        this.appsState.reloadSelected();
     }
 
     public save() {
diff --git a/frontend/app/framework/angular/avatar.component.ts b/frontend/app/framework/angular/avatar.component.ts
index 30863e51b..63f02bbab 100644
--- a/frontend/app/framework/angular/avatar.component.ts
+++ b/frontend/app/framework/angular/avatar.component.ts
@@ -12,7 +12,7 @@ import { picasso } from '@app/framework/internal';
 @Component({
     selector: 'sqx-avatar',
     template: `
-        <img
+        <img *ngIf="imageSource"
             [style.width]="sizeInPx"
             [style.height]="sizeInPx"
             [src]="imageSource | sqxSafeUrl"
@@ -20,9 +20,6 @@ import { picasso } from '@app/framework/internal';
     `
 })
 export class AvatarComponent implements OnChanges {
-    public imageSource: string;
-    public sizeInPx: string;
-
     @Input()
     public identifier: string;
 
@@ -32,6 +29,9 @@ export class AvatarComponent implements OnChanges {
     @Input()
     public size = 50;
 
+    public imageSource: string | null;
+    public sizeInPx: string;
+
     public ngOnChanges() {
         this.imageSource = this.image || this.createSvg();
 
@@ -39,6 +39,10 @@ export class AvatarComponent implements OnChanges {
     }
 
     private createSvg() {
+        if (!this.identifier) {
+            return null;
+        }
+
         const svg = picasso(this.identifier);
 
         return `data:image/svg+xml;utf8,${svg}`;
diff --git a/frontend/app/shared/components/markdown-editor.component.ts b/frontend/app/shared/components/markdown-editor.component.ts
index b230e7383..2ce0e7b8b 100644
--- a/frontend/app/shared/components/markdown-editor.component.ts
+++ b/frontend/app/shared/components/markdown-editor.component.ts
@@ -95,6 +95,7 @@ export class MarkdownEditorComponent extends StatefulControlComponent<State, str
                 previewRender: (text: string) => {
                     return marked(text, { pedantic: true });
                 },
+                autoDownloadFontAwesome: true,
                 toolbar: [
                     {
                         name: 'bold',