Files
breakpilot-lehrer/studio-v2/app/alerts-b2b/_components/DigestView.tsx
Benjamin Admin 0b37c5e692 [split-required] Split website + studio-v2 monoliths (Phase 3 continued)
Website (14 monoliths split):
- compliance/page.tsx (1,519 → 9), docs/audit (1,262 → 20)
- quality (1,231 → 16), alerts (1,203 → 10), docs (1,202 → 11)
- i18n.ts (1,173 → 8 language files)
- unity-bridge (1,094 → 12), backlog (1,087 → 6)
- training (1,066 → 8), rag (1,063 → 8)
- Deleted index_original.ts (4,899 LOC dead backup)

Studio-v2 (5 monoliths split):
- meet/page.tsx (1,481 → 9), messages (1,166 → 9)
- AlertsB2BContext.tsx (1,165 → 5 modules)
- alerts-b2b/page.tsx (1,019 → 6), korrektur/archiv (1,001 → 6)

All existing imports preserved. Zero new TypeScript errors.

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
2026-04-24 17:52:36 +02:00

50 lines
1.5 KiB
TypeScript

'use client'
import { useTheme } from '@/lib/ThemeContext'
import type { B2BHit } from '@/lib/AlertsB2BContext'
import { HitCard } from './HitCard'
export function DigestView({
hits,
onHitClick
}: {
hits: B2BHit[]
onHitClick: (hit: B2BHit) => void
}) {
const { isDark } = useTheme()
return (
<div className="space-y-4">
<div className="flex items-center gap-2 mb-4">
<span className="text-2xl">📬</span>
<h3 className={`font-semibold ${isDark ? 'text-white' : 'text-slate-900'}`}>
Tages-Digest (Top 10)
</h3>
</div>
{hits.length === 0 ? (
<div className={`text-center py-8 ${isDark ? 'text-white/40' : 'text-slate-400'}`}>
<span className="text-4xl block mb-2">🎉</span>
<p>Keine relevanten Hits heute</p>
</div>
) : (
<div className="space-y-3">
{hits.map((hit, idx) => (
<div key={hit.id} className="flex items-start gap-3">
<span className={`w-6 h-6 rounded-full flex items-center justify-center text-xs font-medium ${
idx < 3
? 'bg-amber-500/20 text-amber-400'
: isDark ? 'bg-white/10 text-white/60' : 'bg-slate-100 text-slate-500'
}`}>
{idx + 1}
</span>
<div className="flex-1">
<HitCard hit={hit} onClick={() => onHitClick(hit)} />
</div>
</div>
))}
</div>
)}
</div>
)
}