elpatron
61f04902cb
Versteckter „Skipper“-Text ergänzt, damit die nur-Icon-Badge barrierefrei bleibt. Co-authored-by: Cursor <cursoragent@cursor.com>
32 lines
1.0 KiB
TypeScript
32 lines
1.0 KiB
TypeScript
import { useTranslation } from 'react-i18next'
|
|
import { AlertTriangle } from 'lucide-react'
|
|
import CaptainCap from './icons/CaptainCap.tsx'
|
|
import type { SkipperSignStatus } from '../utils/signatures.js'
|
|
|
|
interface EntrySkipperSignBadgeProps {
|
|
status: SkipperSignStatus
|
|
}
|
|
|
|
export default function EntrySkipperSignBadge({ status }: EntrySkipperSignBadgeProps) {
|
|
const { t } = useTranslation()
|
|
|
|
if (status === 'none') return null
|
|
|
|
const isValid = status === 'valid'
|
|
const label = isValid
|
|
? t('logs.sign_badge_skipper_title_valid')
|
|
: t('logs.sign_badge_skipper_title_invalid')
|
|
|
|
return (
|
|
<span
|
|
className={`entry-sign-badge entry-sign-badge--skipper ${isValid ? 'valid' : 'invalid'}`}
|
|
title={label}
|
|
>
|
|
{isValid ? <CaptainCap size={14} aria-hidden /> : <AlertTriangle size={12} aria-hidden />}
|
|
<span className={isValid ? 'entry-sign-badge__sr-label' : undefined}>
|
|
{isValid ? t('logs.sign_badge_skipper') : t('logs.sign_badge_skipper_invalid')}
|
|
</span>
|
|
</span>
|
|
)
|
|
}
|