From 10865cd736469853a26f069583fa9c2d0183ef84 Mon Sep 17 00:00:00 2001
From: Ethan Lee <63252912+ethethanlee@users.noreply.github.com>
Date: Sat, 21 Dec 2024 07:03:49 -0500
Subject: [PATCH] [Platform] Creator profile description no longer ignores new
 lines (#9114)
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Fixes #9086

### Changes 🏗️

Added styling to the div that encapsulates the description that takes
white space into account

### Checklist 📋

#### Code changes:
- [ x] I have clearly listed my changes in the PR description
- [ x] I have made a test plan
- [ x] I have tested my changes according to the test plan:

<summary>The test plan was to just make changes to profile bio and check
the creator page to see if new lines were generated properly</summary>

  Below is what the new change looks like:


<img width="882" alt="Screenshot 2024-12-20 at 12 21 09 pm"
src="https://github.com/user-attachments/assets/6d396ec7-96f8-4c9c-9d1f-a5bd75c6dc86"
/>

becomes...

<img width="468" alt="Screenshot 2024-12-20 at 12 21 15 pm"
src="https://github.com/user-attachments/assets/9dbe256b-5800-4f17-91c2-4ecffcffbc0b"
/>
---
 .../frontend/src/app/store/creator/[creator]/page.tsx       | 6 +++++-
 1 file changed, 5 insertions(+), 1 deletion(-)

diff --git a/autogpt_platform/frontend/src/app/store/creator/[creator]/page.tsx b/autogpt_platform/frontend/src/app/store/creator/[creator]/page.tsx
index 7870517c5063..7474aef2e7a3 100644
--- a/autogpt_platform/frontend/src/app/store/creator/[creator]/page.tsx
+++ b/autogpt_platform/frontend/src/app/store/creator/[creator]/page.tsx
@@ -67,9 +67,13 @@ export default async function Page({
               <p className="font-geist text-underline-position-from-font text-decoration-skip-none text-left text-base font-medium leading-6">
                 About
               </p>
-              <div className="font-poppins text-[48px] font-normal leading-[59px] text-neutral-900 dark:text-zinc-50">
+              <div
+                className="font-poppins text-[48px] font-normal leading-[59px] text-neutral-900 dark:text-zinc-50"
+                style={{ whiteSpace: "pre-line" }}
+              >
                 {creator.description}
               </div>
+
               <CreatorLinks links={creator.links} />
             </div>
           </div>