egullickson/motovaultpro
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Homepage Redesign

Browse Source
This commit is contained in:
Eric Gullickson
2025-11-03 14:06:54 -06:00
parent 54d97a98b5
commit eeb20543fa
71 changed files with 3925 additions and 1340 deletions
Download Patch File Download Diff File Expand all files Collapse all files

38
frontend/src/App.tsx
View File

@@ -29,9 +29,9 @@ const MaintenancePage = lazy(() => import('./features/maintenance/pages/Maintena
const VehiclesMobileScreen = lazy(() => import('./features/vehicles/mobile/VehiclesMobileScreen').then(m => ({ default: m.VehiclesMobileScreen })));
const VehicleDetailMobile = lazy(() => import('./features/vehicles/mobile/VehicleDetailMobile').then(m => ({ default: m.VehicleDetailMobile })));
const DocumentsMobileScreen = lazy(() => import('./features/documents/mobile/DocumentsMobileScreen'));
import { HomePage } from './pages/HomePage';
import { BottomNavigation, NavigationItem } from './shared-minimal/components/mobile/BottomNavigation';
import { GlassCard } from './shared-minimal/components/mobile/GlassCard';
import { Button } from './shared-minimal/components/Button';
import { RouteSuspense } from './components/SuspenseWrappers';
import { Vehicle } from './features/vehicles/types/vehicles.types';
import { FuelLogForm } from './features/fuel-logs/components/FuelLogForm';
@@ -234,7 +234,7 @@ const AddVehicleScreen: React.FC<AddVehicleScreenProps> = ({ onBack, onAdded })
};
function App() {
const { isLoading, isAuthenticated, loginWithRedirect, user } = useAuth0();
const { isLoading, isAuthenticated, user } = useAuth0();
const [_isPending, startTransition] = useTransition();
// Initialize data synchronization
@@ -368,41 +368,11 @@ function App() {
}
if (!isAuthenticated) {
if (mobileMode) {
return (
<ThemeProvider theme={md3Theme}>
<CssBaseline />
<Layout mobileMode={true}>
<div className="space-y-6 flex flex-col items-center justify-center min-h-[400px]">
<div className="text-center">
<h1 className="text-2xl font-bold text-slate-800 mb-3">Welcome to MotoVaultPro</h1>
<p className="text-slate-600 mb-6 text-sm">Your personal vehicle management platform</p>
<button
onClick={() => loginWithRedirect()}
className="h-12 px-8 rounded-2xl text-white font-medium shadow-lg active:scale-[0.99] transition bg-gradient-moto"
>
Login to Continue
</button>
</div>
</div>
<DebugInfo />
</Layout>
</ThemeProvider>
);
}
return (
<ThemeProvider theme={md3Theme}>
<CssBaseline />
<div className="flex items-center justify-center min-h-screen bg-gray-50">
<div className="text-center max-w-md mx-auto px-6">
<h1 className="text-4xl font-bold text-gray-900 mb-4">MotoVaultPro</h1>
<p className="text-gray-600 mb-8">Your personal vehicle management platform</p>
<Button onClick={() => loginWithRedirect()}>
Login to Continue
</Button>
</div>
<DebugInfo />
</div>
<HomePage />
<DebugInfo />
</ThemeProvider>
);
}