feat: Implement complete plan for "coming soon" placeholders

This commit is contained in:
gpt-engineer-app[bot]
2025-10-16 14:47:18 +00:00
parent 8d26ac0749
commit 198742e165
7 changed files with 1123 additions and 69 deletions

View File

@@ -14,6 +14,9 @@ import { Avatar, AvatarFallback, AvatarImage } from '@/components/ui/avatar';
import { AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogTitle, AlertDialogTrigger } from '@/components/ui/alert-dialog';
import { useAuth } from '@/hooks/useAuth';
import { useProfile } from '@/hooks/useProfile';
import { UserReviewsList } from '@/components/profile/UserReviewsList';
import { UserListManager } from '@/components/lists/UserListManager';
import { RideCreditsManager } from '@/components/profile/RideCreditsManager';
import { useUsernameValidation } from '@/hooks/useUsernameValidation';
import { User, MapPin, Calendar, Star, Trophy, Settings, Camera, Edit3, Save, X, ArrowLeft, Check, AlertCircle, Loader2, UserX, FileText, Image } from 'lucide-react';
import { Profile as ProfileType, ActivityEntry, ReviewActivity, SubmissionActivity, RankingActivity } from '@/types/database';
@@ -795,61 +798,15 @@ export default function Profile() {
</TabsContent>
<TabsContent value="reviews" className="mt-6">
<Card>
<CardHeader>
<CardTitle>Reviews ({profile.review_count})</CardTitle>
<CardDescription>
Parks and rides reviews
</CardDescription>
</CardHeader>
<CardContent>
<div className="text-center py-12">
<Star className="w-16 h-16 text-muted-foreground mx-auto mb-4" />
<h3 className="text-xl font-semibold mb-2">Reviews Coming Soon</h3>
<p className="text-muted-foreground">
User reviews and ratings will appear here
</p>
</div>
</CardContent>
</Card>
<UserReviewsList userId={profile.user_id} reviewCount={profile.review_count} />
</TabsContent>
<TabsContent value="lists" className="mt-6">
<Card>
<CardHeader>
<CardTitle>Rankings</CardTitle>
<CardDescription>Personal rankings of rides</CardDescription>
</CardHeader>
<CardContent>
<div className="text-center py-12">
<Trophy className="w-16 h-16 text-muted-foreground mx-auto mb-4" />
<h3 className="text-xl font-semibold mb-2">Rankings Coming Soon</h3>
<p className="text-muted-foreground">
Create and share your favorite park and ride rankings
</p>
</div>
</CardContent>
</Card>
<UserListManager />
</TabsContent>
<TabsContent value="credits" className="mt-6">
<Card>
<CardHeader>
<CardTitle>Ride Credits</CardTitle>
<CardDescription>
Track all the rides you've experienced
</CardDescription>
</CardHeader>
<CardContent>
<div className="text-center py-12">
<User className="w-16 h-16 text-muted-foreground mx-auto mb-4" />
<h3 className="text-xl font-semibold mb-2">Ride Credits Coming Soon</h3>
<p className="text-muted-foreground">
Log and track your ride experiences
</p>
</div>
</CardContent>
</Card>
<RideCreditsManager userId={profile.user_id} />
</TabsContent>
</Tabs>
</main>