From 01416e8aa55116cf52e30167cdf2fbee64b5663e Mon Sep 17 00:00:00 2001
From: Sebastian Martinez <me@sebastinez.dev>
Date: Thu, 19 Dec 2024 14:06:27 +0100
Subject: [PATCH] Allow preview for empty body in ExtendedTextarea

Instead of disabling the preview feature when the body is empty, we show
`Nothing to preview`
---
 src/components/ExtendedTextarea.svelte | 11 ++++++-----
 src/views/repo/CreateIssue.svelte      |  6 +++++-
 2 files changed, 11 insertions(+), 6 deletions(-)

diff --git a/src/components/ExtendedTextarea.svelte b/src/components/ExtendedTextarea.svelte
index 94768a2e1..2ef42131f 100644
--- a/src/components/ExtendedTextarea.svelte
+++ b/src/components/ExtendedTextarea.svelte
@@ -231,7 +231,11 @@
 <div class="comment-section" aria-label="extended-textarea" class:inline>
   {#if preview}
     <div class="preview">
-      <Markdown {rid} breaks content={body} />
+      {#if body.trim().length === 0}
+        <span class="txt-missing">Nothing to preview.</span>
+      {:else}
+        <Markdown {rid} breaks content={body} />
+      {/if}
     </div>
   {:else}
     <Textarea
@@ -277,10 +281,7 @@
         <Icon name="attachment" />
         Attach
       </OutlineButton>
-      <OutlineButton
-        variant="ghost"
-        disabled={body.trim() === ""}
-        onclick={() => (preview = !preview)}>
+      <OutlineButton variant="ghost" onclick={() => (preview = !preview)}>
         <Icon name={preview ? "pen" : "eye"} />
         {preview ? "Edit" : "Preview"}
       </OutlineButton>
diff --git a/src/views/repo/CreateIssue.svelte b/src/views/repo/CreateIssue.svelte
index 7cdb84716..724d4156c 100644
--- a/src/views/repo/CreateIssue.svelte
+++ b/src/views/repo/CreateIssue.svelte
@@ -101,7 +101,11 @@
   <div class="content">
     {#if preview}
       <div class="title">
-        <InlineTitle content={title} fontSize="medium" />
+        {#if title.trim().length === 0}
+          <span class="txt-missing">No title</span>
+        {:else}
+          <InlineTitle content={title} fontSize="medium" />
+        {/if}
       </div>
     {:else}
       <div style:margin-bottom="1rem">