cms.c2sgmbh/src/components/admin/DashboardNavLink.tsx
Martin Porwoll 6ccb50c5f4 docs: consolidate and update documentation
- Remove obsolete instruction documents (PROMPT_*.md, SECURITY_FIXES.md)
- Update CLAUDE.md with security features, test suite, audit logs
- Merge Techstack_Dokumentation into INFRASTRUCTURE.md
- Update SECURITY.md with custom login route documentation
- Add changelog to TODO.md
- Update email service and data masking for SMTP error handling
- Extend test coverage for CSRF and data masking

🤖 Generated with [Claude Code](https://claude.com/claude-code)

Co-Authored-By: Claude <noreply@anthropic.com>
2025-12-09 09:25:00 +00:00

59 lines
1.5 KiB
TypeScript

'use client'
import React from 'react'
import { useTenantSelection } from '@payloadcms/plugin-multi-tenant/client'
/**
* Navigation Link zum Tenant Dashboard
* Wird nur angezeigt, wenn ein Tenant ausgewählt ist
*/
export const DashboardNavLink: React.FC = () => {
const { selectedTenantID } = useTenantSelection()
// Nur anzeigen, wenn ein Tenant ausgewählt ist
if (!selectedTenantID) {
return null
}
return (
<a
href="/admin/tenant-dashboard"
style={{
display: 'flex',
alignItems: 'center',
gap: '0.5rem',
padding: '0.75rem 1rem',
color: 'var(--theme-elevation-800)',
textDecoration: 'none',
fontSize: '0.875rem',
borderBottom: '1px solid var(--theme-elevation-100)',
transition: 'background-color 0.15s ease',
}}
onMouseEnter={(e) => {
e.currentTarget.style.backgroundColor = 'var(--theme-elevation-50)'
}}
onMouseLeave={(e) => {
e.currentTarget.style.backgroundColor = 'transparent'
}}
>
<svg
width="16"
height="16"
viewBox="0 0 24 24"
fill="none"
stroke="currentColor"
strokeWidth="2"
strokeLinecap="round"
strokeLinejoin="round"
>
<rect x="3" y="3" width="7" height="7" />
<rect x="14" y="3" width="7" height="7" />
<rect x="14" y="14" width="7" height="7" />
<rect x="3" y="14" width="7" height="7" />
</svg>
<span>Tenant Dashboard</span>
</a>
)
}
export default DashboardNavLink