Add back button to Admin page

This commit is contained in:
Vadym Samoilenko 2026-04-24 18:48:22 +01:00
parent bc4138f332
commit 39ad2f00b5

View file

@ -1,16 +1,27 @@
import { useNavigate } from 'react-router-dom';
import { Tabs, TabsList, TabsTrigger, TabsContent } from '@/components/ui/tabs';
import { Button } from '@/components/ui/button';
import { ArrowLeft } from 'lucide-react';
import UsersTab from '@/components/admin/UsersTab';
import UsageTab from '@/components/admin/UsageTab';
import PricingTab from '@/components/admin/PricingTab';
import FocusGroupsTab from '@/components/admin/FocusGroupsTab';
export default function Admin() {
const navigate = useNavigate();
return (
<div className="min-h-screen bg-background">
<div className="max-w-7xl mx-auto px-4 py-8">
<div className="mb-6">
<h1 className="text-2xl font-bold">Admin Panel</h1>
<p className="text-sm text-slate-500 mt-1">User management, usage analytics, and pricing configuration.</p>
<div className="mb-6 flex items-start gap-3">
<Button variant="ghost" size="sm" onClick={() => navigate('/')} className="mt-1 -ml-2">
<ArrowLeft className="h-4 w-4 mr-1" />
Back
</Button>
<div>
<h1 className="text-2xl font-bold">Admin Panel</h1>
<p className="text-sm text-slate-500 mt-1">User management, usage analytics, and pricing configuration.</p>
</div>
</div>
<Tabs defaultValue="users">