Skip to content

Commit bf98ce3

Browse files
JoeMattclaude
andcommitted
fix: replace undefined shadcn CSS vars in TestFlightGate; remove boilerplate SVGs
TestFlightGate used shadcn/ui CSS variables (text-muted-foreground, bg-background/60, hover:bg-accent) that are not defined in globals.css. This caused invisible/broken hover states and unstyled text. Replaced with equivalent standard Tailwind classes that match the rest of the site. Also remove five unused create-next-app boilerplate files from public/: file.svg, globe.svg, next.svg, vercel.svg, window.svg — none referenced anywhere in the codebase. Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
1 parent 2740c0f commit bf98ce3

File tree

6 files changed

+15
-20
lines changed

6 files changed

+15
-20
lines changed

public/file.svg

Lines changed: 0 additions & 1 deletion
This file was deleted.

public/globe.svg

Lines changed: 0 additions & 1 deletion
This file was deleted.

public/next.svg

Lines changed: 0 additions & 1 deletion
This file was deleted.

public/vercel.svg

Lines changed: 0 additions & 1 deletion
This file was deleted.

public/window.svg

Lines changed: 0 additions & 1 deletion
This file was deleted.

src/components/TestFlightGate.tsx

Lines changed: 15 additions & 15 deletions
Original file line numberDiff line numberDiff line change
@@ -38,7 +38,7 @@ export default function TestFlightGate() {
3838
if (checking) {
3939
return (
4040
<main className="min-h-screen container mx-auto px-4 py-12">
41-
<div className="mx-auto max-w-2xl animate-pulse text-center text-muted-foreground">Loading…</div>
41+
<div className="mx-auto max-w-2xl animate-pulse text-center text-gray-600 dark:text-gray-400">Loading…</div>
4242
</main>
4343
);
4444
}
@@ -47,16 +47,16 @@ export default function TestFlightGate() {
4747
<main className="min-h-screen container mx-auto px-4 py-12">
4848
<div className="mx-auto max-w-2xl space-y-6">
4949
<header className="space-y-2">
50-
<h1 className="text-3xl font-semibold tracking-tight">Join the iCube TestFlight</h1>
51-
<p className="text-muted-foreground">
50+
<h1 className="text-3xl font-semibold tracking-tight text-gray-900 dark:text-white">Join the iCube TestFlight</h1>
51+
<p className="text-gray-600 dark:text-gray-400">
5252
Get early access to iCube builds via Apple TestFlight. Seats may be limited.
5353
</p>
5454
</header>
5555

5656
{!gatePassed ? (
57-
<section className="rounded-lg border p-6 shadow-sm bg-background/60 backdrop-blur">
58-
<h2 className="text-xl font-medium mb-2">Help support the project</h2>
59-
<p className="text-sm text-muted-foreground mb-4">
57+
<section className="rounded-lg border border-gray-200 dark:border-gray-700 p-6 shadow-sm bg-white dark:bg-gray-800">
58+
<h2 className="text-xl font-medium mb-2 text-gray-900 dark:text-white">Help support the project</h2>
59+
<p className="text-sm text-gray-600 dark:text-gray-400 mb-4">
6060
Please follow <a href={TWITTER_URL} target="_blank" rel="noreferrer noopener" className="underline underline-offset-4">@provenanceapp</a> on X (Twitter) to stay updated on releases and development. Once followed, click “I followed” below. If you prefer not to follow, you can still proceed.
6161
</p>
6262
<div className="flex flex-wrap gap-3">
@@ -71,23 +71,23 @@ export default function TestFlightGate() {
7171
<button
7272
type="button"
7373
onClick={() => markPassed("follow")}
74-
className="inline-flex items-center justify-center rounded-md border px-4 py-2 text-sm font-medium hover:bg-accent transition"
74+
className="inline-flex items-center justify-center rounded-md border border-gray-300 dark:border-gray-600 px-4 py-2 text-sm font-medium text-gray-900 dark:text-white hover:bg-gray-100 dark:hover:bg-gray-700 transition"
7575
>
7676
I followed
7777
</button>
7878
<button
7979
type="button"
8080
onClick={() => markPassed("skip")}
81-
className="inline-flex items-center justify-center rounded-md border px-4 py-2 text-sm font-medium hover:bg-accent transition"
81+
className="inline-flex items-center justify-center rounded-md border border-gray-300 dark:border-gray-600 px-4 py-2 text-sm font-medium text-gray-900 dark:text-white hover:bg-gray-100 dark:hover:bg-gray-700 transition"
8282
>
8383
Proceed without following
8484
</button>
8585
</div>
8686
</section>
8787
) : (
88-
<section className="rounded-lg border p-6 shadow-sm bg-background/60 backdrop-blur">
89-
<h2 className="text-xl font-medium mb-2">You’re in</h2>
90-
<p className="text-sm text-muted-foreground mb-4">
88+
<section className="rounded-lg border border-gray-200 dark:border-gray-700 p-6 shadow-sm bg-white dark:bg-gray-800">
89+
<h2 className="text-xl font-medium mb-2 text-gray-900 dark:text-white">You’re in</h2>
90+
<p className="text-sm text-gray-600 dark:text-gray-400 mb-4">
9191
Click below to open the TestFlight invite. If the build is full, try again later.
9292
</p>
9393
<div className="flex gap-3">
@@ -101,23 +101,23 @@ export default function TestFlightGate() {
101101
</a>
102102
<Link
103103
href="/"
104-
className="inline-flex items-center justify-center rounded-md border px-4 py-2 text-sm font-medium hover:bg-accent transition"
104+
className="inline-flex items-center justify-center rounded-md border border-gray-300 dark:border-gray-600 px-4 py-2 text-sm font-medium text-gray-900 dark:text-white hover:bg-gray-100 dark:hover:bg-gray-700 transition"
105105
>
106106
Go home
107107
</Link>
108108
</div>
109109
</section>
110110
)}
111111

112-
<section className="text-xs text-muted-foreground">
112+
<section className="text-xs text-gray-600 dark:text-gray-400">
113113
<p>
114114
Note: Following is optional and not required for access. Your choice is stored locally in your browser.
115115
</p>
116116
</section>
117117

118-
<section className="rounded-lg border p-6 shadow-sm bg-background/60 backdrop-blur">
118+
<section className="rounded-lg border border-gray-200 dark:border-gray-700 p-6 shadow-sm bg-white dark:bg-gray-800">
119119
<h2 className="text-xl font-medium mb-2">Support Development</h2>
120-
<p className="text-sm text-muted-foreground mb-4">
120+
<p className="text-sm text-gray-600 dark:text-gray-400 mb-4">
121121
If you find iCube helpful, consider supporting ongoing development. Thank you!
122122
</p>
123123
<div className="grid grid-cols-1 sm:grid-cols-2 gap-3 justify-items-start">

0 commit comments

Comments
 (0)