4.9.0: Модальное окно детализации задачи

play-life-web/src/components/Wishlist.jsx

@@ -2,6 +2,7 @@ import React, { useState, useEffect, useRef } from 'react'
 import { useAuth } from './auth/AuthContext'
 import BoardSelector from './BoardSelector'
 import LoadingError from './LoadingError'
+import WishlistDetail from './WishlistDetail'
 import './Wishlist.css'
 
 const API_URL = '/api/wishlist'
@@ -43,6 +44,7 @@ function Wishlist({ onNavigate, refreshTrigger = 0, isActive = false, initialBoa
   const [completedExpanded, setCompletedExpanded] = useState(false)
   const [completedLoading, setCompletedLoading] = useState(false)
   const [selectedItem, setSelectedItem] = useState(null)
+  const [selectedWishlistForDetail, setSelectedWishlistForDetail] = useState(null)
   const fetchingRef = useRef(false)
   const fetchingCompletedRef = useRef(false)
   const initialFetchDoneRef = useRef(false)
@@ -406,7 +408,11 @@ function Wishlist({ onNavigate, refreshTrigger = 0, isActive = false, initialBoa
   }
 
   const handleItemClick = (item) => {
-    onNavigate?.('wishlist-detail', { wishlistId: item.id, boardId: selectedBoardId })
+    setSelectedWishlistForDetail(item.id)
+  }
+
+  const handleCloseDetail = () => {
+    setSelectedWishlistForDetail(null)
   }
 
   const handleMenuClick = (item, e) => {
@@ -697,6 +703,22 @@ function Wishlist({ onNavigate, refreshTrigger = 0, isActive = false, initialBoa
           </div>
         </div>
       )}
+
+      {/* Модальное окно для деталей желания */}
+      {selectedWishlistForDetail && (
+        <WishlistDetail
+          wishlistId={selectedWishlistForDetail}
+          onNavigate={onNavigate}
+          boardId={selectedBoardId}
+          onRefresh={async () => {
+            await fetchItems()
+            if (completedExpanded) {
+              await fetchCompleted()
+            }
+          }}
+          onClose={handleCloseDetail}
+        />
+      )}
     </div>
   )
 }