David/WFDASH-WEBAPP
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

feat(stock-orders): Edit button on draft PO rows

Browse source 
Adds a Pencil-icon ghost button to the trailing cell of every draft
row. Clicking it opens the QuickDraftModal in edit mode for that
purchase, scoped to that draft's lines. e.stopPropagation prevents
the row's detail-page navigation from also firing.

Co-authored-by: Orca <help@stably.ai>
This commit is contained in:
SJCoetz 2026-07-31 14:00:03 +02:00
parent 5e91a5d7c0
commit 1d2499a17a
1 changed files with 32 additions and 3 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

35
src/app/(app)/stock-orders/page.tsx
View file

@ -13,7 +13,7 @@ import {
import { Badge } from "@/components/ui/badge";
import { Button } from "@/components/ui/button";
import { Card, CardContent } from "@/components/ui/card";
import { Loader2, Plus, AlertCircle, Package, ChevronRight, Boxes } from "lucide-react";
import { Loader2, Plus, AlertCircle, Package, ChevronRight, Boxes, Pencil } from "lucide-react";
import { toast } from "sonner";
import getPocketBase from "@/lib/pocketbase";
import { QuickDraftModal } from "@/components/stock-orders/quick-draft-modal";
@ -95,6 +95,12 @@ export default function StockOrdersPage() {
const [page, setPage] = useState(1);
const [totalPages, setTotalPages] = useState(1);
const [quickDraftOpen, setQuickDraftOpen] = useState(false);
const [editingPurchaseId, setEditingPurchaseId] = useState<string | null>(null);
const openEditForDraft = (purchaseId: string) => {
setEditingPurchaseId(purchaseId);
setQuickDraftOpen(true);
};
const fetchRows = useCallback(async () => {
setLoading(true);
@ -273,7 +279,26 @@ export default function StockOrdersPage() {
{formatDate(row.created)}
</TableCell>
<TableCell>
<ChevronRight className="h-4 w-4 text-muted-foreground" />
<div className="flex items-center justify-end gap-1">
{row.status === "draft" && (
<Button
type="button"
variant="ghost"
size="icon"
className="h-8 w-8"
onClick={(e) => {
e.stopPropagation();
openEditForDraft(row.id);
}}
aria-label={`Edit draft ${row.purchase_number}`}
title={`Edit ${row.purchase_number}`}
data-testid="edit-draft-button"
>
<Pencil className="h-4 w-4" />
</Button>
)}
<ChevronRight className="h-4 w-4 text-muted-foreground" />
</div>
</TableCell>
</TableRow>
);
@ -311,7 +336,11 @@ export default function StockOrdersPage() {
<QuickDraftModal
open={quickDraftOpen}
onOpenChange={setQuickDraftOpen}
onOpenChange={(next) => {
setQuickDraftOpen(next);
if (!next) setEditingPurchaseId(null);
}}
editPurchaseId={editingPurchaseId ?? undefined}
/>
</div>
);