From 24a151dd3b32c9bf3740182a3906c5fe4bc37eb9 Mon Sep 17 00:00:00 2001
From: Kalle <38327916+Sendouc@users.noreply.github.com>
Date: Sat, 3 Sep 2022 20:47:20 +0300
Subject: [PATCH] Event description include line breaks

Closes #880
---
 app/routes/calendar/$id/index.tsx | 4 +++-
 app/styles/utils.css              | 4 ++++
 2 files changed, 7 insertions(+), 1 deletion(-)

diff --git a/app/routes/calendar/$id/index.tsx b/app/routes/calendar/$id/index.tsx
index e16e1e796..7b2492e8d 100644
--- a/app/routes/calendar/$id/index.tsx
+++ b/app/routes/calendar/$id/index.tsx
@@ -233,7 +233,9 @@ function Description() {
           <Avatar user={data.event} size="xs" />
           {discordFullName(data.event)}
         </div>
-        <div data-cy="event-description">{data.event.description}</div>
+        <div data-cy="event-description" className="whitespace-pre-wrap">
+          {data.event.description}
+        </div>
       </div>
     </Section>
   );
diff --git a/app/styles/utils.css b/app/styles/utils.css
index cee4b2dd1..9018687b3 100644
--- a/app/styles/utils.css
+++ b/app/styles/utils.css
@@ -78,6 +78,10 @@
   visibility: hidden;
 }
 
+.whitespace-pre-wrap {
+  white-space: pre-wrap;
+}
+
 .flex {
   display: flex;
 }