From 4b4cd73a770fd62ce94ee741482e188df47db50a Mon Sep 17 00:00:00 2001
From: flying-hero <462087392@qq.com>
Date: Thu, 2 Apr 2026 13:33:17 +0800
Subject: [PATCH] =?UTF-8?q?fix:=20=E6=B7=BB=E5=8A=A0=20MemoryPage=20?=
 =?UTF-8?q?=E8=B7=AF=E7=94=B1=E7=BB=84=E4=BB=B6?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- 创建 MemoryPage 页面组件
- 在 App.js 中添加 /lobster/:id/memory 路由
- 修复 MemoryModal 导入路径
- 关闭弹窗时返回龙虾详情页

📖 日新模块现在可以正常访问了
---
 code/frontend/src/App.js                    |  2 ++
 code/frontend/src/pages/MemoryPage/index.js | 39 +++++++++++++++++++++
 2 files changed, 41 insertions(+)
 create mode 100644 code/frontend/src/pages/MemoryPage/index.js

diff --git a/code/frontend/src/App.js b/code/frontend/src/App.js
index c6d227b..16a3025 100644
--- a/code/frontend/src/App.js
+++ b/code/frontend/src/App.js
@@ -2,6 +2,7 @@ import React from 'react';
 import { BrowserRouter as Router, Routes, Route } from 'react-router-dom';
 import Dashboard from './pages/Dashboard';
 import LobsterDetail from './components/LobsterDetail';
+import MemoryPage from './pages/MemoryPage';
 
 function App() {
   return (
@@ -9,6 +10,7 @@ function App() {
       <Routes>
         <Route path="/" element={<Dashboard />} />
         <Route path="/lobster/:lobsterId" element={<LobsterDetail />} />
+        <Route path="/lobster/:lobsterId/memory" element={<MemoryPage />} />
       </Routes>
     </Router>
   );
diff --git a/code/frontend/src/pages/MemoryPage/index.js b/code/frontend/src/pages/MemoryPage/index.js
new file mode 100644
index 0000000..78b90e1
--- /dev/null
+++ b/code/frontend/src/pages/MemoryPage/index.js
@@ -0,0 +1,39 @@
+import React, { useState } from 'react';
+import { useParams, useNavigate } from 'react-router-dom';
+import MemoryModal from '../../components/MemoryModal/index.js';
+
+function MemoryPage() {
+  const { lobsterId } = useParams();
+  const navigate = useNavigate();
+  const [lobster, setLobster] = useState(null);
+
+  // 龙虾数据（应该从 API 获取，这里简化处理）
+  const lobsters = {
+    1: { name: '飞行侠', emoji: '🦸' },
+    2: { name: '道童', emoji: '☯️' },
+    3: { name: '墨子', emoji: '🔧' },
+    4: { name: '织网者', emoji: '🕸️' },
+    5: { name: '费曼', emoji: '⚛️' },
+    6: { name: '守望者', emoji: '👁️' },
+  };
+
+  const lobsterData = lobsters[lobsterId];
+
+  const handleClose = () => {
+    navigate(`/lobster/${lobsterId}`);
+  };
+
+  if (!lobsterData) {
+    return <div>龙虾不存在</div>;
+  }
+
+  return (
+    <MemoryModal
+      lobsterId={lobsterId}
+      lobsterName={`${lobsterData.emoji} ${lobsterData.name}`}
+      onClose={handleClose}
+    />
+  );
+}
+
+export default MemoryPage;