From 39332dabb8c9ee6a6a726a3a7f2bf2342373ac57 Mon Sep 17 00:00:00 2001
From: cha0s <git@cha0s.io>
Date: Mon, 13 Jul 2020 20:40:06 -0500
Subject: [PATCH] feat: chat center

---
 src/client/chat--center.jsx  | 11 +++++++++++
 src/client/chat--center.scss |  3 +++
 src/client/chat.jsx          |  3 ++-
 src/client/chat.scss         |  4 ----
 4 files changed, 16 insertions(+), 5 deletions(-)
 create mode 100644 src/client/chat--center.jsx
 create mode 100644 src/client/chat--center.scss

diff --git a/src/client/chat--center.jsx b/src/client/chat--center.jsx
new file mode 100644
index 0000000..4d9c493
--- /dev/null
+++ b/src/client/chat--center.jsx
@@ -0,0 +1,11 @@
+import './chat--center.scss';
+
+import React from 'react';
+
+export default function ChatCenter() {
+  return (
+    <div className="chat__center flexed" />
+  );
+}
+
+ChatCenter.propTypes = {};
diff --git a/src/client/chat--center.scss b/src/client/chat--center.scss
new file mode 100644
index 0000000..3068644
--- /dev/null
+++ b/src/client/chat--center.scss
@@ -0,0 +1,3 @@
+.chat__center {
+  flex-grow: 1;
+}
diff --git a/src/client/chat.jsx b/src/client/chat.jsx
index c86c77c..ca2a99c 100644
--- a/src/client/chat.jsx
+++ b/src/client/chat.jsx
@@ -2,6 +2,7 @@ import './chat.scss';
 
 import React from 'react';
 
+import ChatCenter from './chat--center';
 import ChatLeft from './chat--left';
 import ChatRight from './chat--right';
 
@@ -9,7 +10,7 @@ export default function Chat() {
   return (
     <div className="chat">
       <ChatLeft />
-      <div className="chat__messages flexed"></div>
+      <ChatCenter />
       <ChatRight />
     </div>
   );
diff --git a/src/client/chat.scss b/src/client/chat.scss
index d8c3553..86db734 100644
--- a/src/client/chat.scss
+++ b/src/client/chat.scss
@@ -9,7 +9,3 @@
   width: 4em;
   overflow: hidden;
 }
-
-.chat__messages {
-  flex-grow: 1;
-}