Add back button to Admin page
This commit is contained in:
parent
bc4138f332
commit
39ad2f00b5
1 changed files with 14 additions and 3 deletions
|
|
@ -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">
|
||||
|
|
|
|||
Loading…
Add table
Reference in a new issue