import { useEffect, useState } from 'react'; import { Head, Link } from '@inertiajs/react'; import RollbackConfirmModal from '@/Components/ContentHistory/RollbackConfirmModal'; import SnapshotList from '@/Components/ContentHistory/SnapshotList'; import SiteNav from '@/Components/Navigation/SiteNav'; import { Button } from '@/Components/ui/button'; import DashboardLayout from '@/Layouts/DashboardLayout'; import { trackEvent } from '@/lib/analytics'; import { CONTENT_HISTORY_VIEWED } from '@/lib/event-catalog'; import type { SiteBasic } from '@/types'; interface ContentSnapshot { id: number; title: string; content: string; meta_description: string | null; seo_meta_title: string | null; seo_robots: string | null; categories: string[] | null; tags: string[] | null; wp_post_status: string; wp_modified_at: string; created_at: string; } interface WpPost { id: number; wp_post_id: number; url: string; title: string; content: string; meta_description: string | null; seo_meta_title: string | null; post_status: string; wp_modified_at: string | null; } interface GscMetrics { clicks: number; impressions: number; ctr: number; position: number; } interface Props { site: SiteBasic; wpPost: WpPost; snapshots: ContentSnapshot[]; currentMetrics?: GscMetrics | null; } export default function ContentHistoryIndex({ site, wpPost, snapshots, currentMetrics }: Props) { useEffect(() => { trackEvent(CONTENT_HISTORY_VIEWED, { site_id: String(site.id) }); }, [site.id]); const [rollbackModalOpen, setRollbackModalOpen] = useState(false); const [targetSnapshot, setTargetSnapshot] = useState(null); const handleRollback = (snapshot: ContentSnapshot) => { setTargetSnapshot(snapshot); setRollbackModalOpen(true); }; const handleCloseModal = () => { setRollbackModalOpen(false); setTargetSnapshot(null); }; // Current snapshot is the most recent one (first in list) const currentSnapshot: ContentSnapshot | null = snapshots.length > 0 ? snapshots[0] : null; return ( <>

Content History

{wpPost.title}

{wpPost.url}

void } />

{rollbackModalOpen && targetSnapshot && currentSnapshot && ( { if (!val) handleCloseModal(); }} siteId={site.id} snapshotId={targetSnapshot.id} currentSnapshot={currentSnapshot} targetSnapshot={targetSnapshot} currentMetrics={currentMetrics} /> )} ); } ContentHistoryIndex.layout = (page: React.ReactNode) => {page};