Fix server component passing event handlers to client components

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
This commit is contained in:
2026-04-25 12:59:00 +05:00
parent ce305eab58
commit ab37af59f2
@@ -120,10 +120,8 @@ export default async function LessonPage({ params }: Props) {
href={file.url} href={file.url}
target="_blank" target="_blank"
rel="noopener noreferrer" rel="noopener noreferrer"
className="flex items-center gap-3 px-4 py-3 text-sm transition-colors" className="flex items-center gap-3 px-4 py-3 text-sm transition-colors hover:[border-color:var(--foreground)]"
style={{ border: "2px solid var(--border)", display: "flex" }} style={{ border: "2px solid var(--border)" }}
onMouseEnter={(e) => (e.currentTarget.style.borderColor = "var(--foreground)")}
onMouseLeave={(e) => (e.currentTarget.style.borderColor = "var(--border)")}
> >
<span className="text-lg">📎</span> <span className="text-lg">📎</span>
<span className="flex-1 font-medium">{file.name}</span> <span className="flex-1 font-medium">{file.name}</span>