From c3572960c3860dae07bd4cc0f70f1270ff9b41db Mon Sep 17 00:00:00 2001
From: Aslam <iupin5212@gmail.com>
Date: Wed, 4 Sep 2024 06:10:55 +0700
Subject: [PATCH] refactor(page): render text, text size etc (#131)

---
 web/components/routes/link/partials/form/link-form.tsx | 4 +++-
 web/components/routes/page/detail/PageDetailRoute.tsx  | 7 +++++--
 web/components/routes/page/detail/header.tsx           | 1 +
 3 files changed, 9 insertions(+), 3 deletions(-)

diff --git a/web/components/routes/link/partials/form/link-form.tsx b/web/components/routes/link/partials/form/link-form.tsx
index 36c325c3..0381527b 100644
--- a/web/components/routes/link/partials/form/link-form.tsx
+++ b/web/components/routes/link/partials/form/link-form.tsx
@@ -232,7 +232,9 @@ export const LinkForm: React.FC<LinkFormProps> = ({
 												<FormLabel className="sr-only">Topic</FormLabel>
 												<TopicSelector
 													{...field}
-													renderSelectedText={() => <span>{selectedTopic?.prettyName || "Select a topic"}</span>}
+													renderSelectedText={() => (
+														<span className="truncate">{selectedTopic?.prettyName || "Select a topic"}</span>
+													)}
 												/>
 											</FormItem>
 										)}
diff --git a/web/components/routes/page/detail/PageDetailRoute.tsx b/web/components/routes/page/detail/PageDetailRoute.tsx
index 77883508..3bd8bac1 100644
--- a/web/components/routes/page/detail/PageDetailRoute.tsx
+++ b/web/components/routes/page/detail/PageDetailRoute.tsx
@@ -90,7 +90,7 @@ export function PageDetailRoute({ pageId }: { pageId: string }) {
 					<div className="relative min-w-56 max-w-72 border-l">
 						<div className="flex">
 							<div className="flex h-10 flex-auto flex-row items-center justify-between px-5">
-								<span className="text-left text-sm font-medium">Page actions</span>
+								<span className="text-left text-[13px] font-medium">Page actions</span>
 							</div>
 
 							<div className="absolute bottom-0 left-0 right-0 top-10 space-y-3 overflow-y-auto px-4 py-1.5">
@@ -102,10 +102,13 @@ export function PageDetailRoute({ pageId }: { pageId: string }) {
 									}}
 									variant="ghost"
 									className="-ml-1.5"
+									renderSelectedText={() => (
+										<span className="truncate">{page.topic?.prettyName || "Select a topic"}</span>
+									)}
 								/>
 								<Button size="sm" variant="ghost" onClick={handleDelete} className="-ml-1.5">
 									<LaIcon name="Trash" className="mr-2 size-3.5" />
-									Delete
+									<span className="text-sm">Delete</span>
 								</Button>
 							</div>
 						</div>
diff --git a/web/components/routes/page/detail/header.tsx b/web/components/routes/page/detail/header.tsx
index c2e11b2f..e66989fb 100644
--- a/web/components/routes/page/detail/header.tsx
+++ b/web/components/routes/page/detail/header.tsx
@@ -29,6 +29,7 @@ export const DetailPageHeader = ({ page, handleDelete }: { page: PersonalPage; h
 						}}
 						align="start"
 						variant="outline"
+						renderSelectedText={() => <span className="truncate">{page.topic?.prettyName || "Select a topic"}</span>}
 					/>
 					<Button size="sm" variant="outline" onClick={handleDelete}>
 						<LaIcon name="Trash" className="mr-2 size-3.5" />