From 9d2cee8dbb495f4f2318a6c9c5ba953040ff760e Mon Sep 17 00:00:00 2001
From: Tobias Berger <tobi.berger13@gmail.com>
Date: Sat, 8 Jan 2022 17:56:00 +0100
Subject: [PATCH] Fix message history order

---
 src/pages/index.tsx | 2 +-
 src/styles.scss     | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/pages/index.tsx b/src/pages/index.tsx
index 8ab34b7..3158270 100644
--- a/src/pages/index.tsx
+++ b/src/pages/index.tsx
@@ -29,7 +29,7 @@ export default function Index(): JSX.Element {
     if (isIdResponseMessage(message)) {
       setAuthorId(message.authorId);
     } else if (isTextMessage(message)) {
-      setMessageHistory([message, ...messageHistory]);
+      setMessageHistory([...messageHistory, message]);
     }
   }
 
diff --git a/src/styles.scss b/src/styles.scss
index bc1d5d7..6070eba 100644
--- a/src/styles.scss
+++ b/src/styles.scss
@@ -46,7 +46,7 @@ main {
 
   #messages-container {
     display: flex;
-    flex-direction: column-reverse;
+    flex-direction: column;
     overflow-y: scroll;
     > :nth-child(even) {
       background-color: lightgray;