diff --git a/code/frontend/src/App.js b/code/frontend/src/App.js index 16a3025..c6d227b 100644 --- a/code/frontend/src/App.js +++ b/code/frontend/src/App.js @@ -2,7 +2,6 @@ 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 ( @@ -10,7 +9,6 @@ function App() { } /> } /> - } /> ); diff --git a/code/frontend/src/components/LobsterDetail/index.js b/code/frontend/src/components/LobsterDetail/index.js index 7dc37fb..0e533b1 100644 --- a/code/frontend/src/components/LobsterDetail/index.js +++ b/code/frontend/src/components/LobsterDetail/index.js @@ -1,6 +1,7 @@ import React, { useState, useEffect } from 'react'; import { useParams, useNavigate } from 'react-router-dom'; import axios from 'axios'; +import MemoryModal from '../MemoryModal'; const API_BASE = 'http://localhost:8000/api'; @@ -9,6 +10,7 @@ function LobsterDetail() { const navigate = useNavigate(); const [lobster, setLobster] = useState(null); const [loading, setLoading] = useState(true); + const [showMemory, setShowMemory] = useState(false); useEffect(() => { fetchLobsterDetail(); @@ -124,9 +126,9 @@ function LobsterDetail() {
+ {/* 日新弹窗 */} + {showMemory && ( + setShowMemory(false)} + /> + )} +