Skip to content

Commit fa91482

Browse files
werther41werther41
authored
Merge pull request #28 from werther41/new-article-discovery
revert tailwind css shorthand size-x back to h-x w-x for production b…
2 parents 29cb2d5 + d13dda6 commit fa91482

26 files changed

+107
-107
lines changed

‎app/admin/import/page.tsx‎

Lines changed: 4 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -118,7 +118,7 @@ export default function ImportPage() {
118118
<Card>
119119
<CardHeader>
120120
<CardTitle className="flex items-center gap-2">
121-
<Upload className="size-5" />
121+
<Upload className="h-5 w-5" />
122122
Import Facts
123123
</CardTitle>
124124
</CardHeader>
@@ -192,12 +192,12 @@ export default function ImportPage() {
192192
<CardTitle className="flex items-center gap-2">
193193
{results ? (
194194
results.success ? (
195-
<CheckCircle className="size-5 text-green-500" />
195+
<CheckCircle className="h-5 w-5 text-green-500" />
196196
) : (
197-
<XCircle className="size-5 text-red-500" />
197+
<XCircle className="h-5 w-5 text-red-500" />
198198
)
199199
) : (
200-
<AlertCircle className="size-5 text-gray-500" />
200+
<AlertCircle className="h-5 w-5 text-gray-500" />
201201
)}
202202
Import Results
203203
</CardTitle>

‎app/admin/layout.tsx‎

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -17,12 +17,12 @@ export default function AdminLayout({
1717
<div className="flex items-center gap-4">
1818
<Link href="/">
1919
<Button variant="ghost" size="sm">
20-
<ArrowLeft className="mr-2 size-4" />
20+
<ArrowLeft className="mr-2 h-4 w-4" />
2121
Back to App
2222
</Button>
2323
</Link>
2424
<div className="flex items-center gap-2">
25-
<Settings className="size-5" />
25+
<Settings className="h-5 w-5" />
2626
<h1 className="text-xl font-semibold">Admin Panel</h1>
2727
</div>
2828
</div>

‎app/admin/topics/page.tsx‎

Lines changed: 13 additions & 13 deletions
Original file line numberDiff line numberDiff line change
@@ -17,19 +17,19 @@ import { Card, CardContent, CardHeader, CardTitle } from "@/components/ui/card"
1717
const getEntityIcon = (type: string) => {
1818
switch (type) {
1919
case "TECH":
20-
return <Hash className="size-4" />
20+
return <Hash className="h-4 w-4" />
2121
case "ORG":
22-
return <Building className="size-4" />
22+
return <Building className="h-4 w-4" />
2323
case "PERSON":
24-
return <User className="size-4" />
24+
return <User className="h-4 w-4" />
2525
case "LOCATION":
26-
return <MapPin className="size-4" />
26+
return <MapPin className="h-4 w-4" />
2727
case "CONCEPT":
28-
return <Lightbulb className="size-4" />
28+
return <Lightbulb className="h-4 w-4" />
2929
case "EVENT":
30-
return <Calendar className="size-4" />
30+
return <Calendar className="h-4 w-4" />
3131
default:
32-
return <TrendingUp className="size-4" />
32+
return <TrendingUp className="h-4 w-4" />
3333
}
3434
}
3535

@@ -41,7 +41,7 @@ async function TopicStats() {
4141
<Card>
4242
<CardHeader className="flex flex-row items-center justify-between space-y-0 pb-2">
4343
<CardTitle className="text-sm font-medium">Total Articles</CardTitle>
44-
<TrendingUp className="size-4 text-muted-foreground" />
44+
<TrendingUp className="h-4 w-4 text-muted-foreground" />
4545
</CardHeader>
4646
<CardContent>
4747
<div className="text-2xl font-bold">{stats.totalArticles}</div>
@@ -53,7 +53,7 @@ async function TopicStats() {
5353
<CardTitle className="text-sm font-medium">
5454
Articles with Topics
5555
</CardTitle>
56-
<Hash className="size-4 text-muted-foreground" />
56+
<Hash className="h-4 w-4 text-muted-foreground" />
5757
</CardHeader>
5858
<CardContent>
5959
<div className="text-2xl font-bold">{stats.articlesWithTopics}</div>
@@ -66,7 +66,7 @@ async function TopicStats() {
6666
<Card>
6767
<CardHeader className="flex flex-row items-center justify-between space-y-0 pb-2">
6868
<CardTitle className="text-sm font-medium">Total Topics</CardTitle>
69-
<Lightbulb className="size-4 text-muted-foreground" />
69+
<Lightbulb className="h-4 w-4 text-muted-foreground" />
7070
</CardHeader>
7171
<CardContent>
7272
<div className="text-2xl font-bold">{stats.totalTopics}</div>
@@ -76,7 +76,7 @@ async function TopicStats() {
7676
<Card>
7777
<CardHeader className="flex flex-row items-center justify-between space-y-0 pb-2">
7878
<CardTitle className="text-sm font-medium">Trending Topics</CardTitle>
79-
<TrendingUp className="size-4 text-muted-foreground" />
79+
<TrendingUp className="h-4 w-4 text-muted-foreground" />
8080
</CardHeader>
8181
<CardContent>
8282
<div className="text-2xl font-bold">{stats.trendingTopics}</div>
@@ -171,8 +171,8 @@ export default function TopicsAdminPage() {
171171
className="flex items-center justify-between rounded-lg border p-3"
172172
>
173173
<div className="flex items-center gap-3">
174-
<div className="size-4 animate-pulse rounded bg-muted"></div>
175-
<div className="size-4 animate-pulse rounded bg-muted"></div>
174+
<div className="h-4 w-4 animate-pulse rounded bg-muted"></div>
175+
<div className="h-4 w-4 animate-pulse rounded bg-muted"></div>
176176
<div>
177177
<div className="mb-2 h-4 w-32 animate-pulse rounded bg-muted"></div>
178178
<div className="h-3 w-24 animate-pulse rounded bg-muted"></div>

‎app/blog/[slug]/page.tsx‎

Lines changed: 5 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -60,7 +60,7 @@ export default async function BlogPostPage({ params }: BlogPostPageProps) {
6060
<div className="mb-8">
6161
<Button variant="ghost" asChild className="mb-6">
6262
<Link href="/blog" className="flex items-center gap-2">
63-
<ArrowLeft className="size-4" />
63+
<ArrowLeft className="h-4 w-4" />
6464
Back to Blog
6565
</Link>
6666
</Button>
@@ -72,7 +72,7 @@ export default async function BlogPostPage({ params }: BlogPostPageProps) {
7272

7373
<div className="mb-4 flex flex-wrap items-center gap-4 text-sm text-muted-foreground">
7474
<div className="flex items-center gap-1">
75-
<Calendar className="size-4" />
75+
<Calendar className="h-4 w-4" />
7676
<time dateTime={post.date}>
7777
{new Date(post.date).toLocaleDateString("en-US", {
7878
year: "numeric",
@@ -84,7 +84,7 @@ export default async function BlogPostPage({ params }: BlogPostPageProps) {
8484

8585
{post.updatedDate && post.updatedDate !== post.date && (
8686
<div className="flex items-center gap-1">
87-
<Clock className="size-4" />
87+
<Clock className="h-4 w-4" />
8888
<span>
8989
Updated{" "}
9090
{new Date(post.updatedDate).toLocaleDateString("en-US", {
@@ -97,7 +97,7 @@ export default async function BlogPostPage({ params }: BlogPostPageProps) {
9797
)}
9898

9999
<div className="flex items-center gap-1">
100-
<User className="size-4" />
100+
<User className="h-4 w-4" />
101101
<span>{post.author}</span>
102102
</div>
103103
</div>
@@ -122,7 +122,7 @@ export default async function BlogPostPage({ params }: BlogPostPageProps) {
122122
<div className="mt-12 border-t pt-8">
123123
<Button variant="outline" asChild>
124124
<Link href="/blog" className="flex items-center gap-2">
125-
<ArrowLeft className="size-4" />
125+
<ArrowLeft className="h-4 w-4" />
126126
Back to All Posts
127127
</Link>
128128
</Button>

‎app/blog/page.tsx‎

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -41,7 +41,7 @@ export default function BlogPage() {
4141
</h2>
4242
<p className="mt-1 flex items-center gap-2 text-sm text-muted-foreground">
4343
<span className="inline-flex items-center gap-1">
44-
<Calendar className="size-4" />
44+
<Calendar className="h-4 w-4" />
4545
<time dateTime={post.date}>
4646
{new Date(post.date).toLocaleDateString("en-US", {
4747
year: "numeric",
@@ -61,7 +61,7 @@ export default function BlogPage() {
6161
) : null}
6262
{" · "}
6363
<span className="inline-flex items-center gap-1">
64-
<User className="size-4" />
64+
<User className="h-4 w-4" />
6565
{post.author}
6666
</span>
6767
</p>

‎app/deep-dive/[slug]/page.tsx‎

Lines changed: 5 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -65,7 +65,7 @@ export default async function DeepDiveArticlePage({
6565
<div className="mb-8">
6666
<Button variant="ghost" asChild className="mb-6">
6767
<Link href="/deep-dive" className="flex items-center gap-2">
68-
<ArrowLeft className="size-4" />
68+
<ArrowLeft className="h-4 w-4" />
6969
Back to Deep Dive
7070
</Link>
7171
</Button>
@@ -77,7 +77,7 @@ export default async function DeepDiveArticlePage({
7777

7878
<div className="mb-4 flex flex-wrap items-center gap-4 text-sm text-muted-foreground">
7979
<div className="flex items-center gap-1">
80-
<Calendar className="size-4" />
80+
<Calendar className="h-4 w-4" />
8181
<time dateTime={article.date}>
8282
{new Date(article.date).toLocaleDateString("en-US", {
8383
year: "numeric",
@@ -89,7 +89,7 @@ export default async function DeepDiveArticlePage({
8989

9090
{article.updatedDate && article.updatedDate !== article.date && (
9191
<div className="flex items-center gap-1">
92-
<Clock className="size-4" />
92+
<Clock className="h-4 w-4" />
9393
<span>
9494
Updated{" "}
9595
{new Date(article.updatedDate).toLocaleDateString("en-US", {
@@ -102,7 +102,7 @@ export default async function DeepDiveArticlePage({
102102
)}
103103

104104
<div className="flex items-center gap-1">
105-
<User className="size-4" />
105+
<User className="h-4 w-4" />
106106
<span>{article.author}</span>
107107
</div>
108108
</div>
@@ -127,7 +127,7 @@ export default async function DeepDiveArticlePage({
127127
<div className="mt-12 border-t pt-8">
128128
<Button variant="outline" asChild>
129129
<Link href="/deep-dive" className="flex items-center gap-2">
130-
<ArrowLeft className="size-4" />
130+
<ArrowLeft className="h-4 w-4" />
131131
Back to Deep Dive
132132
</Link>
133133
</Button>

‎app/deep-dive/burger-infographic/page.tsx‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -466,7 +466,7 @@ export default function BurgerInfographic() {
466466
>
467467
<span>Read Full Research Article</span>
468468
<svg
469-
className="size-4"
469+
className="h-4 w-4"
470470
fill="none"
471471
stroke="currentColor"
472472
viewBox="0 0 24 24"

‎app/deep-dive/page.tsx‎

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -61,7 +61,7 @@ export default function DeepDivePage() {
6161
</h3>
6262
<p className="mt-1 flex items-center gap-2 text-sm text-muted-foreground">
6363
<span className="inline-flex items-center gap-1">
64-
<Calendar className="size-4" />
64+
<Calendar className="h-4 w-4" />
6565
<time dateTime={article.date}>
6666
{new Date(article.date).toLocaleDateString("en-US", {
6767
year: "numeric",
@@ -85,7 +85,7 @@ export default function DeepDivePage() {
8585
) : null}
8686
{" · "}
8787
<span className="inline-flex items-center gap-1">
88-
<User className="size-4" />
88+
<User className="h-4 w-4" />
8989
{article.author}
9090
</span>
9191
</p>

‎app/deep-dive/sock-pairing-mathematics/page.tsx‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -462,7 +462,7 @@ export default function SockPairingMathematics() {
462462
>
463463
<span>Read Full Mathematical Model</span>
464464
<svg
465-
className="size-4"
465+
className="h-4 w-4"
466466
fill="none"
467467
stroke="currentColor"
468468
viewBox="0 0 24 24"

‎app/discover/page.tsx‎

Lines changed: 6 additions & 6 deletions
Original file line numberDiff line numberDiff line change
@@ -223,7 +223,7 @@ export default function DiscoverPage() {
223223
: "text-foreground opacity-50"
224224
}`}
225225
>
226-
<TrendingUp className="size-4 text-primary sm:size-6" />
226+
<TrendingUp className="h-4 w-4 text-primary sm:size-6" />
227227
<span className="whitespace-nowrap">By Topics</span>
228228
</Button>
229229
<Button
@@ -236,7 +236,7 @@ export default function DiscoverPage() {
236236
: "text-foreground opacity-50"
237237
}`}
238238
>
239-
<Search className="size-4 text-primary sm:size-6" />
239+
<Search className="h-4 w-4 text-primary sm:size-6" />
240240
<span className="whitespace-nowrap">Free Text</span>
241241
</Button>
242242
</div>
@@ -263,7 +263,7 @@ export default function DiscoverPage() {
263263
</CardHeader>
264264
<CardContent>
265265
<div className="relative">
266-
<Search className="absolute left-3 top-1/2 size-4 -translate-y-1/2 text-muted-foreground" />
266+
<Search className="absolute left-3 top-1/2 h-4 w-4 -translate-y-1/2 text-muted-foreground" />
267267
<input
268268
type="text"
269269
placeholder="Enter your search query..."
@@ -272,7 +272,7 @@ export default function DiscoverPage() {
272272
className="w-full rounded-md border border-input bg-background px-10 py-2 text-sm ring-offset-background placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2"
273273
/>
274274
{searchState.isLoading && (
275-
<Loader2 className="absolute right-3 top-1/2 size-4 -translate-y-1/2 animate-spin text-muted-foreground" />
275+
<Loader2 className="absolute right-3 top-1/2 h-4 w-4 -translate-y-1/2 animate-spin text-muted-foreground" />
276276
)}
277277
</div>
278278
{searchState.textQuery.length > 0 &&
@@ -331,9 +331,9 @@ export default function DiscoverPage() {
331331
className="w-full"
332332
>
333333
{searchState.isLoading ? (
334-
<Loader2 className="mr-2 size-4 animate-spin" />
334+
<Loader2 className="mr-2 h-4 w-4 animate-spin" />
335335
) : (
336-
<Search className="mr-2 size-4" />
336+
<Search className="mr-2 h-4 w-4" />
337337
)}
338338
Search Articles
339339
</Button>

0 commit comments

Comments
 (0)