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:
2026-04-06 13:03:20 +03:00
parent 1ab24dfe27
commit d686f5abe6
2 changed files with 191 additions and 91 deletions

View File

@@ -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>