From 2e885b76a1db1eaad9511a39951a24140996bc17 Mon Sep 17 00:00:00 2001
From: reya <123083837+reyamir@users.noreply.github.com>
Date: Sat, 1 Jun 2024 08:27:22 +0700
Subject: [PATCH] feat: improve text wrap

---
 apps/desktop2/src/components/note/content.tsx      | 2 +-
 apps/desktop2/src/components/note/contentLarge.tsx | 4 +---
 apps/desktop2/src/routes/$account.home.tsx         | 2 +-
 3 files changed, 3 insertions(+), 5 deletions(-)

diff --git a/apps/desktop2/src/components/note/content.tsx b/apps/desktop2/src/components/note/content.tsx
index cf78596d..2b9564a9 100644
--- a/apps/desktop2/src/components/note/content.tsx
+++ b/apps/desktop2/src/components/note/content.tsx
@@ -102,7 +102,7 @@ export function NoteContent({
 		<div className="flex flex-col gap-2">
 			<div
 				className={cn(
-					"select-text text-[15px] text-balance break-words overflow-hidden",
+					"select-text text-[15px] text-pretty overflow-hidden",
 					event.content.length > 500 ? "max-h-[300px] gradient-mask-b-0" : "",
 					className,
 				)}
diff --git a/apps/desktop2/src/components/note/contentLarge.tsx b/apps/desktop2/src/components/note/contentLarge.tsx
index d9ce448a..03ee1625 100644
--- a/apps/desktop2/src/components/note/contentLarge.tsx
+++ b/apps/desktop2/src/components/note/contentLarge.tsx
@@ -145,9 +145,7 @@ export function NoteContentLarge({
 
 	return (
 		<div className={cn("select-text", className)}>
-			<div className="text-[15px] text-balance content-break leading-normal">
-				{content}
-			</div>
+			<div className="text-[15px] text-pretty leading-normal">{content}</div>
 		</div>
 	);
 }
diff --git a/apps/desktop2/src/routes/$account.home.tsx b/apps/desktop2/src/routes/$account.home.tsx
index 689ccf97..5734ff17 100644
--- a/apps/desktop2/src/routes/$account.home.tsx
+++ b/apps/desktop2/src/routes/$account.home.tsx
@@ -26,7 +26,7 @@ function Screen() {
 	const initialColumnList = Route.useLoaderData();
 	const vlistRef = useRef<VListHandle>(null);
 
-	const [columns, setColumns] = useState<LumeColumn[]>(null);
+	const [columns, setColumns] = useState<LumeColumn[]>([]);
 	const [selectedIndex, setSelectedIndex] = useState(-1);
 	const [isScroll, setIsScroll] = useState(false);
 	const [isResize, setIsResize] = useState(false);