From eb92d75ad608aa6df05b7633dd7cba9bb5008876 Mon Sep 17 00:00:00 2001
From: Jos de Jong <wjosdejong@gmail.com>
Date: Wed, 6 Apr 2022 12:46:37 +0200
Subject: [PATCH] fix: do not show welcome options when editor is readOnly

---
 .../components/modes/treemode/TreeMode.svelte  |  2 +-
 .../components/modes/treemode/Welcome.svelte   | 18 ++++++++++++------
 2 files changed, 13 insertions(+), 7 deletions(-)

diff --git a/src/lib/components/modes/treemode/TreeMode.svelte b/src/lib/components/modes/treemode/TreeMode.svelte
index 09b6df18..dc5ab02d 100644
--- a/src/lib/components/modes/treemode/TreeMode.svelte
+++ b/src/lib/components/modes/treemode/TreeMode.svelte
@@ -1992,7 +1992,7 @@
     </label>
     {#if json === undefined}
       {#if text === '' || text === undefined}
-        <Welcome />
+        <Welcome {readOnly} />
       {:else}
         <Message
           type="error"
diff --git a/src/lib/components/modes/treemode/Welcome.svelte b/src/lib/components/modes/treemode/Welcome.svelte
index 0ff68e0f..e0b36aff 100644
--- a/src/lib/components/modes/treemode/Welcome.svelte
+++ b/src/lib/components/modes/treemode/Welcome.svelte
@@ -1,15 +1,21 @@
 <svelte:options immutable={true} />
 
+<script>
+  export let readOnly
+</script>
+
 <div class="welcome">
   <div class="space before" />
   <div class="contents">
     Empty document
-    <ul>
-      <li>Click inside the editor</li>
-      <li>Paste clipboard data using <span class="bold">Ctrl+V</span></li>
-      <li>Create a new object by typing <span class="bold">&lbrace;</span></li>
-      <li>Create a new array by typing <span class="bold">[</span></li>
-    </ul>
+    {#if !readOnly}
+      <ul>
+        <li>Click inside the editor</li>
+        <li>Paste clipboard data using <span class="bold">Ctrl+V</span></li>
+        <li>Create a new object by typing <span class="bold">&lbrace;</span></li>
+        <li>Create a new array by typing <span class="bold">[</span></li>
+      </ul>
+    {/if}
   </div>
   <div class="space after" />
 </div>