Update course access button to show resource link in a modal

frontend/src/app/user/courses/page.tsx

@@ -4,7 +4,7 @@ import { useEffect, useState } from "react";
 import { useRouter } from "next/navigation";
 import { api } from "@/lib/api";
 import { useAuthStore } from "@/lib/store";
-import { BookOpen, ExternalLink, Clock } from "lucide-react";
+import { BookOpen, Link as LinkIcon, Clock, X, Copy } from "lucide-react";
 import Link from "next/link";
 
 export default function MyCourses() {
@@ -13,6 +13,7 @@ export default function MyCourses() {
   // eslint-disable-next-line @typescript-eslint/no-explicit-any
   const [courses, setCourses] = useState<any[]>([]);
   const [loading, setLoading] = useState(true);
+  const [selectedLink, setSelectedLink] = useState<string | null>(null);
 
   useEffect(() => {
     if (!token) {
@@ -42,11 +43,20 @@ export default function MyCourses() {
     try {
       const res = await api.get(`/api/courses/${courseId}/access`);
       if (res.success && res.data.hasAccess) {
-        window.open(res.data.driveLink, '_blank');
+        setSelectedLink(res.data.driveLink);
       }
     } catch (err) {
       console.error(err);
-      alert('获取学习链接失败');
+      alert('获取学习资料失败');
+    }
+  };
+
+  const copyToClipboard = async (text: string) => {
+    try {
+      await navigator.clipboard.writeText(text);
+      alert('资料链接已复制到剪贴板');
+    } catch (err) {
+      console.error('Failed to copy!', err);
     }
   };
 
@@ -87,8 +97,8 @@ export default function MyCourses() {
                       onClick={() => handleAccess(course.id)}
                       className="flex-1 px-4 py-2 bg-blue-600 text-white rounded-lg text-sm font-medium hover:bg-blue-700 transition-colors flex items-center justify-center"
                     >
-                      <ExternalLink className="w-4 h-4 mr-1.5" />
-                      打开网盘
+                      <LinkIcon className="w-4 h-4 mr-1.5" />
+                      获取资料
                     </button>
                   </div>
                 </div>
@@ -106,6 +116,60 @@ export default function MyCourses() {
           </Link>
         </div>
       )}
+
+      {/* 资料链接弹窗 */}
+      {selectedLink && (
+        <div className="fixed inset-0 bg-black/50 z-50 flex items-center justify-center p-4">
+          <div className="bg-white rounded-2xl max-w-lg w-full p-6 shadow-xl">
+            <div className="flex justify-between items-center mb-6">
+              <h3 className="text-xl font-bold text-gray-900">课程学习资料</h3>
+              <button 
+                onClick={() => setSelectedLink(null)}
+                className="text-gray-400 hover:text-gray-600 transition-colors"
+              >
+                <X className="w-6 h-6" />
+              </button>
+            </div>
+            
+            <div className="bg-blue-50 border border-blue-100 rounded-xl p-4 mb-6">
+              <p className="text-sm text-blue-800 mb-2">请复制以下链接在浏览器中打开，或直接点击访问：</p>
+              <div className="flex items-center gap-2">
+                <input 
+                  type="text" 
+                  readOnly 
+                  value={selectedLink}
+                  className="flex-1 bg-white border border-blue-200 rounded-lg px-3 py-2 text-sm text-gray-700 outline-none"
+                />
+                <button 
+                  onClick={() => copyToClipboard(selectedLink)}
+                  className="p-2 bg-blue-100 text-blue-700 rounded-lg hover:bg-blue-200 transition-colors"
+                  title="复制链接"
+                >
+                  <Copy className="w-4 h-4" />
+                </button>
+              </div>
+            </div>
+            
+            <div className="flex gap-3 justify-end">
+              <button 
+                onClick={() => setSelectedLink(null)}
+                className="px-5 py-2.5 border border-gray-200 text-gray-700 rounded-xl font-medium hover:bg-gray-50 transition-colors"
+              >
+                关闭
+              </button>
+              <a 
+                href={selectedLink}
+                target="_blank"
+                rel="noopener noreferrer"
+                className="px-5 py-2.5 bg-blue-600 text-white rounded-xl font-medium hover:bg-blue-700 transition-colors"
+                onClick={() => setSelectedLink(null)}
+              >
+                直接访问
+              </a>
+            </div>
+          </div>
+        </div>
+      )}
     </div>
   );
 }