From a82211e64d4c2cf1b5d5df118c2012ed176fc95d Mon Sep 17 00:00:00 2001
From: Tyler Fisher <tyler@tylerjfisher.com>
Date: Fri, 27 Dec 2024 12:15:18 -0500
Subject: [PATCH] cleanup

---
 app/routes/links/topten.tsx | 19 ++++++++++++-------
 app/utils/links.server.ts   |  4 ++--
 2 files changed, 14 insertions(+), 9 deletions(-)

diff --git a/app/routes/links/topten.tsx b/app/routes/links/topten.tsx
index 6e508a7..850ae6b 100644
--- a/app/routes/links/topten.tsx
+++ b/app/routes/links/topten.tsx
@@ -172,15 +172,13 @@ const TopTen = ({ loaderData }: Route.ComponentProps) => {
 											layout={layout}
 											toolbar={false}
 										/>
-										<Text as="p">
+										<Text as="p" mt="-3" mb="4">
 											This link has been seen{" "}
-											<strong>{linkPost.count.toLocaleString()}</strong> times.
+											<strong>{linkPost.count.toLocaleString("en-US")}</strong>{" "}
+											times.
 										</Text>
-										<Heading size="3" as="h5" mt="3">
-											Most popular post, seen {linkPost.posts[0].count} times
-										</Heading>
 										{linkPost.posts && (
-											<Box mt="-4">
+											<>
 												<PostRep
 													group={linkPost.posts.map((post) => ({
 														...post,
@@ -194,7 +192,14 @@ const TopTen = ({ loaderData }: Route.ComponentProps) => {
 													bsky={undefined}
 													toolbar={false}
 												/>
-											</Box>
+												<Text as="p" mt="3">
+													Most popular post, seen{" "}
+													<strong>
+														{linkPost.posts[0].count.toLocaleString("en-US")}
+													</strong>{" "}
+													times
+												</Text>
+											</>
 										)}
 										<Separator size="4" my="7" />
 									</Box>
diff --git a/app/utils/links.server.ts b/app/utils/links.server.ts
index 9f0ebee..19ca589 100644
--- a/app/utils/links.server.ts
+++ b/app/utils/links.server.ts
@@ -358,7 +358,7 @@ interface TopTenLinks {
 export interface TopTenResults {
 	count: number;
 	link: typeof link.$inferSelect | null;
-	posts?: (typeof linkPostDenormalized.$inferSelect)[];
+	posts?: (typeof linkPostDenormalized.$inferSelect & { count: number })[];
 	mostRecentPostDate: Date;
 }
 
@@ -384,7 +384,7 @@ export const networkTopTen = async (time: number): Promise<TopTenResults[]> => {
 			const postsPromise = results.map(async (result) => {
 				const post = await db
 					.select({
-						...linkPostDenormalized,
+						...getTableColumns(linkPostDenormalized),
 						count:
 							sql<number>`count(*) OVER (PARTITION BY ${linkPostDenormalized.postUrl})`.as(
 								"count",