From 501f0f78c19646b478b4f8f293d6425cd54eec34 Mon Sep 17 00:00:00 2001
From: Pas <74743263+Pasithea0@users.noreply.github.com>
Date: Sun, 3 Aug 2025 14:01:52 -0600
Subject: [PATCH] Update ListView.tsx

---
 .../components/ListView.tsx                   | 32 +++++++++++++++----
 1 file changed, 26 insertions(+), 6 deletions(-)

diff --git a/src/components/overlays/notificationsModal/components/ListView.tsx b/src/components/overlays/notificationsModal/components/ListView.tsx
index e2cdc4f7..21f30c77 100644
--- a/src/components/overlays/notificationsModal/components/ListView.tsx
+++ b/src/components/overlays/notificationsModal/components/ListView.tsx
@@ -180,12 +180,32 @@ export function ListView({
                           </div>
                         </div>
                       </div>
-                      <p className="text-sm text-type-secondary mb-2 line-clamp-2 max-w-[12rem] md:max-w-[30rem] md:pr-8">
-                        {notification.description
-                          .replace(/\n/g, " ")
-                          .substring(0, 150)}
-                        {notification.description.length > 150 ? "..." : ""}
-                      </p>
+                      <div
+                        className="text-sm text-type-secondary mb-2 line-clamp-2 max-w-[12rem] md:max-w-[30rem] md:pr-8"
+                        // eslint-disable-next-line react/no-danger
+                        dangerouslySetInnerHTML={{
+                          __html:
+                            notification.description
+                              .replace(/\n\n/g, "</p><p>")
+                              .replace(/\n- /g, "</p><p>• ")
+                              .replace(
+                                /\n\*\*([^*]+)\*\*/g,
+                                "</p><h4>$1</h4><p>",
+                              )
+                              .replace(/^/, "<p>")
+                              .replace(/$/, "</p>")
+                              .replace(/<p><\/p>/g, "")
+                              .replace(
+                                /<p>• /g,
+                                '<p class="flex items-start gap-2"><span class="text-type-link mt-1">•</span><span>',
+                              )
+                              .replace(/<\/p>/g, "</span></p>")
+                              .substring(0, 150) +
+                            (notification.description.length > 150
+                              ? "..."
+                              : ""),
+                        }}
+                      />
                     </div>
                   </div>
                   <div className="flex items-center justify-between">