From 02459941a5c1e4636b04e3305a4c0ad1927debf6 Mon Sep 17 00:00:00 2001
From: Gabriel Quaresma <j.quaresmasantos_98@hotmail.com>
Date: Mon, 4 Mar 2024 17:37:16 -0300
Subject: [PATCH] Profile bio does not recognize line breaks (#20572)

Co-authored-by: Mac Siri <mac@forem.com>
---
 app/assets/stylesheets/views/profile.scss |  4 ++++
 app/views/users/show.html.erb             | 10 +++++-----
 2 files changed, 9 insertions(+), 5 deletions(-)

diff --git a/app/assets/stylesheets/views/profile.scss b/app/assets/stylesheets/views/profile.scss
index f4c8b3864..20ac4a7e4 100644
--- a/app/assets/stylesheets/views/profile.scss
+++ b/app/assets/stylesheets/views/profile.scss
@@ -45,6 +45,10 @@
     padding: var(--padding);
   }
 
+  &__bio {
+    white-space: pre-wrap;
+  }
+
   &__meta {
     font-size: var(--fs-s);
     color: var(--base-60);
diff --git a/app/views/users/show.html.erb b/app/views/users/show.html.erb
index 145624943..529d5189c 100644
--- a/app/views/users/show.html.erb
+++ b/app/views/users/show.html.erb
@@ -64,7 +64,7 @@
             </h1>
           </div>
 
-          <p class="fs-base m:fs-l color-base-90 mb-4 mx-auto max-w-100 m:max-w-75"><%= @user.tag_line.presence || [t("views.users.empty")].sample %></p>
+          <p class="fs-base profile-header__bio m:fs-l color-base-90 mb-4 mx-auto max-w-100 m:max-w-75"><%= @user.tag_line.presence || [t("views.users.empty")].sample %></p>
 
           <div class="profile-header__meta">
             <% if @user.profile.location.present? %>
@@ -151,7 +151,7 @@
 </main>
 
 <%= javascript_include_tag "storiesList", "followButtons",
-                                     "feedPreviewCards", "hideBookmarkButtons",
-                                     "profileDropdown", "users/profilePage",
-                                     "localizeArticleDates", "asyncUserStatusCheck",
-                                     defer: true %>
+                           "feedPreviewCards", "hideBookmarkButtons",
+                           "profileDropdown", "users/profilePage",
+                           "localizeArticleDates", "asyncUserStatusCheck",
+                           defer: true %>