Completely fix prompt component

src/shared/components/common/markdown-textarea.tsx

@@ -137,7 +137,6 @@ export class MarkdownTextArea extends Component<
       <form id={this.formId} onSubmit={linkEvent(this, this.handleSubmit)}>
         <NavigationPrompt
           when={!!this.state.content && !this.state.submitted}
-          suppress={this.props.hideNavigationWarnings}
         />
         <div className="form-group row">
           <div className={`col-sm-12`}>

src/shared/components/common/navigation-prompt.tsx

@@ -1,45 +1,53 @@
 import { Component } from "inferno";
-import { i18n } from "../../i18next";
+import { i18n } from "../../../shared/i18next";
-import { HistoryService } from "../../services/HistoryService";
 
-interface NavigationPromptProps {
+export interface IPromptProps {
   when: boolean;
-  suppress?: boolean;
 }
 
-interface NavigationPromptState {
+export default class NavigationPrompt extends Component<IPromptProps, any> {
-  promptState: "hidden" | "show" | "approved";
+  public unblock;
+
+  public enable() {
+    if (this.unblock) {
+      this.unblock();
     }
 
-export default class NavigationPrompt extends Component<
+    this.unblock = this.context.router.history.block(tx => {
-  NavigationPromptProps,
+      if (window.confirm(i18n.t("block_leaving"))) {
-  NavigationPromptState
+        this.unblock();
-> {
-  state: NavigationPromptState = {
-    promptState: "hidden",
-  };
-
-  constructor(props: NavigationPromptProps, context: any) {
-    super(props, context);
-  }
-
-  componentDidMount(): void {
-    if (!this.props.suppress) {
-      const unblock = HistoryService.history.block(tx => {
-        if (!this.props.when || window.confirm(i18n.t("block_leaving"))) {
-          unblock();
-
         tx.retry();
       }
     });
   }
+
+  public disable() {
+    if (this.unblock) {
+      this.unblock();
+      this.unblock = null;
+    }
+  }
+  public componentWillMount() {
+    if (this.props.when) {
+      this.enable();
+    }
   }
 
-  componentWillUnmount(): void {
+  public componentWillReceiveProps(nextProps: IPromptProps) {
-    console.log("unmounted");
+    if (nextProps.when) {
+      if (!this.props.when) {
+        this.enable();
+      }
+    } else {
+      this.disable();
+    }
   }
 
-  render() {
+  public componentWillUnmount() {
+    this.disable();
+  }
+
+  public render() {
     return null;
   }
 }