pacnpal/thrilltrack-explorer
1
0
Fork 0
mirror of https://github.com/pacnpal/thrilltrack-explorer.git synced 2025-12-24 08:51:16 -05:00
Code Issues Packages Projects Releases Wiki Activity

Add header to Settings page

Browse Source
This commit is contained in:
gpt-engineer-app[bot]
2025-09-28 20:30:08 +00:00
parent 10bdfa67a2
commit fa13ab772c
1 changed files with 14 additions and 7 deletions
Download Patch File Download Diff File Expand all files Collapse all files

21
src/pages/UserSettings.tsx
View File

@@ -4,6 +4,7 @@ import { Card, CardContent, CardHeader, CardTitle } from '@/components/ui/card';
import { Settings, User, Shield, Eye, Bell, MapPin, Download } from 'lucide-react'; import { Settings, User, Shield, Eye, Bell, MapPin, Download } from 'lucide-react';
import { useAuth } from '@/hooks/useAuth'; import { useAuth } from '@/hooks/useAuth';
import { Navigate } from 'react-router-dom'; import { Navigate } from 'react-router-dom';
import { Header } from '@/components/layout/Header';
import { AccountProfileTab } from '@/components/settings/AccountProfileTab'; import { AccountProfileTab } from '@/components/settings/AccountProfileTab';
import { SecurityTab } from '@/components/settings/SecurityTab'; import { SecurityTab } from '@/components/settings/SecurityTab';
import { PrivacyTab } from '@/components/settings/PrivacyTab'; import { PrivacyTab } from '@/components/settings/PrivacyTab';
@@ -17,11 +18,14 @@ export default function UserSettings() {
if (loading) { if (loading) {
return ( return (
<div className="container mx-auto px-4 py-8"> <div className="min-h-screen bg-background">
<div className="max-w-4xl mx-auto"> <Header />
<div className="animate-pulse"> <div className="container mx-auto px-4 py-8">
<div className="h-8 bg-muted rounded w-48 mb-6"></div> <div className="max-w-4xl mx-auto">
<div className="h-96 bg-muted rounded"></div> <div className="animate-pulse">
<div className="h-8 bg-muted rounded w-48 mb-6"></div>
<div className="h-96 bg-muted rounded"></div>
</div>
</div> </div>
</div> </div>
</div> </div>
@@ -72,8 +76,10 @@ export default function UserSettings() {
]; ];
return ( return (
<div className="container mx-auto px-4 py-8"> <div className="min-h-screen bg-background">
<div className="max-w-6xl mx-auto"> <Header />
<div className="container mx-auto px-4 py-8">
<div className="max-w-6xl mx-auto">
{/* Header */} {/* Header */}
<div className="flex items-center gap-3 mb-8"> <div className="flex items-center gap-3 mb-8">
<Settings className="w-8 h-8 text-primary" /> <Settings className="w-8 h-8 text-primary" />
@@ -125,6 +131,7 @@ export default function UserSettings() {
); );
})} })}
</Tabs> </Tabs>
</div>
</div> </div>
</div> </div>
); );