Skip to content

Commit ee6c8c6

Browse files
emir-karabegemir-karabeg
committed
auth and 404
1 parent eba19be commit ee6c8c6

File tree

8 files changed

+55
-32
lines changed

8 files changed

+55
-32
lines changed

‎apps/sim/app/(auth)/components/branded-button.tsx‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -55,7 +55,7 @@ export const BrandedButton = forwardRef<HTMLButtonElement, BrandedButtonProps>(
5555
onMouseEnter={handleMouseEnter}
5656
onMouseLeave={handleMouseLeave}
5757
className={cn(
58-
'group inline-flex h-[30px] items-center justify-center gap-[7px] rounded-[5px] border px-[9px] text-[13.5px] transition-colors disabled:cursor-not-allowed disabled:opacity-50',
58+
'group inline-flex h-[32px] items-center justify-center gap-[8px] rounded-[5px] border px-[10px] font-[430] font-season text-[14px] transition-colors disabled:cursor-not-allowed disabled:opacity-50',
5959
!hasCustomColor &&
6060
'border-[#FFFFFF] bg-[#FFFFFF] text-black hover:border-[#E0E0E0] hover:bg-[#E0E0E0]',
6161
fullWidth && 'w-full',

‎apps/sim/app/(auth)/components/status-page-layout.tsx‎

Lines changed: 6 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -28,8 +28,12 @@ export function StatusPageLayout({
2828
<div className='w-full max-w-lg px-4'>
2929
<div className='flex flex-col items-center justify-center'>
3030
<div className='space-y-1 text-center'>
31-
<h1 className='font-[500] text-[#ECECEC] text-[32px] tracking-tight'>{title}</h1>
32-
<p className='font-[380] text-[#999] text-[16px]'>{description}</p>
31+
<h1 className='font-[430] font-season text-[40px] text-white leading-[110%] tracking-[-0.02em]'>
32+
{title}
33+
</h1>
34+
<p className='font-[430] font-season text-[#F6F6F6]/60 text-[18px] leading-[125%] tracking-[0.02em]'>
35+
{description}
36+
</p>
3337
</div>
3438
{children && <div className='mt-8 w-full max-w-[410px] space-y-3'>{children}</div>}
3539
</div>

‎apps/sim/app/(auth)/login/login-form.tsx‎

Lines changed: 6 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -383,8 +383,12 @@ export default function LoginPage({
383383
return (
384384
<>
385385
<div className='space-y-1 text-center'>
386-
<h1 className='font-[500] text-[#ECECEC] text-[32px] tracking-tight'>Sign in</h1>
387-
<p className='font-[380] text-[#999] text-[16px]'>Enter your details</p>
386+
<h1 className='font-[430] font-season text-[40px] text-white leading-[110%] tracking-[-0.02em]'>
387+
Sign in
388+
</h1>
389+
<p className='font-[430] font-season text-[#F6F6F6]/60 text-[18px] leading-[125%] tracking-[0.02em]'>
390+
Enter your details
391+
</p>
388392
</div>
389393

390394
{/* SSO Login Button (primary top-only when it is the only method) */}

‎apps/sim/app/(auth)/oauth/consent/page.tsx‎

Lines changed: 10 additions & 6 deletions
Original file line numberDiff line numberDiff line change
@@ -127,10 +127,12 @@ export default function OAuthConsentPage() {
127127
return (
128128
<div className='flex flex-col items-center justify-center'>
129129
<div className='space-y-1 text-center'>
130-
<h1 className={'font-[500] text-[#ECECEC] text-[32px] tracking-tight'}>
130+
<h1 className='font-[430] font-season text-[40px] text-white leading-[110%] tracking-[-0.02em]'>
131131
Authorize Application
132132
</h1>
133-
<p className={'font-[380] text-[#999] text-[16px]'}>Loading application details...</p>
133+
<p className='font-[430] font-season text-[#F6F6F6]/60 text-[18px] leading-[125%] tracking-[0.02em]'>
134+
Loading application details...
135+
</p>
134136
</div>
135137
</div>
136138
)
@@ -140,10 +142,12 @@ export default function OAuthConsentPage() {
140142
return (
141143
<div className='flex flex-col items-center justify-center'>
142144
<div className='space-y-1 text-center'>
143-
<h1 className={'font-[500] text-[#ECECEC] text-[32px] tracking-tight'}>
145+
<h1 className='font-[430] font-season text-[40px] text-white leading-[110%] tracking-[-0.02em]'>
144146
Authorization Error
145147
</h1>
146-
<p className={'font-[380] text-[#999] text-[16px]'}>{error}</p>
148+
<p className='font-[430] font-season text-[#F6F6F6]/60 text-[18px] leading-[125%] tracking-[0.02em]'>
149+
{error}
150+
</p>
147151
</div>
148152
<div className='mt-8 w-full max-w-[410px] space-y-3'>
149153
<BrandedButton onClick={() => router.push('/')}>Return to Home</BrandedButton>
@@ -181,10 +185,10 @@ export default function OAuthConsentPage() {
181185
</div>
182186

183187
<div className='space-y-1 text-center'>
184-
<h1 className={'font-[500] text-[#ECECEC] text-[32px] tracking-tight'}>
188+
<h1 className='font-[430] font-season text-[40px] text-white leading-[110%] tracking-[-0.02em]'>
185189
Authorize Application
186190
</h1>
187-
<p className={'font-[380] text-[#999] text-[16px]'}>
191+
<p className='font-[430] font-season text-[#F6F6F6]/60 text-[18px] leading-[125%] tracking-[0.02em]'>
188192
<span className='font-medium text-[#ECECEC]'>{clientName}</span> is requesting access to
189193
your account
190194
</p>

‎apps/sim/app/(auth)/reset-password/reset-password-content.tsx‎

Lines changed: 4 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -74,10 +74,12 @@ function ResetPasswordContent() {
7474
return (
7575
<>
7676
<div className='space-y-1 text-center'>
77-
<h1 className='font-[500] text-[#ECECEC] text-[32px] tracking-tight'>
77+
<h1 className='font-[430] font-season text-[40px] text-white leading-[110%] tracking-[-0.02em]'>
7878
Reset your password
7979
</h1>
80-
<p className='font-[380] text-[#999] text-[16px]'>Enter a new password for your account</p>
80+
<p className='font-[430] font-season text-[#F6F6F6]/60 text-[18px] leading-[125%] tracking-[0.02em]'>
81+
Enter a new password for your account
82+
</p>
8183
</div>
8284

8385
<div className='mt-8'>

‎apps/sim/app/(auth)/signup/signup-form.tsx‎

Lines changed: 6 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -341,8 +341,12 @@ function SignupFormContent({
341341
return (
342342
<>
343343
<div className='space-y-1 text-center'>
344-
<h1 className='font-[500] text-[#ECECEC] text-[32px] tracking-tight'>Create an account</h1>
345-
<p className='font-[380] text-[#999] text-[16px]'>Create an account or log in</p>
344+
<h1 className='font-[430] font-season text-[40px] text-white leading-[110%] tracking-[-0.02em]'>
345+
Create an account
346+
</h1>
347+
<p className='font-[430] font-season text-[#F6F6F6]/60 text-[18px] leading-[125%] tracking-[0.02em]'>
348+
Create an account or log in
349+
</p>
346350
</div>
347351

348352
{/* SSO Login Button (primary top-only when it is the only method) */}

‎apps/sim/app/(auth)/verify/verify-content.tsx‎

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -59,10 +59,10 @@ function VerificationForm({
5959
return (
6060
<>
6161
<div className='space-y-1 text-center'>
62-
<h1 className='font-[500] text-[#ECECEC] text-[32px] tracking-tight'>
62+
<h1 className='font-[430] font-season text-[40px] text-white leading-[110%] tracking-[-0.02em]'>
6363
{isVerified ? 'Email Verified!' : 'Verify Your Email'}
6464
</h1>
65-
<p className='font-[380] text-[#999] text-[16px]'>
65+
<p className='font-[430] font-season text-[#F6F6F6]/60 text-[18px] leading-[125%] tracking-[0.02em]'>
6666
{isVerified
6767
? 'Your email has been verified. Redirecting to dashboard...'
6868
: !isEmailVerificationEnabled

‎apps/sim/app/not-found.tsx‎

Lines changed: 20 additions & 15 deletions
Original file line numberDiff line numberDiff line change
@@ -1,28 +1,33 @@
1-
'use client'
2-
3-
import { useRouter } from 'next/navigation'
1+
import Link from 'next/link'
42
import AuthBackground from '@/app/(auth)/components/auth-background'
5-
import { BrandedButton } from '@/app/(auth)/components/branded-button'
63
import Navbar from '@/app/(home)/components/navbar/navbar'
74

8-
export default function NotFound() {
9-
const router = useRouter()
5+
const CTA_BASE =
6+
'inline-flex items-center h-[32px] rounded-[5px] border px-[10px] font-[430] font-season text-[14px]'
107

8+
export default function NotFound() {
119
return (
1210
<AuthBackground className='dark font-[430] font-season'>
1311
<main className='relative flex min-h-full flex-col text-[#ECECEC]'>
1412
<header className='shrink-0 bg-[#1C1C1C]'>
1513
<Navbar />
1614
</header>
17-
<div className='relative z-30 flex flex-1 flex-col items-center justify-center px-4 pb-24'>
18-
<h1 className='font-[500] text-[48px] tracking-tight'>Page Not Found</h1>
19-
<p className='mt-2 text-[#999] text-[16px]'>
20-
The page you&apos;re looking for doesn&apos;t exist or has been moved.
21-
</p>
22-
<div className='mt-8 w-full max-w-[200px]'>
23-
<BrandedButton onClick={() => router.push('/')} showArrow={false}>
24-
Return to Home
25-
</BrandedButton>
15+
<div className='relative z-30 flex flex-1 items-center justify-center px-4 pb-24'>
16+
<div className='flex flex-col items-center gap-[12px]'>
17+
<h1 className='font-[430] font-season text-[40px] text-white leading-[110%] tracking-[-0.02em]'>
18+
Page Not Found
19+
</h1>
20+
<p className='font-[430] font-season text-[#F6F6F6]/60 text-[18px] leading-[125%] tracking-[0.02em]'>
21+
The page you&apos;re looking for doesn&apos;t exist or has been moved.
22+
</p>
23+
<div className='mt-[12px] flex items-center gap-[8px]'>
24+
<Link
25+
href='/'
26+
className={`${CTA_BASE} gap-[8px] border-[#FFFFFF] bg-[#FFFFFF] text-black transition-colors hover:border-[#E0E0E0] hover:bg-[#E0E0E0]`}
27+
>
28+
Return to Home
29+
</Link>
30+
</div>
2631
</div>
2732
</div>
2833
</main>

0 commit comments

Comments
 (0)