From 089aefc7af1137902bad7fc7bb4106167b1d70ee Mon Sep 17 00:00:00 2001
From: Dessalines <tyhou13@gmx.com>
Date: Sun, 2 Aug 2020 10:41:17 -0400
Subject: [PATCH] Hide navigation warnings on markdown textarea for site-form
 and user bios. Fixes #1051

---
 ui/src/components/markdown-textarea.tsx | 8 ++++++--
 ui/src/components/site-form.tsx         | 1 +
 ui/src/components/user.tsx              | 1 +
 3 files changed, 8 insertions(+), 2 deletions(-)

diff --git a/ui/src/components/markdown-textarea.tsx b/ui/src/components/markdown-textarea.tsx
index 002d7c86b..0a7f904aa 100644
--- a/ui/src/components/markdown-textarea.tsx
+++ b/ui/src/components/markdown-textarea.tsx
@@ -25,6 +25,7 @@ interface MarkdownTextAreaProps {
   onSubmit?(msg: { val: string; formId: string }): any;
   onContentChange?(val: string): any;
   onReplyCancel?(): any;
+  hideNavigationWarnings?: boolean;
 }
 
 interface MarkdownTextAreaState {
@@ -78,7 +79,7 @@ export class MarkdownTextArea extends Component<
   }
 
   componentDidUpdate() {
-    if (this.state.content) {
+    if (!this.props.hideNavigationWarnings && this.state.content) {
       window.onbeforeunload = () => true;
     } else {
       window.onbeforeunload = undefined;
@@ -110,7 +111,10 @@ export class MarkdownTextArea extends Component<
   render() {
     return (
       <form id={this.formId} onSubmit={linkEvent(this, this.handleSubmit)}>
-        <Prompt when={this.state.content} message={i18n.t('block_leaving')} />
+        <Prompt
+          when={!this.props.hideNavigationWarnings && this.state.content}
+          message={i18n.t('block_leaving')}
+        />
         <div class="form-group row">
           <div className={`col-sm-12`}>
             <textarea
diff --git a/ui/src/components/site-form.tsx b/ui/src/components/site-form.tsx
index 7719e1e59..e02daabb9 100644
--- a/ui/src/components/site-form.tsx
+++ b/ui/src/components/site-form.tsx
@@ -111,6 +111,7 @@ export class SiteForm extends Component<SiteFormProps, SiteFormState> {
               <MarkdownTextArea
                 initialContent={this.state.siteForm.description}
                 onContentChange={this.handleSiteDescriptionChange}
+                hideNavigationWarnings
               />
             </div>
           </div>
diff --git a/ui/src/components/user.tsx b/ui/src/components/user.tsx
index 8f0b51788..82e5fd835 100644
--- a/ui/src/components/user.tsx
+++ b/ui/src/components/user.tsx
@@ -593,6 +593,7 @@ export class User extends Component<any, UserState> {
                     initialContent={this.state.userSettingsForm.bio}
                     onContentChange={this.handleUserSettingsBioChange}
                     maxLength={300}
+                    hideNavigationWarnings
                   />
                 </div>
               </div>