From 7529f92a1f2580d00f6a954479cca502f88690d4 Mon Sep 17 00:00:00 2001 From: malavya1411 Date: Tue, 14 Jul 2026 07:51:29 +0530 Subject: [PATCH] refactor: unify authentication flow by replacing RegisterForm with LoginForm component --- frontend/src/App.tsx | 24 +- frontend/src/components/AuthLayout.tsx | 39 +- frontend/src/components/LandingPage.tsx | 100 +++-- frontend/src/components/LoginForm.tsx | 345 +++++++++++++--- frontend/src/components/Logo.tsx | 48 ++- frontend/src/components/RegisterForm.tsx | 480 +---------------------- frontend/src/index.css | 17 + frontend/src/pages/AnalyticsPage.tsx | 4 +- 8 files changed, 414 insertions(+), 643 deletions(-) diff --git a/frontend/src/App.tsx b/frontend/src/App.tsx index b5442f5..46b56ee 100644 --- a/frontend/src/App.tsx +++ b/frontend/src/App.tsx @@ -359,7 +359,6 @@ const DashboardContent: React.FC = () => { ); if (res.ok) { const data = await res.json(); - setTheme(data.theme || 'dark'); setSignature(data.signature || ''); setAutoReply(!!data.autoReply); setTimezone(data.timezone || 'UTC'); @@ -373,7 +372,6 @@ const DashboardContent: React.FC = () => { 'Failed to load user settings, using dev mock settings:', err ); - setTheme('light'); setSignature('Sent from InboxOS Dev'); setAutoReply(true); setTimezone('UTC'); @@ -1090,8 +1088,16 @@ const DashboardContent: React.FC = () => { 💬 Link Your Chat ID

- To sync alerts with your Telegram, message your - bot and send the start command with your unique + To sync alerts with your Telegram, message{' '} + + your bot + {' '} + and send the start command with your unique Workspace User ID:

@@ -1977,8 +1983,14 @@ export default function App() { } const handleGlobalMouseMove = (e: MouseEvent) => { - document.documentElement.style.setProperty('--global-mouse-x', `${e.clientX}px`); - document.documentElement.style.setProperty('--global-mouse-y', `${e.clientY}px`); + document.documentElement.style.setProperty( + '--global-mouse-x', + `${e.clientX}px` + ); + document.documentElement.style.setProperty( + '--global-mouse-y', + `${e.clientY}px` + ); }; window.addEventListener('mousemove', handleGlobalMouseMove); return () => { diff --git a/frontend/src/components/AuthLayout.tsx b/frontend/src/components/AuthLayout.tsx index 3fae470..37272ef 100644 --- a/frontend/src/components/AuthLayout.tsx +++ b/frontend/src/components/AuthLayout.tsx @@ -126,12 +126,6 @@ export const AuthLayout: React.FC = ({ children }) => { {/* Internal Subtle grid pattern */}
- {/* Floating abstract glass shapes */} - = ({ children }) => { className="absolute bottom-[20%] left-[6%] w-24 h-24 rounded-[22px] bg-white/30 dark:bg-white/5 border border-white/40 dark:border-white/10 backdrop-blur-md shadow-[0_4px_24px_rgba(0,0,0,0.01)] pointer-events-none" /> -
-
- -
-

- InboxOS -

-
-
- - Open Source - -
- {/* Main Content Area */}
+ {/* Logo Row */} +
+ +

+ InboxOS +

+
+ {/* Header */} -

+

Your inbox should{' '} { className="flex items-center gap-3 cursor-pointer select-none" onClick={() => window.scrollTo({ top: 0, behavior: 'smooth' })} > - -
-

- InboxOS -

-
+ +

+ InboxOS +

{/* Desktop Nav Links */}