fix: do not show welcome options when editor is readOnly

josdejong · Apr 6, 2022 · eb92d75 · eb92d75
1 parent 52f76b7
commit eb92d75
Show file tree

Hide file tree

Showing 2 changed files with 13 additions and 7 deletions.
diff --git 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
@@ -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>