feat: add refresh button to orders panel and admin page

- Desktop orders card in pay/page.tsx: refresh button next to "订单中心"
- Admin orders page: refresh button next to the page title
This commit is contained in:
erio
2026-03-01 14:17:18 +08:00
parent 98f7912131
commit ceb09659f8
2 changed files with 23 additions and 2 deletions

View File

@@ -120,7 +120,16 @@ function AdminContent() {
return (
<div className="mx-auto min-h-screen max-w-6xl p-4">
<h1 className="mb-6 text-2xl font-bold text-gray-900">Sub2ApiPay </h1>
<div className="mb-6 flex items-center justify-between">
<h1 className="text-2xl font-bold text-gray-900">Sub2ApiPay </h1>
<button
type="button"
onClick={fetchOrders}
className="rounded-lg border border-gray-300 px-3 py-1.5 text-sm font-medium text-gray-700 hover:bg-gray-100"
>
</button>
</div>
{error && (
<div className="mb-4 rounded-lg bg-red-50 p-3 text-sm text-red-600">

View File

@@ -533,7 +533,19 @@ function PayContent() {
</div>
<div className="space-y-4">
<div className={['rounded-2xl border p-4', isDark ? 'border-slate-700 bg-slate-800/70' : 'border-slate-200 bg-slate-50'].join(' ')}>
<div className={['text-xs', isDark ? 'text-slate-400' : 'text-slate-500'].join(' ')}></div>
<div className="flex items-center justify-between">
<div className={['text-xs', isDark ? 'text-slate-400' : 'text-slate-500'].join(' ')}></div>
<button
type="button"
onClick={loadUserAndOrders}
className={[
'rounded-lg border px-2.5 py-1 text-xs font-medium transition-colors',
isDark ? 'border-slate-600 text-slate-200 hover:bg-slate-800' : 'border-slate-300 text-slate-700 hover:bg-slate-100',
].join(' ')}
>
</button>
</div>
<div className="mt-1 text-lg font-semibold">{myOrders.length} </div>
<a
href={pcOrdersUrl}