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>
54 lines
1.2 KiB
TypeScript
54 lines
1.2 KiB
TypeScript
'use client'
|
|
|
|
import { ReactNode } from 'react'
|
|
import { motion, AnimatePresence } from 'framer-motion'
|
|
|
|
interface SlideContainerProps {
|
|
children: ReactNode
|
|
slideKey: string
|
|
direction: number
|
|
}
|
|
|
|
const variants = {
|
|
enter: (direction: number) => ({
|
|
x: direction > 0 ? '30%' : '-30%',
|
|
opacity: 0,
|
|
scale: 0.95,
|
|
}),
|
|
center: {
|
|
x: 0,
|
|
opacity: 1,
|
|
scale: 1,
|
|
},
|
|
exit: (direction: number) => ({
|
|
x: direction < 0 ? '30%' : '-30%',
|
|
opacity: 0,
|
|
scale: 0.95,
|
|
}),
|
|
}
|
|
|
|
export default function SlideContainer({ children, slideKey, direction }: SlideContainerProps) {
|
|
return (
|
|
<AnimatePresence mode="wait" custom={direction}>
|
|
<motion.div
|
|
key={slideKey}
|
|
custom={direction}
|
|
variants={variants}
|
|
initial="enter"
|
|
animate="center"
|
|
exit="exit"
|
|
transition={{
|
|
x: { type: 'spring', stiffness: 300, damping: 30 },
|
|
opacity: { duration: 0.3 },
|
|
scale: { duration: 0.3 },
|
|
}}
|
|
className="absolute inset-0 flex items-center justify-center overflow-y-auto"
|
|
>
|
|
<div className="w-full max-w-6xl mx-auto px-6 py-12 md:py-16">
|
|
{children}
|
|
</div>
|
|
</motion.div>
|
|
</AnimatePresence>
|
|
)
|
|
}
|