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

Refactor: Implement complete plan

Browse Source
This commit is contained in:
gpt-engineer-app[bot]
2025-10-17 14:04:57 +00:00
parent a89a740611
commit a2e05c5080
10 changed files with 258 additions and 68 deletions
Download Patch File Download Diff File Expand all files Collapse all files

18
src/pages/RideModelDetail.tsx
View File

@@ -9,6 +9,7 @@ import { Dialog, DialogContent } from '@/components/ui/dialog';
import { ArrowLeft, FerrisWheel, Building2, Edit } from 'lucide-react';
import { RideModel, Ride, Company } from '@/types/database';
import { supabase } from '@/integrations/supabase/client';
import { useTechnicalSpecifications } from '@/hooks/useTechnicalSpecifications';
import { getCloudflareImageUrl } from '@/lib/cloudflareImageUtils';
import { useAuthModal } from '@/hooks/useAuthModal';
import { useAuth } from '@/hooks/useAuth';
@@ -29,6 +30,9 @@ export default function RideModelDetail() {
const [loading, setLoading] = useState(true);
const [isEditModalOpen, setIsEditModalOpen] = useState(false);
const [statistics, setStatistics] = useState({ rideCount: 0, photoCount: 0 });
// Fetch technical specifications from relational table
const { data: technicalSpecs } = useTechnicalSpecifications('ride_model', model?.id);
const fetchData = useCallback(async () => {
try {
@@ -266,15 +270,19 @@ export default function RideModelDetail() {
</Card>
)}
{model.technical_specs && typeof model.technical_specs === 'object' && Object.keys(model.technical_specs).length > 0 && (
{technicalSpecs && technicalSpecs.length > 0 && (
<Card>
<CardContent className="pt-6">
<h2 className="text-2xl font-semibold mb-4">Technical Specifications</h2>
<div className="grid md:grid-cols-2 gap-4">
{Object.entries(model.technical_specs as Record<string, any>).map(([key, value]) => (
<div key={key} className="flex justify-between py-2 border-b">
<span className="font-medium capitalize">{key.replace(/_/g, ' ')}</span>
<span className="text-muted-foreground">{String(value)}</span>
{technicalSpecs.map((spec) => (
<div key={spec.id} className="flex justify-between py-2 border-b">
<span className="font-medium capitalize">
{spec.spec_name.replace(/_/g, ' ')}
</span>
<span className="text-muted-foreground">
{spec.spec_value} {spec.spec_unit || ''}
</span>
</div>
))}
</div>