From 1ac9f0fdcf581f4db9f38717473d4709c68130e2 Mon Sep 17 00:00:00 2001
From: Jun-te Kim <juntekim@googlemail.com>
Date: Tue, 7 Jul 2026 11:53:26 +0000
Subject: [PATCH] fix(portfolio): open the bulk-upload dialog from "Bulk excel
 import"
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

The BulkUploadComingSoonModal (drag/drop upload, template download, header
validation → creates the upload and routes into the map-columns onboarding
step) existed but was never wired to anything. The "Bulk excel import" menu
item routed to the uploads list instead. Point it at the dialog so the bulk
upload onboarding starts from there.

Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>
---
 .../portfolio/[slug]/components/PropertyTable.tsx    | 12 +++++++++---
 1 file changed, 9 insertions(+), 3 deletions(-)

diff --git a/src/app/portfolio/[slug]/components/PropertyTable.tsx b/src/app/portfolio/[slug]/components/PropertyTable.tsx
index 6d452e42..119c5a32 100644
--- a/src/app/portfolio/[slug]/components/PropertyTable.tsx
+++ b/src/app/portfolio/[slug]/components/PropertyTable.tsx
@@ -17,6 +17,7 @@ import {
 } from "@heroicons/react/24/outline";
 import { useRouter } from "next/navigation";
 import { HomeIcon } from "@heroicons/react/24/outline";
+import BulkUploadComingSoonModal from "@/app/components/portfolio/BulkUploadComingSoonModal";
 import { sapToEpc } from "@/app/utils";
 import { columns } from "@/app/portfolio/[slug]/components/propertyTableColumns";
 import { PropertyWithRelations } from "@/app/db/schema/property";
@@ -307,6 +308,7 @@ export default function PropertyTable({
 }) {
   const router = useRouter();
   const [sidebarOpen, setSidebarOpen] = useState(false);
+  const [bulkImportOpen, setBulkImportOpen] = useState(false);
 
   const [committedAddress, setCommittedAddress] = useState("");
   const [committedPostcode, setCommittedPostcode] = useState("");
@@ -655,9 +657,7 @@ export default function PropertyTable({
               </DropdownMenuItem>
               <DropdownMenuItem
                 className="flex items-start gap-3 cursor-pointer rounded-lg p-3"
-                onSelect={() =>
-                  router.push(`/portfolio/${portfolioId}/bulk-upload`)
-                }
+                onSelect={() => setBulkImportOpen(true)}
               >
                 <DocumentArrowUpIcon className="h-[18px] w-[18px] mt-0.5 text-gray-700 shrink-0" />
                 <span className="flex-1">
@@ -671,6 +671,12 @@ export default function PropertyTable({
               </DropdownMenuItem>
             </DropdownMenuContent>
           </DropdownMenu>
+
+          <BulkUploadComingSoonModal
+            isOpen={bulkImportOpen}
+            onClose={() => setBulkImportOpen(false)}
+            portfolioId={portfolioId}
+          />
         </div>
       </div>