From 9184dc6eb2b1f6aa892768e2e989b12270fda411 Mon Sep 17 00:00:00 2001
From: cfngc4594 <cfngc4594@gmail.com>
Date: Wed, 26 Feb 2025 14:43:27 +0800
Subject: [PATCH] feat(footer): wrap footer text in a span for improved
 truncation handling

---
 .../@problem/@description/components/footer.tsx           | 4 +++-
 .../playground/@problem/@solution/components/footer.tsx   | 4 +++-
 .../playground/@workspace/@editor/components/footer.tsx   | 8 +++++---
 3 files changed, 11 insertions(+), 5 deletions(-)

diff --git a/src/app/(app)/playground/@problem/@description/components/footer.tsx b/src/app/(app)/playground/@problem/@description/components/footer.tsx
index c980eb9..68ba1e3 100644
--- a/src/app/(app)/playground/@problem/@description/components/footer.tsx
+++ b/src/app/(app)/playground/@problem/@description/components/footer.tsx
@@ -14,7 +14,9 @@ export default function ProblemDescriptionFooter({
       className={cn("h-9 flex flex-none items-center bg-muted", className)}
     >
       <div className="w-full flex items-center justify-center">
-        Description of Two Sum
+        <span className="truncate">
+          Description of Two Sum
+        </span>
       </div>
     </footer>
   );
diff --git a/src/app/(app)/playground/@problem/@solution/components/footer.tsx b/src/app/(app)/playground/@problem/@solution/components/footer.tsx
index bac1e73..9f1e8f1 100644
--- a/src/app/(app)/playground/@problem/@solution/components/footer.tsx
+++ b/src/app/(app)/playground/@problem/@solution/components/footer.tsx
@@ -14,7 +14,9 @@ export default function ProblemSolutionFooter({
       className={cn("h-9 flex flex-none items-center bg-muted", className)}
     >
       <div className="w-full flex items-center justify-center">
-        Solution of Two Sum
+        <span className="truncate">
+          Solution of Two Sum
+        </span>
       </div>
     </footer>
   );
diff --git a/src/app/(app)/playground/@workspace/@editor/components/footer.tsx b/src/app/(app)/playground/@workspace/@editor/components/footer.tsx
index e5fb567..e69ff4b 100644
--- a/src/app/(app)/playground/@workspace/@editor/components/footer.tsx
+++ b/src/app/(app)/playground/@workspace/@editor/components/footer.tsx
@@ -42,9 +42,11 @@ export default function WorkspaceEditorFooter({
       className={cn("h-9 flex flex-none items-center bg-muted px-3 py-2", className)}
     >
       <div className="w-full flex items-center justify-end">
-        {position
-          ? `Row ${position.lineNumber}, Column ${position.column}`
-          : "Row -, Column -"}
+        <span className="truncate">
+          {position
+            ? `Row ${position.lineNumber}, Column ${position.column}`
+            : "Row -, Column -"}
+        </span>
       </div>
     </footer>
   );