From adb3beb2b1c46a7ff0e84c1a687f147b0e65ddfa Mon Sep 17 00:00:00 2001
From: SethBurkart123 <seth.burkart@hills.adventist.edu.au>
Date: Fri, 15 Aug 2025 10:22:10 +1000
Subject: [PATCH] perf: limit notice length in preview

---
 src/seqta/utils/Loaders/LoadHomePage.ts | 13 +++++++++----
 1 file changed, 9 insertions(+), 4 deletions(-)

diff --git a/src/seqta/utils/Loaders/LoadHomePage.ts b/src/seqta/utils/Loaders/LoadHomePage.ts
index 18bbe1ab..7a1eda0c 100644
--- a/src/seqta/utils/Loaders/LoadHomePage.ts
+++ b/src/seqta/utils/Loaders/LoadHomePage.ts
@@ -44,7 +44,7 @@ export async function loadHomePage() {
   const homeContainer = document.getElementById("home-root");
   if (!homeContainer) return;
 
-  const skeletonStructure = stringToHTML(`
+  const skeletonStructure = stringToHTML(/* html */`
       <div class="home-container" id="home-container">
         <div class="border shortcut-container">
           <div class="border shortcuts" id="shortcuts"></div>
@@ -420,9 +420,14 @@ function processNoticeColor(colour: string): string | undefined {
 }
 
 function createNoticeElement(notice: any, colour: string | undefined): Node {
-  const cleanContent = notice.contents
+  const textPreview = notice.contents
+    .replace(/<[^>]*>/g, "")
     .replace(/\[\[[\w]+[:][\w]+[\]\]]+/g, "")
-    .replace(/ +/, " ");
+    .replace(/\s+/g, " ")
+    .trim()
+    .substring(0, 150)
+    + (notice.contents.length > 150 ? "..." : "");
+  
   const noticeId = `notice-${Date.now()}-${Math.random().toString(36).substr(2, 9)}`;
 
   const htmlContent = `
@@ -437,7 +442,7 @@ function createNoticeElement(notice: any, colour: string | undefined): Node {
         <button class="notice-close-btn" style="opacity: 0; pointer-events: none;">&times;</button>
       </div>
       <h2 class="notice-content-title">${notice.title}</h2>
-      <div class="notice-content-body">${cleanContent}</div>
+      <div class="notice-content-body">${textPreview}</div>
     </div>`;
 
   const element = stringToHTML(htmlContent).firstChild as HTMLElement;