Fix server component passing event handlers to client components
Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
This commit is contained in:
@@ -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>
|
||||||
|
|||||||
Reference in New Issue
Block a user