diff --git a/app/list/[id]/page.tsx b/app/list/[id]/page.tsx index 969d03d..73020cd 100644 --- a/app/list/[id]/page.tsx +++ b/app/list/[id]/page.tsx @@ -6,7 +6,7 @@ import { notFound } from 'next/navigation' import Link from 'next/link' import { ArrowLeft } from 'lucide-react' import InlineItemCreate from '@/components/InlineItemCreate' -import ListDetailView from '@/components/ClientListDetailView' +import ListDetailView from '@/components/ListDetailView' export const dynamic = 'force-dynamic' export const revalidate = 0 diff --git a/components/ClientListDetailView.tsx b/components/ClientListDetailView.tsx deleted file mode 100644 index 11a4dce..0000000 --- a/components/ClientListDetailView.tsx +++ /dev/null @@ -1,18 +0,0 @@ -'use client' - -import dynamic from 'next/dynamic' - -const ListDetailView = dynamic(() => import('./ListDetailView'), { - ssr: false, - loading: () =>
-
-
-
-
-
-
-
-
-}) - -export default ListDetailView \ No newline at end of file diff --git a/components/ListDetailView.tsx b/components/ListDetailView.tsx index 090d25d..0b81d34 100644 --- a/components/ListDetailView.tsx +++ b/components/ListDetailView.tsx @@ -66,15 +66,13 @@ export default function ListDetailView({ ownerEmail = '', collaborators = [] }: ListDetailViewProps) { - const [mounted, setMounted] = useState(false) + const [searchResults, setSearchResults] = useState([]) const [isSearching, setIsSearching] = useState(false) const [filteredItems, setFilteredItems] = useState(initialItems) const [isShareModalOpen, setIsShareModalOpen] = useState(false) - useEffect(() => { - setMounted(true) - }, []) + // Use scroll position preservation hook useScrollPosition({ key: `list-${listId}` })