etkr4k/bedolaga-cabinet
1
0
Fork 0
mirror of https://github.com/chillpadclub/bedolaga-cabinet.git synced 2026-07-29 18:13:47 +00:00
Code Issues Packages Projects Releases Wiki Activity

fix: AdminTariffCreate back button and daily tariff colors

Browse Source 
- AdminBackButton now navigates to /admin/tariffs instead of /admin
- Fixed dynamic Tailwind classes for daily tariff (warning colors)
- Tabs, servers, and reset mode buttons now use proper warning
  colors for daily tariffs
This commit is contained in:
c0mrade
2026-02-02 01:58:15 +03:00
parent 1ca34fa3d1
commit d623cd41e9
1 changed files with 21 additions and 8 deletions
Download Patch File Download Diff File Expand all files Collapse all files

29
src/pages/AdminTariffCreate.tsx
View File

@@ -284,7 +284,7 @@ export default function AdminTariffCreate() {
return ( return (
<div className="space-y-6"> <div className="space-y-6">
<div className="flex items-center gap-3"> <div className="flex items-center gap-3">
<AdminBackButton /> <AdminBackButton to="/admin/tariffs" />
<div> <div>
<h1 className="text-xl font-bold text-dark-100">{t('admin.tariffs.selectType')}</h1> <h1 className="text-xl font-bold text-dark-100">{t('admin.tariffs.selectType')}</h1>
<p className="text-sm text-dark-400">{t('admin.tariffs.selectTypeDesc')}</p> <p className="text-sm text-dark-400">{t('admin.tariffs.selectTypeDesc')}</p>
@@ -326,15 +326,18 @@ export default function AdminTariffCreate() {
} }
const isDaily = tariffType === 'daily'; const isDaily = tariffType === 'daily';
const accentColor = isDaily ? 'warning' : 'accent';
return ( return (
<div className="space-y-6"> <div className="space-y-6">
{/* Header */} {/* Header */}
<div className="flex items-center gap-3"> <div className="flex items-center gap-3">
<AdminBackButton /> <AdminBackButton to="/admin/tariffs" />
<div className="flex items-center gap-3"> <div className="flex items-center gap-3">
<div className={`rounded-lg bg-${accentColor}-500/20 p-2 text-${accentColor}-400`}> <div
className={`rounded-lg p-2 ${
isDaily ? 'bg-warning-500/20 text-warning-400' : 'bg-accent-500/20 text-accent-400'
}`}
>
{isDaily ? <SunIcon /> : <CalendarIcon />} {isDaily ? <SunIcon /> : <CalendarIcon />}
</div> </div>
<div> <div>
@@ -366,7 +369,9 @@ export default function AdminTariffCreate() {
onClick={() => setActiveTab(tab)} onClick={() => setActiveTab(tab)}
className={`shrink-0 whitespace-nowrap rounded-xl px-4 py-2.5 text-sm font-medium transition-all ${ className={`shrink-0 whitespace-nowrap rounded-xl px-4 py-2.5 text-sm font-medium transition-all ${
activeTab === tab activeTab === tab
? `bg-${accentColor}-500/15 text-${accentColor}-400 ring-1 ring-${accentColor}-500/30` ? isDaily
? 'bg-warning-500/15 text-warning-400 ring-1 ring-warning-500/30'
: 'bg-accent-500/15 text-accent-400 ring-1 ring-accent-500/30'
: 'bg-dark-800/50 text-dark-400 hover:bg-dark-700' : 'bg-dark-800/50 text-dark-400 hover:bg-dark-700'
}`} }`}
> >
@@ -592,13 +597,19 @@ export default function AdminTariffCreate() {
onClick={() => toggleServer(server.squad_uuid)} onClick={() => toggleServer(server.squad_uuid)}
className={`flex w-full items-center gap-3 rounded-lg p-3 text-left transition-colors ${ className={`flex w-full items-center gap-3 rounded-lg p-3 text-left transition-colors ${
isSelected isSelected
? `bg-${accentColor}-500/20 text-${accentColor}-300` ? isDaily
? 'bg-warning-500/20 text-warning-300'
: 'bg-accent-500/20 text-accent-300'
: 'bg-dark-800 text-dark-300 hover:bg-dark-700' : 'bg-dark-800 text-dark-300 hover:bg-dark-700'
}`} }`}
> >
<div <div
className={`flex h-5 w-5 items-center justify-center rounded ${ className={`flex h-5 w-5 items-center justify-center rounded ${
isSelected ? 'bg-accent-500 text-white' : 'bg-dark-600' isSelected
? isDaily
? 'bg-warning-500 text-white'
: 'bg-accent-500 text-white'
: 'bg-dark-600'
}`} }`}
> >
{isSelected && <CheckIcon />} {isSelected && <CheckIcon />}
@@ -890,7 +901,9 @@ export default function AdminTariffCreate() {
onClick={() => setTrafficResetMode(option.value)} onClick={() => setTrafficResetMode(option.value)}
className={`rounded-lg p-3 text-left text-sm transition-colors ${ className={`rounded-lg p-3 text-left text-sm transition-colors ${
trafficResetMode === option.value trafficResetMode === option.value
? `bg-${accentColor}-500/20 text-${accentColor}-300 ring-1 ring-${accentColor}-500/30` ? isDaily
? 'bg-warning-500/20 text-warning-300 ring-1 ring-warning-500/30'
: 'bg-accent-500/20 text-accent-300 ring-1 ring-accent-500/30'
: 'bg-dark-800 text-dark-300 hover:bg-dark-700' : 'bg-dark-800 text-dark-300 hover:bg-dark-700'
}`} }`}
> >