All files / src/components/public/Event EventDescriptionSection.tsx

100% Statements 4/4
100% Branches 2/2
100% Functions 1/1
100% Lines 3/3

Press n or j to go to the next uncovered block, b, p or k for the previous block.

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15      4x   4x   1x              
import { useTranslation } from 'react-i18next';
 
export function EventDescriptionSection({ description }: { description?: string | null }) {
  const { t } = useTranslation('events');
 
  if (!description?.trim()) return null;
 
  return (
    <div className="bg-zinc-900/50 border border-zinc-800 rounded-lg p-6 mb-6">
      <h2 className="text-xl font-light text-zinc-100 mb-3">{t('description.heading')}</h2>
      <p className="text-zinc-300 leading-relaxed whitespace-pre-wrap">{description}</p>
    </div>
  );
}