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

Refactor: Implement Phase 3A technical data migration

Browse Source
This commit is contained in:
gpt-engineer-app[bot]
2025-10-02 01:14:42 +00:00
parent 6c95cd9856
commit f112186ebc
6 changed files with 682 additions and 18 deletions
Download Patch File Download Diff File Expand all files Collapse all files

65
src/components/rides/FormerNames.tsx
View File

@@ -1,6 +1,8 @@
import { Card, CardContent, CardHeader, CardTitle } from '@/components/ui/card';
import { Badge } from '@/components/ui/badge';
import { History } from 'lucide-react';
import { RideNameHistory } from '@/types/database';
import { format } from 'date-fns';
interface FormerName {
name: string;
@@ -9,14 +11,41 @@ interface FormerName {
}
interface FormerNamesProps {
formerNames: FormerName[];
formerNames?: FormerName[];
nameHistory?: RideNameHistory[]; // New relational data
currentName: string;
}
export function FormerNames({ formerNames, currentName }: FormerNamesProps) {
if (!formerNames || formerNames.length === 0) {
export function FormerNames({ formerNames, nameHistory, currentName }: FormerNamesProps) {
// Use new relational data if available, fallback to legacy JSON
const names = nameHistory || formerNames;
if (!names || names.length === 0) {
return null;
}
// Normalize data structure
const normalizedNames = names.map((item) => {
if ('former_name' in item) {
// New relational format (RideNameHistory)
return {
name: item.former_name,
date_changed: item.date_changed,
reason: item.reason,
from_year: item.from_year,
to_year: item.to_year,
order: item.order_index,
};
} else {
// Legacy JSON format (FormerName)
return {
name: item.name,
from_year: item.from_year,
to_year: item.to_year,
order: 0,
};
}
}).sort((a, b) => a.order - b.order);
return (
<Card>
@@ -37,21 +66,29 @@ export function FormerNames({ formerNames, currentName }: FormerNamesProps) {
<Badge variant="default">Current</Badge>
</div>
{formerNames.map((former, index) => (
{normalizedNames.map((former, index) => (
<div key={index} className="flex items-start gap-3">
<div className="flex-shrink-0 w-2 h-2 mt-2 rounded-full bg-muted-foreground" />
<div className="flex-1">
<div className="font-medium">{former.name}</div>
{(former.from_year || former.to_year) && (
<div className="text-sm text-muted-foreground">
{former.from_year && former.to_year
? `${former.from_year} - ${former.to_year}`
: former.from_year
? `Since ${former.from_year}`
: `Until ${former.to_year}`
}
</div>
)}
<div className="text-sm text-muted-foreground space-y-1">
{(former.from_year || former.to_year) && (
<div>
{former.from_year && former.to_year
? `${former.from_year} - ${former.to_year}`
: former.from_year
? `Since ${former.from_year}`
: `Until ${former.to_year}`
}
</div>
)}
{former.date_changed && (
<div>Changed: {format(new Date(former.date_changed), 'MMM d, yyyy')}</div>
)}
{former.reason && (
<div className="italic">{former.reason}</div>
)}
</div>
</div>
<Badge variant="outline">Former</Badge>
</div>