From c9033f601256f4b87a3ed801507e73cab281db51 Mon Sep 17 00:00:00 2001
From: Andrey Platov <andrey@hardcoreeng.com>
Date: Wed, 24 Nov 2021 10:52:21 +0100
Subject: [PATCH] fixes #343

Signed-off-by: Andrey Platov <andrey@hardcoreeng.com>
---
 .../src/components/MessageViewer.svelte            |  2 +-
 .../src/components/message/Nodes.svelte            | 14 +++++++++++---
 2 files changed, 12 insertions(+), 4 deletions(-)

diff --git a/packages/presentation/src/components/MessageViewer.svelte b/packages/presentation/src/components/MessageViewer.svelte
index d40006f78a..422f280395 100644
--- a/packages/presentation/src/components/MessageViewer.svelte
+++ b/packages/presentation/src/components/MessageViewer.svelte
@@ -23,7 +23,7 @@
 
   const parser = new DOMParser()
 
-  $: dom = parser.parseFromString(message, 'application/xhtml+xml').firstChild as HTMLElement
+  $: dom = parser.parseFromString(message, 'text/html').firstChild?.childNodes[1] as HTMLElement
 </script>
 
 <Nodes nodes={dom.childNodes}/>
diff --git a/packages/presentation/src/components/message/Nodes.svelte b/packages/presentation/src/components/message/Nodes.svelte
index 84a4c84cac..f77edd07d1 100644
--- a/packages/presentation/src/components/message/Nodes.svelte
+++ b/packages/presentation/src/components/message/Nodes.svelte
@@ -25,11 +25,19 @@
     {#if node.nodeType === Node.TEXT_NODE}
       {node.data}
     {:else}
-      {#if node.nodeName === 'em'}
+      {#if node.nodeName === 'EM'}
         <em><svelte:self nodes={node.childNodes}/></em>
-      {:else if node.nodeName === 'strong'}
+      {:else if node.nodeName === 'STRONG'}
         <strong><svelte:self nodes={node.childNodes}/></strong>
-      {:else if node.nodeName === 'span'}
+      {:else if node.nodeName === 'P'}
+        <p><svelte:self nodes={node.childNodes}/></p>
+      {:else if node.nodeName === 'BLOCKQUOTE'}
+        <blockquote><svelte:self nodes={node.childNodes}/></blockquote>
+      {:else if node.nodeName === 'CODE'}
+        <code><svelte:self nodes={node.childNodes}/></code>
+      {:else if node.nodeName === 'BR'}
+        <br/>
+      {:else if node.nodeName === 'SPAN'}
         <Person objectId={node.getAttribute('data-id')} title={node.getAttribute('data-label')} />
       {:else}
         Unknown { node.nodeName }