feat(22-01): wire catalog search and detail page to collection/thread modals
- Replace handleAddStub with handleAdd dispatching to correct modal by mode - Global item detail page: add both "Add to Collection" and "Add to Thread" buttons - Remove console.log stub from detail page - Import useUIStore in both components Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
This commit is contained in:
@@ -1,6 +1,7 @@
|
||||
import { createFileRoute, Link } from "@tanstack/react-router";
|
||||
import { useFormatters } from "../../hooks/useFormatters";
|
||||
import { useGlobalItem } from "../../hooks/useGlobalItems";
|
||||
import { useUIStore } from "../../stores/uiStore";
|
||||
|
||||
export const Route = createFileRoute("/global-items/$globalItemId")({
|
||||
component: GlobalItemDetail,
|
||||
@@ -10,6 +11,8 @@ function GlobalItemDetail() {
|
||||
const { globalItemId } = Route.useParams();
|
||||
const { data: item, isLoading, error } = useGlobalItem(Number(globalItemId));
|
||||
const { weight, price } = useFormatters();
|
||||
const openAddToCollection = useUIStore((s) => s.openAddToCollection);
|
||||
const openAddToThread = useUIStore((s) => s.openAddToThread);
|
||||
|
||||
if (isLoading) {
|
||||
return (
|
||||
@@ -126,15 +129,22 @@ function GlobalItemDetail() {
|
||||
)}
|
||||
</div>
|
||||
|
||||
{/* Add to Collection */}
|
||||
<div className="mb-6">
|
||||
{/* Action buttons */}
|
||||
<div className="flex gap-3 mb-6">
|
||||
<button
|
||||
type="button"
|
||||
onClick={() => console.log("Add to collection — wired in Phase 22")}
|
||||
onClick={() => openAddToCollection(item.id, `${item.brand} ${item.model}`)}
|
||||
className="bg-gray-700 text-white rounded-lg px-5 py-2.5 text-sm font-medium hover:bg-gray-800 transition-colors"
|
||||
>
|
||||
Add to Collection
|
||||
</button>
|
||||
<button
|
||||
type="button"
|
||||
onClick={() => openAddToThread(item.id, `${item.brand} ${item.model}`)}
|
||||
className="bg-white text-gray-700 border border-gray-200 rounded-lg px-5 py-2.5 text-sm font-medium hover:bg-gray-50 transition-colors"
|
||||
>
|
||||
Add to Thread
|
||||
</button>
|
||||
</div>
|
||||
|
||||
{/* Description */}
|
||||
|
||||
Reference in New Issue
Block a user