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

Refactor: Add History Tab

Browse Source
This commit is contained in:
gpt-engineer-app[bot]
2025-10-06 15:55:04 +00:00
parent 9380c8fd68
commit cb1ef6c177
8 changed files with 456 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files

37
src/pages/DesignerDetail.tsx
View File

@@ -16,6 +16,9 @@ import { useUserRole } from '@/hooks/useUserRole';
import { toast } from '@/hooks/use-toast';
import { submitCompanyUpdate } from '@/lib/companyHelpers';
import { VersionIndicator } from '@/components/versioning/VersionIndicator';
import { EntityVersionHistory } from '@/components/versioning/EntityVersionHistory';
import { EntityHistoryTimeline, HistoryEvent } from '@/components/history/EntityHistoryTimeline';
import { FormerNamesSection } from '@/components/history/FormerNamesSection';
export default function DesignerDetail() {
const { slug } = useParams<{ slug: string }>();
@@ -226,10 +229,11 @@ export default function DesignerDetail() {
{/* Tabs */}
<Tabs defaultValue="overview" className="w-full">
<TabsList className="grid w-full grid-cols-2 md:grid-cols-3">
<TabsList className="grid w-full grid-cols-2 md:grid-cols-4">
<TabsTrigger value="overview">Overview</TabsTrigger>
<TabsTrigger value="rides">Rides</TabsTrigger>
<TabsTrigger value="photos">Photos</TabsTrigger>
<TabsTrigger value="history">History</TabsTrigger>
</TabsList>
<TabsContent value="overview" className="space-y-6">
@@ -270,6 +274,37 @@ export default function DesignerDetail() {
designerName={designer.name}
/>
</TabsContent>
<TabsContent value="history" className="mt-6">
<Tabs defaultValue="company-history" className="w-full">
<TabsList className="w-full max-w-md">
<TabsTrigger value="company-history">Company History</TabsTrigger>
<TabsTrigger value="version-history">Version History</TabsTrigger>
</TabsList>
<TabsContent value="company-history" className="mt-6 space-y-6">
<EntityHistoryTimeline
events={[
...(designer.founded_year ? [{
date: `${designer.founded_year}`,
title: `${designer.name} Founded`,
description: `${designer.name} was established`,
type: 'milestone' as const
}] : []),
]}
entityName={designer.name}
/>
</TabsContent>
<TabsContent value="version-history" className="mt-6">
<EntityVersionHistory
entityType="company"
entityId={designer.id}
entityName={designer.name}
/>
</TabsContent>
</Tabs>
</TabsContent>
</Tabs>
</main>