From 9bb045e53a050a6e648d65d812d4ec2ff30c76f8 Mon Sep 17 00:00:00 2001
From: sol-0 <94829167+sol-0@users.noreply.github.com>
Date: Fri, 16 Dec 2022 11:11:20 +0400
Subject: [PATCH] Added parameter to disable TextArea (#2446)

Signed-off-by: Oleg Solodkov <oleg.solodkov@ezthera.com>
---
 packages/ui/src/components/TextArea.svelte       |  3 ++-
 packages/ui/src/components/TextAreaEditor.svelte | 14 +++++++++-----
 2 files changed, 11 insertions(+), 6 deletions(-)

diff --git a/packages/ui/src/components/TextArea.svelte b/packages/ui/src/components/TextArea.svelte
index 27ca21949d..ce32d94141 100644
--- a/packages/ui/src/components/TextArea.svelte
+++ b/packages/ui/src/components/TextArea.svelte
@@ -26,6 +26,7 @@
   export let placeholder: IntlString = plugin.string.EditBoxPlaceholder
   export let placeholderParam: any | undefined = undefined
   export let noFocusBorder: boolean = false
+  export let disabled: boolean = false
 
   let input: HTMLTextAreaElement
   let phTraslate: string = ''
@@ -47,7 +48,7 @@
 
 <div class="textarea" class:no-focus-border={noFocusBorder} style:width style:height>
   {#if label}<div class="label"><Label {label} /></div>{/if}
-  <textarea bind:value bind:this={input} on:keydown={onKeydown} placeholder={phTraslate} />
+  <textarea bind:value bind:this={input} on:keydown={onKeydown} {disabled} placeholder={phTraslate} />
 </div>
 
 <style lang="scss">
diff --git a/packages/ui/src/components/TextAreaEditor.svelte b/packages/ui/src/components/TextAreaEditor.svelte
index e5f044be9d..108e356d60 100644
--- a/packages/ui/src/components/TextAreaEditor.svelte
+++ b/packages/ui/src/components/TextAreaEditor.svelte
@@ -13,6 +13,7 @@
   export let height: string | undefined = undefined
   export let submitLabel: IntlString = ui.string.Save
   export let placeholder: IntlString | undefined = undefined
+  export let disabled: boolean = false
 
   const dispatch = createEventDispatcher()
   let isEditing = false
@@ -57,16 +58,19 @@
       {placeholder}
       {height}
       {width}
+      {disabled}
       bind:this={inputRef}
       bind:value
       on:keydown={onKeydown}
       noFocusBorder={true}
     />
   </div>
-  <div class="flex-row-center mt-3">
-    <Button label={submitLabel} kind="no-border" size="medium" on:click={submit} />
-    <div class="ml-2" on:click={cancel}>
-      <ActionIcon icon={IconClose} size="medium" action={cancel} />
+  {#if !disabled}
+    <div class="flex-row-center mt-3">
+      <Button label={submitLabel} kind="no-border" size="medium" on:click={submit} />
+      <div class="ml-2" on:click={cancel}>
+        <ActionIcon icon={IconClose} size="medium" action={cancel} />
+      </div>
     </div>
-  </div>
+  {/if}
 </div>