From ab37af59f22ce4fc62510c75a9c50034914141e2 Mon Sep 17 00:00:00 2001
From: dmitriylaukhin <laukhin@dementiy.com>
Date: Sat, 25 Apr 2026 12:59:00 +0500
Subject: [PATCH] Fix server component passing event handlers to client
 components

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
---
 .../(student)/courses/[slug]/lessons/[lessonId]/page.tsx    | 6 ++----
 1 file changed, 2 insertions(+), 4 deletions(-)

diff --git a/src/app/(student)/courses/[slug]/lessons/[lessonId]/page.tsx b/src/app/(student)/courses/[slug]/lessons/[lessonId]/page.tsx
index 6ef9fec..24291f9 100644
--- a/src/app/(student)/courses/[slug]/lessons/[lessonId]/page.tsx
+++ b/src/app/(student)/courses/[slug]/lessons/[lessonId]/page.tsx
@@ -120,10 +120,8 @@ export default async function LessonPage({ params }: Props) {
                 href={file.url}
                 target="_blank"
                 rel="noopener noreferrer"
-                className="flex items-center gap-3 px-4 py-3 text-sm transition-colors"
-                style={{ border: "2px solid var(--border)", display: "flex" }}
-                onMouseEnter={(e) => (e.currentTarget.style.borderColor = "var(--foreground)")}
-                onMouseLeave={(e) => (e.currentTarget.style.borderColor = "var(--border)")}
+                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)" }}
               >
                 <span className="text-lg">📎</span>
                 <span className="flex-1 font-medium">{file.name}</span>