From f613f27ee349cea96ba2856df49b6ebc291a5aa8 Mon Sep 17 00:00:00 2001
From: Audric Ackermann <audric@loki.network>
Date: Thu, 19 Dec 2019 10:06:05 +1100
Subject: [PATCH] move the emptyContentEditable hack to componentWillUnmount

---
 ts/components/session/RegistrationTabs.tsx  |  2 -
 ts/components/session/SessionIdEditable.tsx | 42 +++++++++++----------
 2 files changed, 22 insertions(+), 22 deletions(-)

diff --git a/ts/components/session/RegistrationTabs.tsx b/ts/components/session/RegistrationTabs.tsx
index 5c132fff7..fd0e3f704 100644
--- a/ts/components/session/RegistrationTabs.tsx
+++ b/ts/components/session/RegistrationTabs.tsx
@@ -549,8 +549,6 @@ export class RegistrationTabs extends React.Component<{}, State> {
             displayName: '',
             signUpMode: SignUpMode.Default,
           });
-          //FIXME ugly hack to empty the content editable div used on enter session ID
-          window.Session.emptyContentEditableDivs();
         }}
         buttonType={buttonType}
         buttonColor={buttonColor}
diff --git a/ts/components/session/SessionIdEditable.tsx b/ts/components/session/SessionIdEditable.tsx
index cc4d72663..a568c1969 100644
--- a/ts/components/session/SessionIdEditable.tsx
+++ b/ts/components/session/SessionIdEditable.tsx
@@ -1,29 +1,31 @@
 import React from 'react';
 
-
 interface Props {
-    placeholder: string;
-    editable?: boolean;
-    onChange?: any;
+  placeholder: string;
+  editable?: boolean;
+  onChange?: any;
 }
 
-
 export class SessionIdEditable extends React.PureComponent<Props> {
+  public componentWillUnmount() {
+    //FIXME ugly hack to empty the content editable div used on enter session ID
+    window.Session.emptyContentEditableDivs();
+  }
 
-    public render() {
-        const { placeholder, editable, onChange } = this.props;
+  public render() {
+    const { placeholder, editable, onChange } = this.props;
 
-        return (
-            <div
-                className="session-id-editable"
-                placeholder={placeholder}
-                contentEditable={editable}
-                onInput={(e: any) => {
-                    if (editable) {
-                        onChange(e);
-                    }
-                }}
-            />
-        );
-    }
+    return (
+      <div
+        className="session-id-editable"
+        placeholder={placeholder}
+        contentEditable={editable}
+        onInput={(e: any) => {
+          if (editable) {
+            onChange(e);
+          }
+        }}
+      />
+    );
+  }
 }