feat: deposit presets UI, back button in history, onFocus select on inputs
- DepositSettingsPage: deduction presets management (add/edit/delete inline) - DepositHistoryPage: "← Назад" link back to settings - Amount inputs: onFocus selects all text Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
This commit is contained in:
@@ -1,5 +1,6 @@
|
||||
import { useState, useEffect } from 'react'
|
||||
import { Loader2, ShieldCheck, CreditCard, Banknote, RefreshCw } from 'lucide-react'
|
||||
import { Loader2, ShieldCheck, CreditCard, Banknote, RefreshCw, ArrowLeft } from 'lucide-react'
|
||||
import { Link } from 'react-router-dom'
|
||||
import { api, type BookingDeposit } from '../lib/api'
|
||||
import { useAuth } from '../contexts/AuthContext'
|
||||
import { cn, formatCurrency } from '../lib/utils'
|
||||
@@ -40,14 +41,17 @@ export function DepositHistoryPage() {
|
||||
return (
|
||||
<div className="p-4 md:p-6 space-y-5 max-w-4xl">
|
||||
<div className="flex items-center justify-between flex-wrap gap-2">
|
||||
<h1 className="text-xl font-bold text-slate-900 dark:text-slate-100 flex items-center gap-2">
|
||||
<ShieldCheck size={22} className="text-brand-600" />
|
||||
История депозитов
|
||||
</h1>
|
||||
<button
|
||||
onClick={load}
|
||||
className="btn-secondary flex items-center gap-1.5 text-sm"
|
||||
>
|
||||
<div className="flex items-center gap-3">
|
||||
<Link to="/settings/deposit" className="flex items-center gap-1.5 text-sm text-slate-500 hover:text-slate-700 dark:hover:text-slate-300 transition-colors">
|
||||
<ArrowLeft size={16} />
|
||||
Назад
|
||||
</Link>
|
||||
<h1 className="text-xl font-bold text-slate-900 dark:text-slate-100 flex items-center gap-2">
|
||||
<ShieldCheck size={22} className="text-brand-600" />
|
||||
История депозитов
|
||||
</h1>
|
||||
</div>
|
||||
<button onClick={load} className="btn-secondary flex items-center gap-1.5 text-sm">
|
||||
<RefreshCw size={14} />
|
||||
Обновить
|
||||
</button>
|
||||
|
||||
Reference in New Issue
Block a user