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>
71 lines
2.0 KiB
TypeScript
71 lines
2.0 KiB
TypeScript
'use client'
|
|
|
|
import { motion, AnimatePresence } from 'framer-motion'
|
|
import { ChevronLeft, ChevronRight } from 'lucide-react'
|
|
|
|
interface NavigationControlsProps {
|
|
onPrev: () => void
|
|
onNext: () => void
|
|
isFirst: boolean
|
|
isLast: boolean
|
|
current: number
|
|
total: number
|
|
}
|
|
|
|
export default function NavigationControls({
|
|
onPrev,
|
|
onNext,
|
|
isFirst,
|
|
isLast,
|
|
current,
|
|
total,
|
|
}: NavigationControlsProps) {
|
|
return (
|
|
<>
|
|
{/* Left Arrow */}
|
|
<AnimatePresence>
|
|
{!isFirst && (
|
|
<motion.button
|
|
initial={{ opacity: 0, x: -10 }}
|
|
animate={{ opacity: 1, x: 0 }}
|
|
exit={{ opacity: 0, x: -10 }}
|
|
onClick={onPrev}
|
|
className="fixed left-4 top-1/2 -translate-y-1/2 z-40
|
|
w-10 h-10 rounded-full bg-white/[0.08] backdrop-blur-sm
|
|
border border-white/10 flex items-center justify-center
|
|
hover:bg-white/[0.15] transition-all group"
|
|
>
|
|
<ChevronLeft className="w-5 h-5 text-white/60 group-hover:text-white" />
|
|
</motion.button>
|
|
)}
|
|
</AnimatePresence>
|
|
|
|
{/* Right Arrow */}
|
|
<AnimatePresence>
|
|
{!isLast && (
|
|
<motion.button
|
|
initial={{ opacity: 0, x: 10 }}
|
|
animate={{ opacity: 1, x: 0 }}
|
|
exit={{ opacity: 0, x: 10 }}
|
|
onClick={onNext}
|
|
className="fixed right-4 top-1/2 -translate-y-1/2 z-40
|
|
w-10 h-10 rounded-full bg-white/[0.08] backdrop-blur-sm
|
|
border border-white/10 flex items-center justify-center
|
|
hover:bg-white/[0.15] transition-all group"
|
|
>
|
|
<ChevronRight className="w-5 h-5 text-white/60 group-hover:text-white" />
|
|
</motion.button>
|
|
)}
|
|
</AnimatePresence>
|
|
|
|
{/* Slide Counter */}
|
|
<div className="fixed bottom-4 left-1/2 -translate-x-1/2 z-40
|
|
px-3 py-1.5 rounded-full bg-white/[0.06] backdrop-blur-sm
|
|
border border-white/10 text-xs text-white/40 font-mono"
|
|
>
|
|
{current + 1} / {total}
|
|
</div>
|
|
</>
|
|
)
|
|
}
|