Lars
4588ef4c7e
Some checks failed
Deploy Development / deploy (push) Failing after 24s
Test Suite / pytest-backend (push) Successful in 34s
Test Suite / lint-backend (push) Successful in 0s
Test Suite / build-frontend (push) Failing after 7s
Test Suite / k6 /health Baseline (push) Successful in 34s
Test Suite / playwright-tests (push) Successful in 1m22s
- Replaced `PageReturnLink` with `PageReturnButton` for consistent back navigation across various pages. - Updated multiple components, including `ExercisePeekModal`, `PageFormEditorChrome`, and `ExerciseDetailPage`, to utilize the new return context features. - Enhanced CSS styles for the new return button to improve visual consistency. - Improved navigation logic in `TrainingFrameworkProgramEditPage` and `TrainingModuleEditPage` to ensure seamless user experience when navigating back to previous locations.
67 lines
2.4 KiB
JavaScript
67 lines
2.4 KiB
JavaScript
import { Link } from 'react-router-dom'
|
||
import { Scale } from 'lucide-react'
|
||
import PageReturnButton from '../components/PageReturnButton'
|
||
import { SETTINGS_PATH } from '../utils/navReturnContext'
|
||
|
||
const LEGAL_LINKS = [
|
||
{ to: '/impressum', label: 'Impressum', description: 'Angaben zum Betreiber und Verantwortlichen' },
|
||
{ to: '/datenschutz', label: 'Datenschutzerklärung', description: 'Verarbeitung personenbezogener Daten' },
|
||
{ to: '/nutzungsbedingungen', label: 'Nutzungsbedingungen', description: 'Regeln für die Nutzung der Plattform' },
|
||
{ to: '/medienrichtlinie', label: 'Medienrichtlinie', description: 'Urheberrecht, Rechte am eigenen Bild, Sichtbarkeit' },
|
||
]
|
||
|
||
function SettingsLegalPage() {
|
||
return (
|
||
<div className="page-padding app-page" style={{ padding: '1rem' }}>
|
||
<p style={{ marginBottom: '0.75rem' }}>
|
||
<PageReturnButton fallbackPath={SETTINGS_PATH} fallbackLabel="Zurück zu Einstellungen" />
|
||
</p>
|
||
|
||
<h1 style={{ marginBottom: '0.35rem', fontSize: '1.5rem' }}>Rechtliches</h1>
|
||
<p
|
||
style={{
|
||
color: 'var(--text2)',
|
||
marginBottom: '1.25rem',
|
||
fontSize: '0.95rem',
|
||
lineHeight: 1.5,
|
||
maxWidth: '40rem',
|
||
}}
|
||
>
|
||
Rechtstexte und Richtlinien der Plattform.
|
||
Die Inhalte befinden sich noch in redaktioneller Prüfung.
|
||
</p>
|
||
|
||
<div className="card" style={{ padding: 0, overflow: 'hidden' }}>
|
||
{LEGAL_LINKS.map((item, idx) => (
|
||
<Link
|
||
key={item.to}
|
||
to={item.to}
|
||
style={{
|
||
display: 'flex',
|
||
alignItems: 'center',
|
||
gap: '0.85rem',
|
||
padding: '1rem 1.1rem',
|
||
borderBottom: idx < LEGAL_LINKS.length - 1 ? '1px solid var(--border)' : 'none',
|
||
textDecoration: 'none',
|
||
color: 'inherit',
|
||
}}
|
||
>
|
||
<Scale size={18} style={{ color: 'var(--text3)', flexShrink: 0 }} />
|
||
<div>
|
||
<div style={{ fontWeight: 500, color: 'var(--text1)', fontSize: '0.95rem' }}>
|
||
{item.label}
|
||
</div>
|
||
<div style={{ fontSize: '0.8rem', color: 'var(--text3)', marginTop: '0.15rem' }}>
|
||
{item.description}
|
||
</div>
|
||
</div>
|
||
<span style={{ marginLeft: 'auto', color: 'var(--text3)', fontSize: '1.1rem' }}>›</span>
|
||
</Link>
|
||
))}
|
||
</div>
|
||
</div>
|
||
)
|
||
}
|
||
|
||
export default SettingsLegalPage
|