557305db5d
Some checks failed
ci/woodpecker/push/integration Pipeline failed
ci/woodpecker/push/main Pipeline failed
CI/CD Pipeline / Go Tests (push) Has been cancelled
CI/CD Pipeline / Python Tests (push) Has been cancelled
CI/CD Pipeline / Website Tests (push) Has been cancelled
CI/CD Pipeline / Linting (push) Has been cancelled
CI/CD Pipeline / Security Scan (push) Has been cancelled
CI/CD Pipeline / Docker Build & Push (push) Has been cancelled
CI/CD Pipeline / Integration Tests (push) Has been cancelled
CI/CD Pipeline / Deploy to Staging (push) Has been cancelled
CI/CD Pipeline / Deploy to Production (push) Has been cancelled
CI/CD Pipeline / CI Summary (push) Has been cancelled
Security Scanning / Secret Scanning (push) Has been cancelled
Security Scanning / Dependency Vulnerability Scan (push) Has been cancelled
Security Scanning / Go Security Scan (push) Has been cancelled
Security Scanning / Python Security Scan (push) Has been cancelled
Security Scanning / Node.js Security Scan (push) Has been cancelled
Security Scanning / Docker Image Security (push) Has been cancelled
Security Scanning / Security Summary (push) Has been cancelled
Tests / Go Tests (push) Has been cancelled
Tests / Python Tests (push) Has been cancelled
Tests / Integration Tests (push) Has been cancelled
Tests / Go Lint (push) Has been cancelled
Tests / Python Lint (push) Has been cancelled
Tests / Security Scan (push) Has been cancelled
Tests / All Checks Passed (push) Has been cancelled
- Academy, Whistleblower, Incidents frontend pages with API proxies and types - Vendor compliance API proxy route - Go backend handlers and models for all new SDK modules - Investor pitch-deck app with interactive slides - Blog section with DSGVO, AI Act, NIS2, glossary articles - MkDocs documentation site - CI/CD pipelines (Woodpecker, GitHub Actions), security scanning config - Planning and implementation documentation Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
67 lines
2.3 KiB
TypeScript
67 lines
2.3 KiB
TypeScript
'use client'
|
|
|
|
import { motion } from 'framer-motion'
|
|
import { PitchMilestone, Language } from '@/lib/types'
|
|
import { CheckCircle2, Circle, Clock } from 'lucide-react'
|
|
|
|
interface TimelineProps {
|
|
milestones: PitchMilestone[]
|
|
lang: Language
|
|
}
|
|
|
|
export default function Timeline({ milestones, lang }: TimelineProps) {
|
|
return (
|
|
<div className="relative">
|
|
{/* Line */}
|
|
<div className="absolute left-6 top-0 bottom-0 w-px bg-gradient-to-b from-indigo-500 via-purple-500 to-white/10" />
|
|
|
|
<div className="space-y-6">
|
|
{milestones.map((m, i) => {
|
|
const Icon = m.status === 'completed' ? CheckCircle2 : m.status === 'in_progress' ? Clock : Circle
|
|
const iconColor = m.status === 'completed'
|
|
? 'text-green-400'
|
|
: m.status === 'in_progress'
|
|
? 'text-yellow-400'
|
|
: 'text-white/30'
|
|
|
|
const date = new Date(m.milestone_date)
|
|
const dateStr = date.toLocaleDateString(lang === 'de' ? 'de-DE' : 'en-US', {
|
|
month: 'short',
|
|
year: 'numeric',
|
|
})
|
|
|
|
return (
|
|
<motion.div
|
|
key={m.id}
|
|
initial={{ opacity: 0, x: -20 }}
|
|
animate={{ opacity: 1, x: 0 }}
|
|
transition={{ delay: i * 0.1 }}
|
|
className="relative flex items-start gap-4 pl-2"
|
|
>
|
|
<div className={`relative z-10 p-1 rounded-full bg-[#0a0a1a] ${iconColor}`}>
|
|
<Icon className="w-6 h-6" />
|
|
</div>
|
|
<div className="flex-1 pb-2">
|
|
<div className="flex items-center gap-3 mb-1">
|
|
<span className="text-xs font-mono text-white/40">{dateStr}</span>
|
|
{m.status === 'in_progress' && (
|
|
<span className="text-xs px-2 py-0.5 rounded-full bg-yellow-500/20 text-yellow-400">
|
|
In Progress
|
|
</span>
|
|
)}
|
|
</div>
|
|
<h4 className="font-semibold text-white">
|
|
{lang === 'de' ? m.title_de : m.title_en}
|
|
</h4>
|
|
<p className="text-sm text-white/50 mt-0.5">
|
|
{lang === 'de' ? m.description_de : m.description_en}
|
|
</p>
|
|
</div>
|
|
</motion.div>
|
|
)
|
|
})}
|
|
</div>
|
|
</div>
|
|
)
|
|
}
|