dst/dstpabuaran.com
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat: add update status functionality for transactions with corresponding UI actions

Browse Source
This commit is contained in:
Yoga Pangestu 2026-08-06 14:59:48 +07:00
parent 508a0e3fa8
commit 6ebcbc24c0
4 changed files with 57 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

9
app/Http/Controllers/Admin/Manage/TransactionController.php
View File

@ -76,4 +76,13 @@ public function destroy(Order $transaction): RedirectResponse
'admin.manage.transactions.index'
);
}
public function updateStatus(Order $transaction): RedirectResponse
{
return $this->handleAction(
fn () => $this->service->updateStatus($transaction, request('status')),
'Status transaksi berhasil diperbarui.',
'admin.manage.transactions.index'
);
}
}

7
app/Services/Admin/Manage/TransactionService.php
View File

@ -358,6 +358,13 @@ public function delete(Order $order): bool
});
}
public function updateStatus(Order $order, string $status): Order
{
$order->update(['status' => $status]);
return $order;
}
private function buildItemRows(array $items, string $stockType, string $priceType, $now, int &$subtotal, int &$totalCost): array
{
$resolvedPriceType = $stockType === ProductStockQuality::REJECT->value

6
resources/js/pages/admin/manage/transaction/index.tsx
View File

@ -31,6 +31,7 @@ import {
create as transactionCreate,
index as transactionIndex,
edit as transactionEdit,
updateStatus as transactionUpdateStatus,
} from '@/routes/admin/manage/transactions';
import type { Transaction } from './columns';
import { TransactionCardRow } from './transaction-card';
@ -147,6 +148,10 @@ export default function TransactionIndex({
});
}
function handleUpdateStatus(transaction: Transaction, status: string) {
router.patch(transactionUpdateStatus.url(transaction.id), { status });
}
const filterToolbar = (
<FilterPopover
open={filterOpen}
@ -398,6 +403,7 @@ export default function TransactionIndex({
router.visit(transactionEdit.url(t.id));
}}
onDelete={(t) => setDeleting(t)}
onUpdateStatus={(t, status) => handleUpdateStatus(t, status)}
/>
)}
renderSubContent={(transaction) => (

36
resources/js/pages/admin/manage/transaction/transaction-card.tsx
View File

@ -5,7 +5,7 @@ import { Card, CardContent } from '@/components/ui/card';
import { useCan } from '@/hooks/use-can';
import { formatDateTime, formatNumber } from '@/lib/format';
import { formatCurrency } from '@/lib/utils';
import { ChevronDown, Pencil, Trash2 } from 'lucide-react';
import { CheckCircle, ChevronDown, Pencil, Send, Trash2, XCircle } from 'lucide-react';
import type { Transaction } from './columns';
const STATUS_BADGE_CLASSES: Record<string, string> = {
@ -23,6 +23,7 @@ export type TransactionCardRowParams = {
onToggleExpand: () => void;
onEdit: (transaction: Transaction) => void;
onDelete: (transaction: Transaction) => void;
onUpdateStatus: (transaction: Transaction, status: string) => void;
};
export function TransactionCardRow({
@ -32,6 +33,7 @@ export function TransactionCardRow({
onToggleExpand,
onEdit,
onDelete,
onUpdateStatus,
}: TransactionCardRowParams) {
const { can } = useCan();
const items = transaction.order_items ?? [];
@ -183,6 +185,38 @@ export function TransactionCardRow({
<RowActions
actions={[
...(transaction.status === 'pending' && can('orders.update')
? [
{
label: 'Kirim',
icon: <Send className="h-4 w-4" />,
onClick: () => onUpdateStatus(transaction, 'processing'),
},
]
: []),
...((transaction.status === 'pending' || transaction.status === 'processing') && can('orders.update')
? [
{
label: 'Selesai',
icon: <CheckCircle className="h-4 w-4" />,
onClick: () => onUpdateStatus(transaction, 'completed'),
},
{
label: 'Dibatalkan',
icon: <XCircle className="h-4 w-4 text-destructive" />,
onClick: () => onUpdateStatus(transaction, 'cancelled'),
},
]
: []),
...(transaction.status === 'completed' && can('orders.update')
? [
{
label: 'Refund',
icon: <XCircle className="h-4 w-4 text-destructive" />,
onClick: () => onUpdateStatus(transaction, 'refunded'),
},
]
: []),
{
label: 'Edit',
icon: <Pencil className="h-4 w-4" />,