Skip to content

Commit f54409f

Browse files
izadoesdevizadoesdev
committed
cleanup
2 parents 64554af + e0a4809 commit f54409f

File tree

26 files changed

+766
-313
lines changed

26 files changed

+766
-313
lines changed

‎apps/dashboard/app/(auth)/login/forgot/page.tsx‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -65,7 +65,7 @@ export default function ForgotPasswordPage() {
6565
value={email}
6666
/>
6767
</div>
68-
<div className="rounded-lg border border-blue-100 bg-blue-50 p-3 text-blue-800 text-sm">
68+
<div className="rounded-lg border border-info/20 bg-info/5 p-3 text-info-foreground text-sm">
6969
Enter your email address and we'll send you a link to reset your
7070
password.
7171
</div>

‎apps/dashboard/app/(auth)/login/magic-sent/page.tsx‎

Lines changed: 9 additions & 9 deletions
Original file line numberDiff line numberDiff line change
@@ -42,28 +42,28 @@ export default function MagicSentPage() {
4242
return (
4343
<div className="relative mx-auto mt-12 w-full max-w-md overflow-hidden rounded-xl border border-border bg-card p-6 shadow">
4444
<div className="mb-8 text-center">
45-
<div className="relative mb-5 inline-flex h-16 w-16 items-center justify-center rounded-full bg-blue-100 p-3">
46-
<div className="absolute inset-0 animate-pulse rounded-full bg-blue-50" />
47-
<div className="-inset-1 absolute rounded-full bg-gradient-to-tr from-blue-200 to-blue-100 opacity-70 blur-md" />
48-
<div className="relative rounded-full bg-gradient-to-tr from-blue-500 to-blue-400 p-2.5">
49-
<MailCheck className="h-8 w-8 text-white" />
45+
<div className="relative mb-5 inline-flex h-16 w-16 items-center justify-center rounded-full bg-info/10 p-3">
46+
<div className="absolute inset-0 animate-pulse rounded-full bg-info/5" />
47+
<div className="-inset-1 absolute rounded-full bg-gradient-to-tr from-info/20 to-info/10 opacity-70 blur-md" />
48+
<div className="relative rounded-full bg-gradient-to-tr from-info to-info/80 p-2.5">
49+
<MailCheck className="h-8 w-8 text-info-foreground" />
5050
</div>
5151
</div>
5252
<h1 className="font-bold text-2xl text-foreground">Check your email</h1>
5353
<p className="mt-2 text-muted-foreground">
5454
Magic link sent to{' '}
55-
<strong className="font-medium text-blue-600">{email}</strong>
55+
<strong className="font-medium text-info">{email}</strong>
5656
</p>
5757
</div>
5858
<div className="space-y-5 py-4">
59-
<div className="rounded-lg border border-blue-200 bg-blue-50 p-4 text-blue-800">
59+
<div className="rounded-lg border border-info/20 bg-info/5 p-4 text-info-foreground">
6060
<p className="text-sm">
6161
We've sent a magic link to <strong>{email}</strong>. Please check
6262
your inbox and click the link to sign in instantly.
6363
</p>
6464
</div>
6565
<Button
66-
className="w-full bg-blue-500 text-white hover:bg-blue-600"
66+
className="w-full bg-info text-info-foreground hover:bg-info/90"
6767
disabled={isLoading}
6868
onClick={handleResend}
6969
type="button"
@@ -79,7 +79,7 @@ export default function MagicSentPage() {
7979
</Button>
8080
<Link href="/login">
8181
<Button
82-
className="w-full border-blue-200 hover:bg-blue-50"
82+
className="w-full border-info/20 hover:bg-info/5"
8383
type="button"
8484
variant="outline"
8585
>

‎apps/dashboard/app/(auth)/login/magic/page.tsx‎

Lines changed: 3 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -75,15 +75,15 @@ export default function MagicLinkPage() {
7575
value={email}
7676
/>
7777
</div>
78-
<div className="flex items-center gap-3 p-3 text-blue-800 text-sm">
78+
<div className="flex items-center gap-3 p-3 text-info-foreground text-sm">
7979
<Sparkles className="h-5 w-5 flex-shrink-0 text-foreground" />
8080
<p className="text-muted-foreground">
8181
We'll send a secure link to your email that will sign you in
8282
instantly — no password needed.
8383
</p>
8484
</div>
8585
<Button
86-
className="h-11 w-full bg-blue-500 text-white hover:bg-blue-600"
86+
className="h-11 w-full bg-info text-info-foreground hover:bg-info/90"
8787
disabled={isLoading}
8888
type="submit"
8989
>
@@ -101,7 +101,7 @@ export default function MagicLinkPage() {
101101
</Button>
102102
<Link className="block" href="/login">
103103
<Button
104-
className="h-11 w-full border-blue-200 hover:cursor-pointer hover:bg-blue-50"
104+
className="h-11 w-full border-info/20 hover:cursor-pointer hover:bg-info/5"
105105
type="button"
106106
variant="outline"
107107
>

‎apps/dashboard/app/(auth)/login/page.tsx‎

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -161,7 +161,7 @@ function LoginPage() {
161161
<form className="space-y-4" onSubmit={handleEmailPasswordLogin}>
162162
<div className="space-y-2">
163163
<Label className="font-medium text-foreground" htmlFor="email">
164-
Email<span className="text-blue-700">*</span>
164+
Email<span className="text-primary">*</span>
165165
</Label>
166166
<div className="relative">
167167
<Input
@@ -189,7 +189,7 @@ function LoginPage() {
189189
className="font-medium text-foreground"
190190
htmlFor="password"
191191
>
192-
Password<span className="text-blue-700">*</span>
192+
Password<span className="text-primary">*</span>
193193
</Label>
194194
<Link
195195
className="h-auto cursor-pointer p-0 text-primary text-xs sm:text-sm"

‎apps/dashboard/app/(auth)/login/verification-needed/page.tsx‎

Lines changed: 9 additions & 9 deletions
Original file line numberDiff line numberDiff line change
@@ -39,30 +39,30 @@ export default function VerificationNeededPage() {
3939
return (
4040
<div className="relative mx-auto mt-12 w-full max-w-md overflow-hidden rounded-xl border border-border bg-card p-6 shadow">
4141
<div className="mb-8 text-center">
42-
<div className="relative mb-5 inline-flex h-16 w-16 items-center justify-center rounded-full bg-amber-100 p-3">
43-
<div className="absolute inset-0 animate-pulse rounded-full bg-amber-50" />
44-
<div className="-inset-1 absolute rounded-full bg-gradient-to-tr from-amber-200 to-amber-100 opacity-70 blur-md" />
45-
<div className="relative rounded-full bg-gradient-to-tr from-amber-500 to-amber-400 p-2.5">
46-
<AlertCircle className="h-8 w-8 text-white" />
42+
<div className="relative mb-5 inline-flex h-16 w-16 items-center justify-center rounded-full bg-warning/10 p-3">
43+
<div className="absolute inset-0 animate-pulse rounded-full bg-warning/5" />
44+
<div className="-inset-1 absolute rounded-full bg-gradient-to-tr from-warning/20 to-warning/10 opacity-70 blur-md" />
45+
<div className="relative rounded-full bg-gradient-to-tr from-warning to-warning/80 p-2.5">
46+
<AlertCircle className="h-8 w-8 text-warning-foreground" />
4747
</div>
4848
</div>
4949
<h1 className="font-bold text-2xl text-foreground">
5050
Verify your email
5151
</h1>
5252
<p className="mt-2 text-muted-foreground">
5353
Verification needed for{' '}
54-
<strong className="font-medium text-amber-600">{email}</strong>
54+
<strong className="font-medium text-warning">{email}</strong>
5555
</p>
5656
</div>
5757
<div className="space-y-5 py-4">
58-
<div className="rounded-lg border border-amber-200 bg-amber-50 p-4 text-amber-800">
58+
<div className="rounded-lg border border-warning/20 bg-warning/5 p-4 text-warning-foreground">
5959
<p className="text-sm">
6060
Your email <strong>{email}</strong> needs to be verified before you
6161
can sign in. Please check your inbox for the verification link.
6262
</p>
6363
</div>
6464
<Button
65-
className="w-full bg-amber-500 text-white hover:bg-amber-600"
65+
className="w-full bg-warning text-warning-foreground hover:bg-warning/90"
6666
disabled={isLoading}
6767
onClick={sendVerificationEmail}
6868
>
@@ -77,7 +77,7 @@ export default function VerificationNeededPage() {
7777
</Button>
7878
<Link href="/login">
7979
<Button
80-
className="w-full border-amber-200 text-amber-700 hover:bg-amber-50"
80+
className="w-full border-warning/20 text-warning hover:bg-warning/5"
8181
type="button"
8282
variant="outline"
8383
>

‎apps/dashboard/app/(auth)/register/page.tsx‎

Lines changed: 20 additions & 20 deletions
Original file line numberDiff line numberDiff line change
@@ -167,19 +167,19 @@ function RegisterPageContent() {
167167
case 'verification-needed':
168168
return (
169169
<>
170-
<div className="relative mb-5 inline-flex h-16 w-16 items-center justify-center rounded-full bg-amber-100 p-3">
171-
<div className="absolute inset-0 animate-pulse rounded-full bg-amber-50" />
172-
<div className="-inset-1 absolute rounded-full bg-gradient-to-tr from-amber-200 to-amber-100 opacity-70 blur-md" />
173-
<div className="relative rounded-full bg-gradient-to-tr from-amber-500 to-amber-400 p-2.5">
174-
<WarningCircleIcon className="h-8 w-8 text-white" />
170+
<div className="relative mb-5 inline-flex h-16 w-16 items-center justify-center rounded-full bg-warning/10 p-3">
171+
<div className="absolute inset-0 animate-pulse rounded-full bg-warning/5" />
172+
<div className="-inset-1 absolute rounded-full bg-gradient-to-tr from-warning/20 to-warning/10 opacity-70 blur-md" />
173+
<div className="relative rounded-full bg-gradient-to-tr from-warning to-warning/80 p-2.5">
174+
<WarningCircleIcon className="h-8 w-8 text-warning-foreground" />
175175
</div>
176176
</div>
177177
<h1 className="font-bold text-2xl text-foreground">
178178
Verify your email
179179
</h1>
180180
<p className="mt-2 text-muted-foreground">
181181
We've sent a verification link to{' '}
182-
<strong className="font-medium text-amber-600">
182+
<strong className="font-medium text-warning">
183183
{formData.email}
184184
</strong>
185185
</p>
@@ -188,11 +188,11 @@ function RegisterPageContent() {
188188
case 'success':
189189
return (
190190
<>
191-
<div className="relative mb-5 inline-flex h-16 w-16 items-center justify-center rounded-full bg-green-100 p-3">
192-
<div className="absolute inset-0 animate-pulse rounded-full bg-green-50" />
193-
<div className="-inset-1 absolute rounded-full bg-gradient-to-tr from-green-200 to-green-100 opacity-70 blur-md" />
194-
<div className="relative rounded-full bg-gradient-to-tr from-green-500 to-green-400 p-2.5">
195-
<CheckCircleIcon className="h-8 w-8 text-white" />
191+
<div className="relative mb-5 inline-flex h-16 w-16 items-center justify-center rounded-full bg-success/10 p-3">
192+
<div className="absolute inset-0 animate-pulse rounded-full bg-success/5" />
193+
<div className="-inset-1 absolute rounded-full bg-gradient-to-tr from-success/20 to-success/10 opacity-70 blur-md" />
194+
<div className="relative rounded-full bg-gradient-to-tr from-success to-success/80 p-2.5">
195+
<CheckCircleIcon className="h-8 w-8 text-success-foreground" />
196196
</div>
197197
</div>
198198
<h1 className="font-bold text-2xl text-foreground">Success!</h1>
@@ -218,7 +218,7 @@ function RegisterPageContent() {
218218
// Split render content into smaller components
219219
const renderVerificationContent = () => (
220220
<div className="space-y-5 py-4">
221-
<div className="rounded-lg border border-amber-200 bg-amber-50 p-4 text-amber-800">
221+
<div className="rounded-lg border border-warning/20 bg-warning/5 p-4 text-warning-foreground">
222222
<p className="text-sm">
223223
Please check your email inbox and click the verification link to
224224
activate your account. If you don't see the email, check your spam
@@ -228,7 +228,7 @@ function RegisterPageContent() {
228228

229229
<div className="flex flex-col space-y-3">
230230
<Button
231-
className="w-full bg-amber-500 text-sm text-white hover:bg-amber-600 sm:text-base"
231+
className="w-full bg-warning text-sm text-warning-foreground hover:bg-warning/90 sm:text-base"
232232
disabled={isLoading}
233233
onClick={resendVerificationEmail}
234234
>
@@ -248,7 +248,7 @@ function RegisterPageContent() {
248248
</Button>
249249

250250
<Button
251-
className="w-full border-amber-200 text-amber-700 text-sm hover:bg-amber-50 sm:text-base"
251+
className="w-full border-warning/20 text-sm text-warning hover:bg-warning/5 sm:text-base"
252252
onClick={() => setRegistrationStep('form')}
253253
variant="outline"
254254
>
@@ -262,15 +262,15 @@ function RegisterPageContent() {
262262

263263
const renderSuccessContent = () => (
264264
<div className="space-y-5 py-4">
265-
<div className="rounded-lg border border-green-200 bg-green-50 p-4 text-green-800">
265+
<div className="rounded-lg border border-success/20 bg-success/5 p-4 text-success-foreground">
266266
<p className="text-sm">
267267
Your account has been created successfully. You can now sign in to
268268
access your dashboard.
269269
</p>
270270
</div>
271271

272272
<Button
273-
className="w-full bg-green-500 text-sm text-white hover:bg-green-600 sm:text-base"
273+
className="w-full bg-success text-sm text-success-foreground hover:bg-success/90 sm:text-base"
274274
onClick={() => router.push('/login')}
275275
>
276276
<span className="hidden sm:inline">Continue to login</span>
@@ -319,7 +319,7 @@ function RegisterPageContent() {
319319
<form className="space-y-4" onSubmit={handleSubmit}>
320320
<div className="space-y-2">
321321
<Label className="font-medium text-foreground" htmlFor="name">
322-
Full name<span className="text-blue-700">*</span>
322+
Full name<span className="text-primary">*</span>
323323
</Label>
324324
<Input
325325
autoComplete="name"
@@ -337,7 +337,7 @@ function RegisterPageContent() {
337337

338338
<div className="space-y-2">
339339
<Label className="font-medium text-foreground" htmlFor="email">
340-
Email address<span className="text-blue-700">*</span>
340+
Email address<span className="text-primary">*</span>
341341
</Label>
342342
<Input
343343
autoComplete="email"
@@ -357,7 +357,7 @@ function RegisterPageContent() {
357357
<div className="space-y-2">
358358
<div className="flex items-center gap-2">
359359
<Label className="font-medium text-foreground" htmlFor="password">
360-
Password<span className="text-blue-700">*</span>
360+
Password<span className="text-primary">*</span>
361361
</Label>
362362
<TooltipProvider>
363363
<Tooltip>
@@ -407,7 +407,7 @@ function RegisterPageContent() {
407407
className="whitespace-nowrap font-medium text-foreground"
408408
htmlFor="confirmPassword"
409409
>
410-
Confirm password<span className="text-blue-700">*</span>
410+
Confirm password<span className="text-primary">*</span>
411411
</Label>
412412
<div className="relative">
413413
<Input

‎apps/dashboard/app/(main)/observability/database/[id]/page.tsx‎

Lines changed: 2 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -13,6 +13,7 @@ import { use } from 'react';
1313
import { DataTable } from '@/components/analytics/data-table';
1414
import { Badge } from '@/components/ui/badge';
1515
import { Card, CardContent } from '@/components/ui/card';
16+
import { useDbConnection } from '@/hooks/use-db-connections';
1617
import { trpc } from '@/lib/trpc';
1718

1819
interface DatabasePageProps {
@@ -306,14 +307,12 @@ export default function DatabasePage({ params }: DatabasePageProps) {
306307
const resolvedParams = use(params);
307308
const connectionId = resolvedParams.id;
308309

309-
// Get connection details
310310
const {
311311
data: connection,
312312
isLoading: isLoadingConnection,
313313
error: connectionError,
314-
} = trpc.dbConnections.getById.useQuery({ id: connectionId });
314+
} = useDbConnection(connectionId);
315315

316-
// Get database stats
317316
const {
318317
data: databaseStats,
319318
isLoading: isLoadingStats,
@@ -323,7 +322,6 @@ export default function DatabasePage({ params }: DatabasePageProps) {
323322
{ enabled: !!connection }
324323
);
325324

326-
// Get table stats
327325
const {
328326
data: tableStats,
329327
isLoading: isLoadingTables,
@@ -333,7 +331,6 @@ export default function DatabasePage({ params }: DatabasePageProps) {
333331
{ enabled: !!connection }
334332
);
335333

336-
// Show loading state while connection is loading
337334
if (isLoadingConnection) {
338335
return (
339336
<Card className="rounded">

‎apps/dashboard/app/(main)/observability/database/[id]/plugins/page.tsx‎

Lines changed: 2 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -30,6 +30,7 @@ import {
3030
SelectValue,
3131
} from '@/components/ui/select';
3232
import { Skeleton } from '@/components/ui/skeleton';
33+
import { useDbConnection } from '@/hooks/use-db-connections';
3334
import { trpc } from '@/lib/trpc';
3435
import {
3536
ExtensionSearch,
@@ -458,10 +459,7 @@ export default function ExtensionsPage({ params }: ExtensionsPageProps) {
458459

459460
const utils = trpc.useUtils();
460461

461-
// Queries
462-
const { data: connection } = trpc.dbConnections.getById.useQuery({
463-
id: connectionId,
464-
});
462+
const { data: connection } = useDbConnection(connectionId);
465463
const { data: extensions } = trpc.dbConnections.getExtensions.useQuery({
466464
id: connectionId,
467465
});

0 commit comments

Comments
 (0)