From 248a7d35e34e27415de804be075380b5acebdcab Mon Sep 17 00:00:00 2001
From: Sergei Ogorelkov <sergei.ogorelkov@xored.com>
Date: Mon, 27 Feb 2023 12:34:28 +0600
Subject: [PATCH] Add "required" asterisk (#2686)

Signed-off-by: Sergei Ogorelkov <sergei.ogorelkov@xored.com>
---
 packages/text-editor/src/components/StyledTextArea.svelte | 6 +++++-
 packages/ui/src/components/EditBox.svelte                 | 2 ++
 2 files changed, 7 insertions(+), 1 deletion(-)

diff --git a/packages/text-editor/src/components/StyledTextArea.svelte b/packages/text-editor/src/components/StyledTextArea.svelte
index d28ca7ef23..2e78790cdb 100644
--- a/packages/text-editor/src/components/StyledTextArea.svelte
+++ b/packages/text-editor/src/components/StyledTextArea.svelte
@@ -15,6 +15,7 @@
   export let emphasized: boolean = false
   export let isScrollable: boolean = false
   export let maxHeight: 'max' | 'card' | 'limited' | string | undefined = undefined
+  export let required = false
 
   let rawValue: string
   let oldContent = ''
@@ -55,7 +56,10 @@
   }}
 >
   {#if label}
-    <div class="label"><Label {label} /></div>
+    <div>
+      <span class="label"><Label {label} /></span>
+      {#if required}<span class="error-color">&ast</span>{/if}
+    </div>
   {/if}
   <StyledTextEditor
     {placeholder}
diff --git a/packages/ui/src/components/EditBox.svelte b/packages/ui/src/components/EditBox.svelte
index 3b662bc138..c868795cd2 100644
--- a/packages/ui/src/components/EditBox.svelte
+++ b/packages/ui/src/components/EditBox.svelte
@@ -37,6 +37,7 @@
   export let focusable: boolean = false
   export let disabled: boolean = false
   export let fullSize = false
+  export let required = false
 
   const dispatch = createEventDispatcher()
 
@@ -134,6 +135,7 @@
   {#if label}
     <div class="mb-1 text-sm font-medium content-accent-color select-text">
       <Label {label} />
+      {#if required}<span class="error-color">&ast</span>{/if}
     </div>
   {/if}
   <div class="{kind} flex-row-center clear-mins" class:focusable>