From e56c72988068a613eb69209de2f99c05c6728391 Mon Sep 17 00:00:00 2001
From: Eduard Kuzmenko <thanwords24@gmail.com>
Date: Fri, 18 Dec 2020 19:00:14 +0200
Subject: [PATCH] Fix replacing input with new after peer changing

---
 src/components/chat/input.ts           | 5 +++--
 src/lib/appManagers/appStateManager.ts | 2 +-
 src/scss/partials/_input.scss          | 1 -
 src/scss/partials/pages/_pages.scss    | 4 ++++
 4 files changed, 8 insertions(+), 4 deletions(-)

diff --git a/src/components/chat/input.ts b/src/components/chat/input.ts
index 6e5e072d..0a50eb3b 100644
--- a/src/components/chat/input.ts
+++ b/src/components/chat/input.ts
@@ -535,6 +535,7 @@ export default class ChatInput {
   }
 
   private attachMessageInputField() {
+    const oldInput = this.messageInputField?.input;
     this.messageInputField = new InputField({
       placeholder: 'Message',
       name: 'message'
@@ -545,8 +546,8 @@ export default class ChatInput {
     this.attachMessageInputListeners();
 
     const container = this.inputScroll.container;
-    if(container.firstElementChild) {
-      container.replaceChild(this.messageInputField.input, container.firstElementChild);
+    if(oldInput) {
+      oldInput.replaceWith(this.messageInputField.input);
     } else {
       container.append(this.messageInputField.input);
     }
diff --git a/src/lib/appManagers/appStateManager.ts b/src/lib/appManagers/appStateManager.ts
index 715b49c6..6135c2d1 100644
--- a/src/lib/appManagers/appStateManager.ts
+++ b/src/lib/appManagers/appStateManager.ts
@@ -60,7 +60,7 @@ export class AppStateManager extends EventListenerBase<{
         if(state) {
           if(state.version != STATE_VERSION) {
             state = {};
-          } else if(((state.stateCreatedTime || 0) + REFRESH_EVERY) < time && false) {
+          } else if(((state.stateCreatedTime || 0) + REFRESH_EVERY) < time/*  && false */) {
             this.log('will refresh state', state.stateCreatedTime, time);
             REFRESH_KEYS.forEach(key => {
               delete state[key];
diff --git a/src/scss/partials/_input.scss b/src/scss/partials/_input.scss
index 6cd5754c..3dc9e2bd 100644
--- a/src/scss/partials/_input.scss
+++ b/src/scss/partials/_input.scss
@@ -61,7 +61,6 @@
     transition: .2s border-color;
     position: relative;
     z-index: 1;
-    text-align: left;
     //line-height: calc(54px - var(--border-width));
     /* overflow: hidden;
     white-space: nowrap; */
diff --git a/src/scss/partials/pages/_pages.scss b/src/scss/partials/pages/_pages.scss
index 9c138573..e2bde19e 100644
--- a/src/scss/partials/pages/_pages.scss
+++ b/src/scss/partials/pages/_pages.scss
@@ -193,4 +193,8 @@
       margin-top: 100px;
     }
   }
+
+  .input-field {
+    text-align: center;
+  }
 }
\ No newline at end of file